@charset "utf-8";
/* 공통 CSS common.css로 분리 (2020-08-27) */
/* input 등 content.css로 이동 (2020-09-04) */

/*main contents*/
/* height 693->500, background-position-y center->bottom (2020-09-11) */
.m_cont01{height:500px; background:url(../images/common/main_top_bg.png) no-repeat center bottom / cover;}
.m_cont01 .con_wrap{width:1244px; margin:0 auto; padding:40px 100px 0; box-sizing:border-box;}
.m_cont01 .con_wrap:after{content:""; display:block; clear:both;}
.m_cont01 .con_wrap .top_tit{margin-bottom:40px; text-align:center;}
/* border-radius 추가 (2020-09-08) */
.main_banner{float:left; width:720px; border-radius: 10px; box-shadow: 5px 7px 10px rgba(0, 0, 0, .2);}
.main_banner .main_banner_list{position:relative;}
/* .main_banner .main_banner_list .item{height:400px; vertical-align:top; overflow:hidden; border-radius:10px;}
.main_banner .main_banner_list .item a{display:block; height:100%; font-size:0; background-position:center center} */
/* 메인 배너 구조 수정 (2020-09-08) / 구조 재수정 (2020-09-09) */
.main_banner .main_banner_list .item {vertical-align: top; overflow: hidden;}
.main_banner .main_banner_list .item a {display: block;}
.main_banner .main_banner_list .item a .item-cont {position: relative; height: calc(720px*0.5556); border-radius: 10px; background: no-repeat center center/cover;}
.main_banner .main_banner_list .item a img {vertical-align: top; position: absolute; max-width: 100%;}
.main_banner .main_banner_list .main_banner_control{position:absolute; bottom:10px; left:0; width:100%; text-align:center;}
.main_banner .main_banner_list .main_banner_control .main_banner_dot{display:inline-block; zoom:1; *display:inline !important; height:32px; padding:8px 18px; background:#ffffff; border-radius:32px; overflow:hidden; box-sizing:border-box;}
.main_banner .main_banner_list .main_banner_control .main_banner_dot .slick-dots{float:left; overflow:hidden;}
.main_banner .main_banner_list .main_banner_control .main_banner_dot .slick-dots li{float:left; height:16px; margin-right:6px; box-sizing:border-box;}
.main_banner .main_banner_list .main_banner_control .main_banner_dot .slick-dots li button{width:16px; height:16px; background:url(../images/common/main_bnr_dot.png) no-repeat center center; font-size:0; vertical-align:top;}
.main_banner .main_banner_list .main_banner_control .main_banner_dot .slick-dots li.slick-active button{background:url(../images/common/main_bnr_dot_h.png) no-repeat center center;}
.main_banner .main_banner_list .main_banner_control .main_banner_dot .main_banner_btn{float:left; height:16px;}
.main_banner .main_banner_list .main_banner_control .main_banner_dot .main_banner_btn button{font-size:0; width:16px; height:16px; margin-left:5px; vertical-align:top;}
.main_banner .main_banner_list .main_banner_control .main_banner_dot .main_banner_btn button.prev{background:url(../images/common/main_bnr_prev.png) no-repeat center center;}
.main_banner .main_banner_list .main_banner_control .main_banner_dot .main_banner_btn button.stop{background:url(../images/common/main_bnr_stop.png) no-repeat center center;}
.main_banner .main_banner_list .main_banner_control .main_banner_dot .main_banner_btn button.start{background:url(../images/common/main_bnr_start.png) no-repeat center center;}
.main_banner .main_banner_list .main_banner_control .main_banner_dot .main_banner_btn button.next{background:url(../images/common/main_bnr_next.png) no-repeat center center;}
.main_banner .m_main_arrow{display:none;}
.main_banner .m_main_arrow button{position:absolute; top:50%; width:37px; height:49px; margin-top:-25px; font-size:0;}
.main_banner .m_main_arrow button.prev{left:15px; background:url(../images/common/m_main_arrow_l.png) no-repeat center center;}
.main_banner .m_main_arrow button.next{right:15px; background:url(../images/common/m_main_arrow_r.png) no-repeat center center;}

.link_group{float:right; width:300px; height:400px; background:url(../images/common/link_group_bg.png) no-repeat center center / cover; border-radius:10px; box-shadow: 5px 7px 10px rgba(0, 0, 0, .2);}
.link_group .link_group_list{width:100%; padding:20px 0 25px 0;}
.link_group .link_group_list .item{vertical-align:top; margin-bottom:15px;}
.link_group .link_group_list .item a{display:block; height:114px; text-align:center; color:#757575; font-size:15px;}
.link_group .link_group_list .item a:before{content:""; display:block; width:64px; height:64px; margin:0 auto 10px; background-color:rgba(255, 255, 255, .2); background-position:center center; background-repeat:no-repeat; border-radius:64px;}
.link_group .link_group_list .item a:hover:before{background:rgba(255, 255, 255, 1);}
.link_group .link_group_list .item a:after{content:""; display:inline-block; zoom:1; *display:inline !important; height:32px; vertical-align:middle;}
.link_group .link_group_list .item a.ico01:before{background-image:url(../images/common/link_group_ico01.png); background-position:center center; background-repeat:no-repeat;}
.link_group .link_group_list .item a.ico02:before{background-image:url(../images/common/link_group_ico02.png); background-position:center center; background-repeat:no-repeat;}
.link_group .link_group_list .item a.ico03:before{background-image:url(../images/common/link_group_ico03.png); background-position:center center; background-repeat:no-repeat;}
.link_group .link_group_list .item a.ico04:before{background-image:url(../images/common/link_group_ico04.png); background-position:center center; background-repeat:no-repeat;}
.link_group .link_group_list .item a.ico05:before{background-image:url(../images/common/link_group_ico05.png); background-position:center center; background-repeat:no-repeat;}
.link_group .link_group_list .item a.ico06:before{background-image:url(../images/common/link_group_ico06.png); background-position:center center; background-repeat:no-repeat;}
.link_group .link_group_list .item a.ico07:before{background-image:url(../images/common/link_group_ico07.png); background-position:center center; background-repeat:no-repeat;}
.link_group .link_group_list .item a span{display:inline-block; zoom:1; *display:inline !important; vertical-align:middle; color:#ffffff;}
.link_group .link_group_list .slick-arrow{position:absolute; top:50%; width:24px; height:48px; margin-top:-24px; font-size:0;}
.link_group .link_group_list .slick-prev{left:-25px; background:#000000 url(../images/common/link_group_prev.png) no-repeat center center; border-radius:0 5px 5px 0;}
.link_group .link_group_list .slick-next{right:-25px; background:#000000 url(../images/common/link_group_next.png) no-repeat center center; border-radius:5px 0 0 5px;}

/* top 220->50% / margin-top 추가 (2020-09-17) // overflow 주석처리, border-top-left-radius 10->0 (2020-09-18) */
.favor_group{position:fixed; right:0; top:50%; width:190px; margin-top: -214px; border-radius:0 0 0 10px; box-shadow: 0 7px 10px rgba(0, 0, 0, .2); /*overflow:hidden;*/ z-index:101;}
/* padding-left 주석처리 / text-align, position, z-index 추가 (2020-09-18) */
.favor_group h3{position: relative; z-index: 1; /*padding-left:25px;*/ text-align: center; line-height:44px; font-size:16px; font-weight:700; background:#ffcc00; box-sizing:border-box;}
/* display (inline-block)->none (2020-09-18) // display none->(inline-block) (2020-10-08) */
.favor_group h3:before{content:""; display:inline-block; zoom:1; *display:inline !important; width:10px; height:44px; margin-right:10px; vertical-align:top; background:url(../images/common/favor_tit_ico.png) no-repeat center center;}
.favor_group .favor_group_list{padding:0 10px; background:#ffffff; box-sizing:border-box;}
/* 반응형 수정 (li border)->(a border) (2020-09-17) */
.favor_group .favor_group_list li{/*border-top:1px solid #eaeaea;*/}
.favor_group .favor_group_list li:first-child{/*border-top:0;*/}
.favor_group .favor_group_list li a{position:relative; display:block; border-top:1px solid #eaeaea; font-size:15px; line-height:68px; color:#757575;}
.favor_group .favor_group_list li:first-child a {border-top:0;}
.favor_group .favor_group_list li a:before{content:""; display:inline-block; zoom:1; *display:inline !important; width:30px; height:68px; margin-right:10px; vertical-align:top;}
.favor_group .favor_group_list li a.ico01:before{background:url(../images/common/favor_ico01.png) no-repeat center center;}
.favor_group .favor_group_list li a.ico02:before{background:url(../images/common/favor_ico02.png) no-repeat center center;}
.favor_group .favor_group_list li a.ico03:before{background:url(../images/common/favor_ico03.png) no-repeat center center;}
.favor_group .favor_group_list li a.ico04:before{background:url(../images/common/favor_ico04.png) no-repeat center center;}
.favor_group .favor_group_list li a.ico05:before{background:url(../images/common/favor_ico05.png) no-repeat center center;}
.favor_group .favor_group_list li a.ico06:before{background:url(../images/common/favor_ico06.png) no-repeat center center;}
.favor_group .favor_group_list li a:hover span{padding-right:8px;padding-bottom:2px; color:#000000; background:url(../images/common/favor_arrow.png) no-repeat bottom right;}
/* background a로 이동, a border-radius 추가 (2020-09-18) */
.favor_group .top_btn{/*background:#ffcc00;*/}
.favor_group .top_btn a{display:block; border-radius: 0 0 0 10px; background:#ffcc00; font-size:16px; font-weight:500; color:#000000; line-height:40px; text-align:center;}
.favor_group .top_btn a:before{content:""; display:inline-block; zoom:1; *display:inline !important; width:20px; height:40px; margin-right:10px; background:url(../images/common/favor_top_ico.png) no-repeat center center; vertical-align:top;}
/* 열기/닫기 버튼 추가 (2020-09-18) */
.favor_group > a {position: absolute; top: 0; right: 100%; width: 44px; height: 44px; border-radius: 10px 0 0 10px; background: #000; box-shadow: 0 7px 10px rgba(0, 0, 0, .2); text-align: center; line-height: 44px;}
.favor_group > a > i {font-size: 20px; color: #fff;}

.m_cont02{position:relative; width:1244px; margin:0 auto; padding:60px 0;}
.m_cont02:after{content:""; display:block; clear:both;}

.notice_wrap{float:left; width:614px; height:387px; border-radius:10px; overflow:hidden;}
.notice_wrap .notice_list{position:relative; height:100%; padding:24px 0 0 24px; background:#e8eaf9; box-sizing:border-box;}
.notice_wrap .notice_list:before{content:""; position:absolute; bottom:0; left:142px; width:20px; height:19px; background:#ffffff; border-bottom:1px solid #d1d1d1;}
.notice_wrap .notice_list:after{content:""; position:absolute; bottom:0; left:142px; width:20px; height:20px; background:#e8eaf9; border-radius:0 0 10px 0; z-index:1;}
.notice_wrap .notice_list > li{width:150px; margin-bottom:15px;}
.notice_wrap .notice_list > li h3 a{display:block; width:120px; margin:0 auto; line-height:45px; border-bottom:1px solid #c7cbf1; font-size:18px; color:#4c5074;}
.notice_wrap .notice_list > li.on h3 a{position:relative; display:block; padding:0 17px; line-height:46px; border:0; background:#596bd7; font-weight:500; color:#ffffff; border-radius:46px; box-shadow: 5px 7px 10px rgba(89, 107, 215, .3); z-index:2}
.notice_wrap .notice_list > li.on h3 a:after{content:""; position:absolute; display:block; top:50%; right:15px; width:16px; height:14px; margin-top:-7px; background:url(../images/common/notice_tit_arrow.png) no-repeat center center;}
.notice_wrap .notice_list > li .notice_box{display:none; position:absolute; top:0; right:0; width:452px; height:100%; padding:40px 35px; border:1px solid #d1d1d1; border-left:0; background:#ffffff; overflow:hidden; border-radius:10px 10px 10px 0; box-sizing:border-box;}
.notice_wrap .notice_list > li.on .notice_box{display:block;}
.notice_wrap .notice_list > li .notice_box .notice_top{position:relative; margin-bottom:25px; padding-bottom:25px; padding-left:75px; border-bottom:1px dashed #bdbdbd; box-sizing:border-box;}
.notice_wrap .notice_list > li .notice_box .notice_top a{display:block; padding:10px 0;}
.notice_wrap .notice_list > li .notice_box .notice_top a .date{position:absolute; top:0; left:0; width:63px; height:63px; padding-top:7px; color:#757575; font-size:13px; text-align:center; border:1px solid #9e9e9e; box-sizing:border-box;}
.notice_wrap .notice_list > li .notice_box .notice_top a .date strong{display:block; color:#003a85; font-size:32px; font-weight:700;}
.notice_wrap .notice_list > li .notice_box .notice_top a dl dt{margin-bottom:10px; font-size:20px; color:#000000; font-weight:500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.notice_wrap .notice_list > li .notice_box .notice_top a dl dd{font-size:15px; color:#6b6b6b; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.notice_wrap .notice_list > li .notice_box .list_box li{margin-bottom:22px;}
.notice_wrap .notice_list > li .notice_box .list_box li a{position:relative; display:block; padding-right:90px; padding-left:17px; box-sizing:border-box;}
.notice_wrap .notice_list > li .notice_box .list_box li a:before{content:""; position:absolute; display:block; top:1px; left:0; width:10px; height:20px; background:url(../images/common/notice_list_dot.png) no-repeat center center;}
.notice_wrap .notice_list > li .notice_box .list_box li a .txt{display:inline-block; zoom:1; *display:inline !important; max-width:100%; font-size:16px; line-height:20px; color:#424242; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.notice_wrap .notice_list > li .notice_box .list_box li a .txt.new{position:relative; padding-right:20px; box-sizing:border-box;}
.notice_wrap .notice_list > li .notice_box .list_box li a .txt.new:after{content:""; position:absolute; display:block; top:0; right:0; width:20px; height:20px; background:url(../images/common/notice_list_new.png) no-repeat center center;}
.notice_wrap .notice_list > li .notice_box .list_box li a:hover .txt{text-decoration:underline;}
.notice_wrap .notice_list > li .notice_box .list_box li a:focus .txt{text-decoration:underline;}
.notice_wrap .notice_list > li .notice_box .list_box li a .date{position:absolute; top:0; right:0; line-height:20px; font-size:15px; color:#767676;}
.notice_wrap .notice_list > li .notice_box .notice_more{position:absolute; top:0; right:0; width:40px; height:40px; background:#353c58 url(../images/common/notice_more_btn.png) no-repeat center center; border-radius:0 0 0 10px; font-size:0;}
/* 게시글 없을 때 추가 (2020-09-18) */
.notice_wrap .notice_list > li .notice_box .notice_empty {display: table; width: 100%; height: 100%;}
.notice_wrap .notice_list > li .notice_box .notice_empty span {display: table-cell; vertical-align: middle; text-align: center; font-weight: 500; font-size: 20px; color: #000;}

.custom_service{float:right; width:614px;}
.custom_service .custom_service_tab{position:relative; height:267px; margin-bottom:15px; padding:35px 0 0 20px; background:#80c9be; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.custom_service_tab .tab_inner h3{margin-bottom:30px; font-size:20px; font-weight:700;}
.custom_service_tab .tab_inner h3:after{content:""; display:inline-block; zoom:1; *display:inline !important; width:20px; height:20px; margin-left:5px; background:url(../images/common/custom_tit_ico.png) no-repeat center center;}
.custom_service_tab .tab_inner:before{content:""; position:absolute; bottom:0; left:138px; width:20px; height:19px; background:#b1ded7;}
.custom_service_tab .tab_inner:after{content:""; position:absolute; bottom:0; left:138px; width:20px; height:20px; background:#80c9be; border-radius:0 0 10px 0; z-index:1;}
.custom_service_tab .tab_inner > ul > li{width:150px; margin-bottom:5px;}
.custom_service_tab .tab_inner > ul > li h4 a{display:block; width:120px; margin:0 auto; line-height:45px; border-bottom:1px solid #25a493; font-size:18px; color:#314d48;}
.custom_service_tab .tab_inner > ul > li.on h4 a{position:relative; display:block; padding:0 17px; line-height:46px; border:0; background:#006754; font-weight:500; color:#ffffff; border-radius:46px; box-shadow: 5px 7px 10px rgba(0, 103, 84, .3); z-index:2}
.custom_service_tab .tab_inner > ul > li.on h4 a:after{content:""; position:absolute; display:block; top:50%; right:15px; width:16px; height:14px; margin-top:-7px; background:url(../images/common/notice_tit_arrow.png) no-repeat center center;}
/* z-index 주석처리 (2020-09-23) */
.custom_service_tab .tab_inner > ul > li .custom_service_list{display:none; position:absolute; right:0; top:0; width:456px; height:100%; padding-top:35px; background:#b1ded7; border-radius:10px 0 0 0; box-sizing:border-box; /*z-index:1;*/}
.custom_service_tab .tab_inner > ul > li.on .custom_service_list{display:block;}
.custom_service_list .slick-slide > div:first-child{margin-bottom:10px;}
.custom_service_list .item{padding:0 7px; box-sizing:border-box; vertical-align:top;}
.custom_service_list .slick-slide .item:first-child{padding:0 13px 0 0;}
.custom_service_list .slick-slide .item:nth-child(3){padding:0 0 0 13px;}
.custom_service_list .item a{display:block; height:96px; color:#516663; font-size:14px; text-align:center;}
/*.custom_service_list .item a:before{content:""; display:block; width:56px; height:56px; margin:0 auto 10px; background-color:#dff2f0; background-repeat:no-repeat; background-position:center center; border-radius:56px;}
.custom_service_list .item a:hover:before{background-color:#018673;}
.custom_service_list .item.ico1_1 a:before{background-image:url(../images/common/custom_ico1_1.png);}
.custom_service_list .item.ico1_2 a:before{background-image:url(../images/common/custom_ico1_2.png);}
.custom_service_list .item.ico1_3 a:before{background-image:url(../images/common/custom_ico1_3.png);}
.custom_service_list .item.ico1_4 a:before{background-image:url(../images/common/custom_ico1_4.png);}
.custom_service_list .item.ico1_5 a:before{background-image:url(../images/common/custom_ico1_5.png);}
.custom_service_list .item.ico1_6 a:before{background-image:url(../images/common/custom_ico1_6.png);}
.custom_service_list .item.ico2_1 a:before{background-image:url(../images/common/custom_ico2_1.png);}
.custom_service_list .item.ico2_2 a:before{background-image:url(../images/common/custom_ico2_2.png);}
.custom_service_list .item.ico2_3 a:before{background-image:url(../images/common/custom_ico2_3.png);}
.custom_service_list .item.ico2_4 a:before{background-image:url(../images/common/custom_ico2_4.png);}
.custom_service_list .item.ico2_5 a:before{background-image:url(../images/common/custom_ico2_5.png);}
.custom_service_list .item.ico2_6 a:before{background-image:url(../images/common/custom_ico2_6.png);}
.custom_service_list .item.ico3_1 a:before{background-image:url(../images/common/custom_ico3_1.png);}
.custom_service_list .item.ico3_2 a:before{background-image:url(../images/common/custom_ico3_2.png);}
.custom_service_list .item.ico3_3 a:before{background-image:url(../images/common/custom_ico3_3.png);}
.custom_service_list .item.ico3_4 a:before{background-image:url(../images/common/custom_ico3_4.png);}
.custom_service_list .item.ico3_5 a:before{background-image:url(../images/common/custom_ico3_5.png);}
.custom_service_list .item.ico3_6 a:before{background-image:url(../images/common/custom_ico3_6.png);}*/
/* 신분별 아이콘 추가 => default+hover 이미지 통합, 이미지 content 폴더로 이동 (2020-09-02) */
.custom_service_list .item a::before {display: block; width: 56px; height: 56px; margin: 0 auto 10px; border-radius: 56px; background: #E0F2F0 no-repeat left center/auto 100%; content: "";}
.custom_service_list .item a:hover::before {background-color: #008673; background-position-x: right;}
.custom_service_list .item.ico1_1 a::before {background-image: url(../images/content/custom_ico1_1.png);}
.custom_service_list .item.ico1_2 a::before {background-image: url(../images/content/custom_ico1_2.png);}
.custom_service_list .item.ico1_3 a::before {background-image: url(../images/content/custom_ico1_3.png);}
.custom_service_list .item.ico1_4 a::before {background-image: url(../images/content/custom_ico1_4.png);}
.custom_service_list .item.ico1_5 a::before {background-image: url(../images/content/custom_ico1_5.png);}
.custom_service_list .item.ico1_6 a::before {background-image: url(../images/content/custom_ico1_6.png);}
.custom_service_list .item.ico2_1 a::before {background-image: url(../images/content/custom_ico2_1.png);}
.custom_service_list .item.ico2_2 a::before {background-image: url(../images/content/custom_ico2_2.png);}
.custom_service_list .item.ico2_3 a::before {background-image: url(../images/content/custom_ico2_3.png);}
.custom_service_list .item.ico2_4 a::before {background-image: url(../images/content/custom_ico2_4.png);}
.custom_service_list .item.ico2_5 a::before {background-image: url(../images/content/custom_ico2_5.png);}
.custom_service_list .item.ico3_1 a::before {background-image: url(../images/content/custom_ico3_1.png);}
.custom_service_list .item.ico3_2 a::before {background-image: url(../images/content/custom_ico3_2.png);}
.custom_service_list .item.ico3_3 a::before {background-image: url(../images/content/custom_ico3_3.png);}

.custom_service_list .slick-arrow{position:absolute; top:0; width:32px; height:32px; font-size:0; background-color:#353c58; background-repeat:no-repeat; background-position:center center;}
.custom_service_list .slick-arrow.slick-prev{right:32px; background-image:url(../images/common/custom_arrow_prev.png); border-radius:0 0 0 10px;}
.custom_service_list .slick-arrow.slick-next{right:0px; background-image:url(../images/common/custom_arrow_next.png); border-left:1px solid #475383;}

.custom_link{height:104px;}
.custom_link > ul{height:100%;}
.custom_link > ul:after{content:""; display:block; clear:both;}
/* z-index 주석처리 (2020-09-23) */
.custom_link > ul > li{position:relative; float:left; width:300px; height:100%; padding:15px 10px; box-sizing:border-box; border-radius:10px; /*z-index:1;*/}
.custom_link > ul > li.custom_sel_bg{background:#ffb01b;}
/* :after->::before (2020-09-23) */
.custom_link > ul > li.custom_sel_bg::before{content:""; position:absolute; top:9px; right:35px; width:46px; height:43px; background:url(../images/common/custom_sel_bg.png) no-repeat;}
.custom_link > ul > li.custom_ipt_bg{float:right; background:#ff6162;}
/* :after->::before (2020-09-23) */
.custom_link > ul > li.custom_ipt_bg::before{content:""; position:absolute; top:9px; right:20px; width:89px; height:41px; background:url(../images/common/custom_ipt_bg.png) no-repeat;}
.custom_link > ul > li h3{margin-bottom:15px; padding-left:2px; font-size:18px; font-weight:700; color:#000000;}
/* z-index 주석처리 (2020-09-23) */
.custom_link > ul > li > div{position:relative; height:40px; padding-right:47px; background:#ffffff; border-radius:40px; box-sizing:border-box; /*z-index:1;*/}
.custom_link > ul > li .custom_sel:after{content:""; position:absolute; display:block; top:50%; right:57px; width:15px; height:10px; margin-top:-5px; background:url(../images/common/custom_sel_arrow.png) no-repeat;}
/* padding-right, overflow, white-space, text-overflow 추가 (2020-09-11) */
.custom_link > ul > li .custom_sel a{position:relative; display:block; padding-right: 37px; padding-left:12px; font-size:16px; line-height:40px; color:#757575; z-index:2; box-sizing:border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.custom_link > ul > li .custom_sel .custom_sel_list{display:none; position:absolute; top:0; left:0; width:233px; padding:32px 0 5px; background:#ffffff; border-radius:20px;}
.custom_link > ul > li .custom_sel.on .custom_sel_list{display:block;}
.custom_link > ul > li .custom_ipt input{width:100%; height:40px; padding-left:12px; border:0; line-height:40px; font-size:16px; color:#757575; background:none; box-sizing:border-box;}
/* z-index 주석처리 (2020-09-23) */
.custom_link > ul > li .custom_more{position:absolute; display:block; top:48px; right:10px; width:47px; height:40px; line-height:40px; color:#ffffff; text-align:center; font-size:16px; font-weight:500; border-radius:0 40px 40px 0; /*z-index:2;*/}
.custom_link > ul > li.custom_sel_bg{z-index:2;}
.custom_link > ul > li.custom_sel_bg .custom_more{background:#000000;}
.custom_link > ul > li.custom_ipt_bg .custom_more{background:#000000 url(../images/common/custom_ipt_btn.png) no-repeat center center; font-size:0px;}

/* background-size (100% auto)->cover (2020-09-08) */
.m_cont03{position:relative; padding:90px 0; background:url(../images/common/cont03_bg.png) no-repeat center 0 / cover;}
.m_cont03:before{content:""; position:absolute; top:-40px; left:50%; width:207px; height:300px; margin-left:-830px; background:url(../images/common/cont03_deco.png) no-repeat; animation: airplane 5s 2s infinite linear;}
@keyframes airplane{
	0% {
		top:-40px;
		margin-left:-830px;
	}
	25% {
		top:-20px;
		margin-left:-800px;
	}
	50% {
		top:-10px;
		margin-left:-840px;
	}
	75% {
		top:-30px;
		margin-left:-850px;
	}
	100% {
		top:-40px;
		margin-left:-830px;
	}
}
.m_cont03 .con_wrap{width:1244px; margin:0 auto;}
.edu_news_wrap{margin-bottom:30px;}
.edu_news_wrap:after{content:""; display:block; clear:both;}
.edu_news_wrap .edu_news_tit{float:left; width:220px; padding-top:30px;}
.edu_news_wrap .edu_news_tit .tit{margin-bottom:30px; font-size:36px; font-weight:700; color:#070707;}
.edu_news_wrap .edu_news_tit .txt{display:block; margin-bottom:25px; font-size:16px; line-height:20px; color:#616B74;}
.edu_news_wrap .edu_news_tit .edu_news_control{overflow:hidden;}
.edu_news_wrap .edu_news_tit .edu_news_control button{float:left; width:48px; height:48px; margin-left:-1px; border:1px solid #e0e0e0; font-size:0;}
.edu_news_wrap .edu_news_tit .edu_news_control button.prev{background:#ffffff url(../images/common/edu_news_prev.png) no-repeat center center; border-radius:48px 0 0 48px;}
.edu_news_wrap .edu_news_tit .edu_news_control button.stop{background:#ffffff url(../images/common/edu_news_stop.png) no-repeat center center;}
.edu_news_wrap .edu_news_tit .edu_news_control button.start{background:#ffffff url(../images/common/edu_news_start.png) no-repeat 18px center;}
.edu_news_wrap .edu_news_tit .edu_news_control button.next{background:#ffffff url(../images/common/edu_news_next.png) no-repeat center center; border-radius:0 48px 48px 0;}
.edu_news_wrap .edu_news_tit .edu_news_control button.more{margin-left:15px; background:#353c58 url(../images/common/edu_news_more.png) no-repeat center center; border:1px solid #353c58; border-radius:48px;}

.edu_news_wrap .edu_news_list{float:right; width:940px;}
.edu_news_wrap .edu_news_list .slick-slide{margin-right:15px;}
/* height 350->340 (2020-09-18) */
.edu_news_wrap .edu_news_list .slick-slide .item{height:340px; margin-bottom:15px;}
.edu_news_wrap .edu_news_list .slick-slide .item a{position:relative; display:block; box-shadow: 5px 7px 7px rgba(0, 0, 0, .2); border-radius:10px;}
.edu_news_wrap .edu_news_list .slick-slide .item a:hover{box-shadow: 6px 7px 0px rgba(89, 107, 215, 1);}
.edu_news_wrap .edu_news_list .slick-slide .item a:focus{border:2px solid #596bd7; box-shadow: 6px 7px 0px rgba(89, 107, 215, 1);}
.edu_news_wrap .edu_news_list .slick-slide .item a:hover:after{content:""; position:absolute; display:block; top:0; left:0; width:100%; height:100%; border:2px solid #596bd7; border-radius:8px; box-sizing:border-box; z-index:2;}
.edu_news_wrap .edu_news_list .slick-slide .item a:focus:after{content:""; position:absolute; display:block; top:0; left:0; width:100%; height:100%; border:2px solid #596bd7; border-radius:8px; box-sizing:border-box; z-index:2;}
/* height 추가 (2020-09-08) / border-radius 추가 (2020-09-21) */
.edu_news_wrap .edu_news_list .slick-slide .item a img{width:100%; height: calc(((940px - (15px*3))/3)*0.8561); border-radius: 10px 10px 0 0;}
.edu_news_wrap .edu_news_list .slick-slide .item dl{position:relative; margin-top:-20px; padding:20px 15px; background:#ffffff; border-radius:10px; z-index:1; box-sizing:border-box;}
.edu_news_wrap .edu_news_list .slick-slide .item dl dt{margin-bottom:15px; font-size:18px; font-weight:700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.edu_news_wrap .edu_news_list .slick-slide .item dl dd{font-size:15px; color:#616161; line-height:20px; height:40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* 내용 삭제 (2020-09-18) */
.edu_news_wrap .edu_news_list .slick-slide .item a p {position: relative; z-index: 1; height: 3em; padding: 20px 15px; margin-top: -10px; border-radius: 10px; background: #fff; font-weight: 700; font-size: 18px; line-height: 1.5;}
.edu_news_wrap .edu_news_list .slick-slide .item a p span {display: inline-block;}
/* 게시글 없을 때 추가 (2020-09-18) */
.edu_news_wrap .edu_news_empty {display: table; float: right; width: 940px; height: 340px;}
.edu_news_wrap .edu_news_empty > span {display: table-cell; vertical-align: middle; text-align: center; font-weight: 700; font-size: 18px;}
/* .edu_news_wrap .edu_news_empty > span > span {display: inline-block; padding: 20px 30px; border-radius: 10px; background: #fff; box-shadow: 5px 7px 7px rgba(0, 0, 0, .2);} */

.link_list_wrap{width:1244px; height:88px; margin:0 auto; background:#596bd7; border-radius:10px; box-shadow: 0px 0px 7px rgba(0, 0, 0, .15);}
.link_list_wrap .link_list_inner{position:relative; height:100%; padding-left:194px;}
.link_list_wrap .link_list_inner:before{content:""; position:absolute; bottom:0; left:174px; width:20px; height:20px; background:#ffffff;}
/* z-index 주석처리 (2020-09-14) */
.link_list_wrap .link_list_inner:after{content:""; position:absolute; bottom:0; left:172px; width:22px; height:22px; background:#596bd7; border-radius:0 0 10px 0; /*z-index:1;*/}
.link_list_wrap .link_list_inner .link_list{height:100%; padding-top:18px; background:#ffffff; border-radius:10px 10px 10px 0;}
.link_list_wrap .link_list_inner .link_list .slick-slide{margin:0 15px;}
.link_list_wrap .link_list_inner .link_list .slick-slide .item a{display:block; height:51px; background:#ffffff; text-align:center;}
.link_list_wrap .link_list_inner .link_list .slick-slide .item a:after{content:""; display:inline-block; height:100%; vertical-align:middle;}
.link_list_wrap .link_list_inner .link_list .slick-slide .item a img{display:inline-block; max-width:100%; margin:0 auto; vertical-align:middle;}
.link_list_wrap .link_list_inner .control_box{position:absolute; top:0; left:0; width:192px; height:100%; padding-top:33px; text-align:center; box-sizing:border-box;}
.link_list_wrap .link_list_inner .control_box h3{display:inline-block; zoom:1; *display:inline !important; color:#ffffff; font-size:20px; font-weight:300;}
.link_list_wrap .link_list_inner .control_box button{display:inline-block; zoom:1; *display:inline !important; width:14px; height:20px; margin-left:10px; font-size:0; background-position:center center; background-repeat:no-repeat; vertical-align:top;}
.link_list_wrap .link_list_inner .control_box button.prev{background-image:url(../images/common/banner_list_prev.png);}
.link_list_wrap .link_list_inner .control_box button.stop{background-image:url(../images/common/banner_list_stop.png);}
.link_list_wrap .link_list_inner .control_box button.start{background-image:url(../images/common/banner_list_start.png);}
.link_list_wrap .link_list_inner .control_box button.next{background-image:url(../images/common/banner_list_next.png);}

/* 슬라이드 팝업 (2020-10-05) */
#slide-pop {position: relative; z-index: 101; overflow: hidden; box-shadow: 0 7px 10px 0 rgba(0,0,0,0.2); text-align: center; transition: all 0.3s;}
#slide-pop.show {overflow: visible;}
#slide-pop img {vertical-align: top; width: 100%; height: 100%; max-width: 100%;}
#slide-pop > a {display: table; width: 100%; height: 40px; background: #000; transition: all 0.3s;}
#slide-pop > a > span {display: table-cell; vertical-align: middle; font-weight: 300; font-size: 16px; line-height: 24px; color: #fff;}
#slide-pop > a > span > span {display: inline-block; vertical-align: middle; margin-right: 4px;}
#slide-pop > a > span > i {vertical-align: middle; font-size: 24px; color: #fff;}
#slide-pop > div {position: absolute; top: 100%; right: 0; left: 0; background: rgba(0,0,0,0.7);}
#slide-pop .slide-pop-upr {position: relative; padding: 16px; padding-bottom: 8px;}
#slide-pop .slide-pop-upr > p {font-weight: 500; font-size: 20px; line-height: 40px; color: #fff;}
#slide-pop .slide-pop-upr .slide-num {position: absolute; top: 16px; left: 16px; font-weight: 300; font-size: 20px; line-height: 40px; color: #fff;}
#slide-pop .slide-pop-upr .slide-num b {font-weight: inherit; font-size: inherit; line-height: inherit; color: #ffcc00;}
#slide-pop .slide-pop-upr .slide-nav {position: absolute; top: 16px; right: 16px; padding: 8px; border-radius: 20px; background: #fff; font-size: 0;}
#slide-pop .slide-pop-upr .slide-nav button {display: inline-block; vertical-align: top;}
#slide-pop .slide-pop-upr .slide-nav button + button {margin-left: 4px;}
#slide-pop .slide-pop-upr .slide-nav button i {vertical-align: top; font-size: 24px; color: #00937f;}
#slide-pop .slide-pop-upr .slide-nav button i::before {vertical-align: top;}
#slide-pop .slide-pop-upr .slide-nav button.prev {}
#slide-pop .slide-pop-upr .slide-nav button.play {}
#slide-pop .slide-pop-upr .slide-nav button.play.pause {}
#slide-pop .slide-pop-upr .slide-nav button.next {}
#slide-pop .slide-pop-inr {padding: 16px; padding-top: 8px;}
#slide-pop .slide-pop-inr .slide-list {margin: 0 auto;}
#slide-pop .slide-pop-inr .slide-list a {display: block;}
#slide-pop .slide-pop-inr .slide-list .cont {overflow: hidden; border-radius: 10px; background: #fff;}
#slide-pop .slide-pop-inr .slide-list .cont > div {overflow: auto; box-sizing: border-box; max-height: 100%; padding: 15px; font-weight: 300; font-size: 16px; line-height: normal;}
#slide-pop .slide-pop-inr .slide-list .tit {display: block; overflow: hidden; padding: 9px 30px; margin-top: 16px; border: 2px solid #fff; border-radius: 10px; white-space: nowrap; text-overflow: ellipsis; font-weight: 300; font-size: 18px; line-height: 1; color: #fff;}

/*반응형*/
@media screen and (min-width:1245px){
	/* 메인 상단 이미지 분리 (2020-09-21) */
	.m_cont01 {position: relative; overflow: hidden;}
	/* margin-left (-962)->(-914) (2020-09-22) */
	.m_cont01::before {position: absolute; bottom: 0; left: 50%; margin-left: -914px; content: url(../images/content/img_main-top-people.png);}
	.m_cont01 .con_wrap {position: relative; z-index: 1;}

	/* 열기/닫기 버튼 추가 (2020-09-18) */
	.favor_group {margin-right: -190px; transition: all 0.3s;}
	.favor_group.show {margin-right: 0;}

	/* 슬라이드 팝업 (2020-10-05) */
	#slide-pop {position: absolute; top: 200px; left: 0; overflow: visible; border-radius: 0 10px 10px 0;}
	#slide-pop > a {position: absolute; top: 0; left: 100%; width: 80px; height: 80px; margin-left: 10px; border-radius: 50%; box-shadow: 0 7px 10px 0 rgba(0,0,0,0.2);}
	#slide-pop > a > span {line-height: 1;}
	#slide-pop > a > span > span {display: block; margin-right: 0; margin-bottom: 4px;}
	#slide-pop > div {position: static; border-radius: 0 10px 10px 0;}
	#slide-pop.show > a {width: 40px; height: 40px;}
	#slide-pop.show > a > span > span {display: none;}
}

@media screen and (max-width:1244px){
	/* background 주석처리 (2020-09-11) */
	.m_cont01{height:auto; /*background:url(../images/common/main_top_bg_t.png) no-repeat center center / cover*/ background-image: url(../images/common/main_top_bg_t.png);}
	.m_cont01 .con_wrap{width:100%; padding:50px 20px 160px;}
	.m_cont01 .con_wrap .top_tit{margin-bottom:50px;}
	.m_cont01 .con_wrap .top_tit img{height:90px;}

	.main_banner{width:100%; margin-bottom:16px;}
	/* 메인 배너 구조 수정 (2020-09-08) / 구조 재수정 (2020-09-09) */
	/* .main_banner .main_banner_list .item{height:calc((100vw - 40px) * 0.556328);}
	.main_banner .main_banner_list .item a{background-size:cover;} */
	.main_banner .main_banner_list .item a .item-cont {height: calc((100vw - (20px*2))*0.5556);}
	.main_banner .main_banner_list .main_banner_control{position:absolute; bottom:10px; left:0; width:100%; text-align:center;}
	.main_banner .main_banner_list .main_banner_control .main_banner_dot{position:static;}

	/* height 321->274, padding-top 45->25 (2020-09-17) */
	.link_group{float:left; width:calc(100% - 210px); height:274px; padding-top:25px; box-sizing:border-box;}
	.link_group .link_group_list{padding:0;}
	.link_group .link_group_list .item{margin-bottom:0;}
	/* margin-bottom 20->10 (2020-09-17) */
	.link_group .link_group_list .slick-slide > div:first-child{margin-bottom:10px;}

	/* margin-top 추가 (2020-09-17) */
	.favor_group{position:static; float:right; width:194px; margin-top: 0; border-radius:5px;}
	/* padding-left, border-radius, text-align 추가 (2020-09-18) */
	.favor_group h3{padding-left:25px; border-radius: 5px 5px 0 0; text-align: left; line-height:40px;}
	/* display 추가 (2020-09-18) / display 주석처리 (2020-10-08) */
	.favor_group h3:before{/*display:inline-block;*/ height:40px;}
	/* border-radius 추가 (2020-09-18) */
	.favor_group .favor_group_list {border-radius: 0 0 5px 5px;}
	.favor_group .favor_group_list li a{font-size:14px; line-height:46px;}
	.favor_group .favor_group_list li a:before{height:46px;}
	.favor_group .top_btn{display:none;}
	/* 열기/닫기 버튼 추가 (2020-09-18) */
	.favor_group > a {display: none;}

	.m_cont02{width:100%; padding:25px 20px 80px 20px; box-sizing:border-box;}

	.notice_wrap{width:100%;}
	.notice_wrap .notice_list:before{left:140px;}
	.notice_wrap .notice_list:after{left:140px;}
	.notice_wrap .notice_list > li .notice_box{width:calc(100% - 160px);}

	.custom_service{width:100%; margin-top:16px;}
	.custom_service:after{content:""; display:block; clear:both;}
	.custom_service .custom_service_tab{float:left; width:calc(60% - 8px); height:300px; margin-bottom:0;}
	.custom_service_tab .tab_inner > ul > li .custom_service_list{width:calc(100% - 160px); padding-top:55px;}
	.custom_service_list .slick-slide > div:first-child{margin-bottom:15px;}
	.custom_service_list .slick-arrow{width:40px; height:40px;}
	.custom_service_list .slick-arrow.slick-prev{right:40px;}
	.custom_service_list .item a{height:auto;}
	/* 신분별 아이콘 추가 => ::before 관련 반응형 CSS 주석 (2020-09-02) */
	/* .custom_service_list .item a:before{width:64px; height:64px;} */
	.custom_link{float:right; width:calc(40% - 8px); height:300px;}
	.custom_link > ul > li{width:100%; height:142px; padding:25px 20px;}
	.custom_link > ul > li.custom_sel_bg{margin-bottom:16px;}
	.custom_link > ul > li.custom_sel_bg:after{top:19px; right:48px; width:55px; height:55px; background-size:100% auto;}
	.custom_link > ul > li.custom_ipt_bg:after{top:24px; right:31px; width:107px; height:55px; background-size:100% auto;}
	.custom_link > ul > li h3{margin-bottom:25px;}
	.custom_link > ul > li .custom_more{top:68px; right:20px;}
	.custom_link > ul > li .custom_sel .custom_sel_list{width:calc(100% - 47px);}

	.m_cont03{padding-bottom:80px; background:url(../images/common/cont03_bg_t.png) no-repeat 0 0 / cover;}
	.m_cont03:before{left:0; width:175px; height:116px; margin-left:30px; background:url(../images/common/cont03_deco_m.png) no-repeat; animation: airplane_m 5s 2s infinite linear;}
	@keyframes airplane_m{
		0% {
			top:-40px;
			margin-left:30px;
		}
		25% {
			top:-20px;
			margin-left:60px;
		}
		50% {
			top:-10px;
			margin-left:50px;
		}
		75% {
			top:-30px;
			margin-left:20px;
		}
		100% {
			top:-40px;
			margin-left:30px;
		}
	}
	.m_cont03 .con_wrap{width:100%; padding:0 20px; box-sizing:border-box;}

	.edu_news_wrap{margin-bottom:40px;}
	.edu_news_wrap .edu_news_tit{width:100%; margin-bottom:60px; overflow:hidden;}
	.edu_news_wrap .edu_news_tit .tit{float:left; margin-bottom:0;}
	.edu_news_wrap .edu_news_tit .txt{float:left; margin-bottom:0; margin-left:30px;}
	.edu_news_wrap .edu_news_tit .edu_news_control{float:right;}
	.edu_news_wrap .edu_news_list{width:100%;}
	.edu_news_wrap .edu_news_list .slick-slide .item{height:auto;}
	/* img height 추가 (2020-09-08) */
	.edu_news_wrap .edu_news_list .slick-slide .item a img{height: calc((((100vw - (20px*2)) - (15px*3))/3)*0.8561);}
	/* 게시글 없을 때 추가 (2020-09-18) */
	.edu_news_wrap .edu_news_empty {width: 100%; height: 200px;}

	.link_list_wrap{width:100%;}

	/* 슬라이드 팝업 (2020-10-05) */
	#slide-pop .slide-pop-inr .slide-list {width: 270px !important;}
	#slide-pop .slide-pop-inr .slide-list .cont {width: 270px !important; height: 360px !important;}
}
@media screen and (max-width:750px){

}
@media screen and (max-width:650px){
	.notice_wrap{margin-bottom:16px;}
	.notice_wrap .notice_list{padding:20px 10px; overflow:hidden;}
	.notice_wrap .notice_list:before{bottom:auto; top:53px; left:0; border-left:1px solid #d1d1d1; box-sizing:border-box;}
	.notice_wrap .notice_list:after{bottom:auto; top:50px; left:0; border-radius:0 0 0 10px;}
	.notice_wrap .notice_list > li{float:left; width:25%;}
	/* height auto->calc(100% - 70), padding (40 20 0)->(40 20 13 20) (2020-09-18) */
	.notice_wrap .notice_list > li.on .notice_box{top:70px; width:100%; height:calc(100% - 70px); padding:40px 20px 13px 20px; border-top:0; border-left:1px solid #d1d1d1; border-radius:0 10px 10px 10px}
	.notice_wrap .notice_list > li .notice_box .notice_top{margin-bottom:20px; padding-bottom:20px;}
	.notice_wrap .notice_list > li .notice_box .list_box li{margin-bottom:13px;}
	.notice_wrap .notice_list > li h3 a{width:100%; text-align:center; font-size:15px; line-height:32px; border-bottom:0; box-sizing:border-box;}
	.notice_wrap .notice_list > li.on h3 a{padding:0; line-height:32px;}
	.notice_wrap .notice_list > li.on h3 a:after{display:none;}

	.custom_service{margin-top:0;}
	/* 신분별 아이콘 추가 => height 290->260 (2020-09-02) */
	.custom_service .custom_service_tab{width:100%; height:260px; margin-bottom:16px; padding:20px 10px; overflow:hidden;}
	.custom_service_tab .tab_inner:before{bottom:auto; top:81px; left:0; box-sizing:border-box;}
	.custom_service_tab .tab_inner:after{bottom:auto; top:80px; left:0; border-radius:0 0 0 10px;}
	.custom_service_tab .tab_inner h3{margin-bottom:15px; padding-left:10px; font-size:18px;}
	.custom_service_tab .tab_inner > ul{overflow:hidden;}
	.custom_service_tab .tab_inner > ul > li{float:left; width:33.3%; margin:0;}
	/* 신분별 아이콘 추가 => height 190->160 (2020-09-02) */
	.custom_service_tab .tab_inner > ul > li .custom_service_list{top:100px; width:100%; height:160px; padding:35px 24px 25px; border-radius:0 10px 10px 10px}
	.custom_service_tab .tab_inner > ul > li h4 a{width:100%; text-align:center; font-size:15px; line-height:32px; border-bottom:0; box-sizing:border-box;}
	.custom_service_tab .tab_inner > ul > li.on h4 a{padding:0; line-height:32px; box-shadow:none;}
	.custom_service_tab .tab_inner > ul > li.on h4 a:after{display:none;}
	/* 신분별 아이콘 추가 => ::before 관련 반응형 CSS 주석 (2020-09-02) */
	/* .custom_service_list .item a:before{width:80px; height:80px; margin-bottom:15px;}
	.custom_service_list .item.ico1_1 a:before{background-image:url(../images/common/m_custom_ico1_1.png);}
	.custom_service_list .item.ico1_2 a:before{background-image:url(../images/common/m_custom_ico1_2.png);}
	.custom_service_list .item.ico1_3 a:before{background-image:url(../images/common/m_custom_ico1_3.png);}
	.custom_service_list .item.ico1_4 a:before{background-image:url(../images/common/m_custom_ico1_4.png);}
	.custom_service_list .item.ico1_5 a:before{background-image:url(../images/common/m_custom_ico1_5.png);}
	.custom_service_list .item.ico1_6 a:before{background-image:url(../images/common/m_custom_ico1_6.png);}
	.custom_service_list .item.ico2_1 a:before{background-image:url(../images/common/m_custom_ico1_1.png);}
	.custom_service_list .item.ico2_2 a:before{background-image:url(../images/common/m_custom_ico1_2.png);}
	.custom_service_list .item.ico2_3 a:before{background-image:url(../images/common/m_custom_ico1_3.png);}
	.custom_service_list .item.ico2_4 a:before{background-image:url(../images/common/m_custom_ico1_4.png);}
	.custom_service_list .item.ico2_5 a:before{background-image:url(../images/common/m_custom_ico1_5.png);}
	.custom_service_list .item.ico2_6 a:before{background-image:url(../images/common/m_custom_ico1_6.png);}
	.custom_service_list .item.ico3_1 a:before{background-image:url(../images/common/m_custom_ico1_1.png);}
	.custom_service_list .item.ico3_2 a:before{background-image:url(../images/common/m_custom_ico1_2.png);}
	.custom_service_list .item.ico3_3 a:before{background-image:url(../images/common/m_custom_ico1_3.png);}
	.custom_service_list .item.ico3_4 a:before{background-image:url(../images/common/m_custom_ico1_4.png);}
	.custom_service_list .item.ico3_5 a:before{background-image:url(../images/common/m_custom_ico1_5.png);}
	.custom_service_list .item.ico3_6 a:before{background-image:url(../images/common/m_custom_ico1_6.png);} */
	.custom_service_list .slick-arrow{position:absolute; top:50%; width:24px; height:48px; margin-top:-24px; font-size:0;}
	.custom_service_list .slick-arrow.slick-prev{left:0; border-radius:0 5px 5px 0;}
	.custom_service_list .slick-arrow.slick-next{right:0; border-radius:5px 0 0 5px;}

	.custom_link{width:100%; height:auto;}
	.custom_link > ul > li{height:104px; padding:15px;}
	.custom_link > ul > li h3{margin-bottom:15px;}
	.custom_link > ul > li .custom_more{top:48px; right:15px;}
	.custom_link > ul > li.custom_sel_bg:after{top:8px; right:28px; background-size:auto;}
	.custom_link > ul > li.custom_ipt_bg:after{top:12px; right:7px; background-size:auto;}

	/* margin-bottom 50->30 (2020-09-14) */
	.edu_news_wrap .edu_news_tit{text-align:center; margin-bottom:30px;}
	.edu_news_wrap .edu_news_tit .tit{float:none; width:100%; margin-bottom:20px; text-align:center;}
	.edu_news_wrap .edu_news_tit .txt{float:none; width:100%; margin-bottom:35px; margin-left:0; text-align:center;}
	/* m 서부교육소식 버튼 크기 조정 및 오른쪽에 배치 (2020-09-14) */
	.edu_news_wrap .edu_news_tit .edu_news_control{/*float:none; display:inline-block;*/ margin-right: 15px;}
}
@media screen and (max-width:550px){
	/* background 주석처리 (2020-09-11) */
	.m_cont01{/*background:url(../images/common/main_top_bg_m.png) no-repeat center center / cover*/ background-image: url(../images/common/main_top_bg_m.png);}
	.m_cont01 .con_wrap{padding:40px 10px 150px;}
	.m_cont01 .con_wrap .top_tit{margin-bottom:35px;}
	.m_cont01 .con_wrap .top_tit img{height:65px;}

	/* 메인 배너 구조 재수정 (2020-09-09) */
	.main_banner{position:relative; margin-bottom:32px; overflow:unset;}
	.main_banner .main_banner_list .main_banner_control{bottom:-16px;}
	.main_banner .main_banner_list .item a .item-cont {height: calc((100vw - (10px*2))*0.5556);}

	/* 서부교육소식 배너 img height 추가 (2020-09-08) */
	.edu_news_wrap .edu_news_list .slick-slide .item a img{height: calc((((100vw - (20px*2)) - (15px*3))/2)*0.8561);}

	.link_group{width:100%; height:auto; margin-bottom:16px; padding:30px 25px 20px; background:url(../images/common/link_group_bg_m.png) no-repeat center center / cover}
	.link_group .link_group_list .slick-slide > div:first-child{margin-bottom:0;}
	.link_group .link_group_list .item a:before{width:64px; height:64px;}

	.favor_group{width:100%;}
	.favor_group h3{padding-left:0; text-align:center;}
	.favor_group .favor_group_list{overflow:hidden;}
	/* border 수정 (2020-09-17) */
	/*.favor_group .favor_group_list li{float:left; width:50%; box-sizing:border-box;}
	.favor_group .favor_group_list li:nth-child(2){border-top:0;}*/
	/* 반응형 수정 (li border)->(a border) (2020-09-17) */
	.favor_group .favor_group_list li{float: left; box-sizing: border-box; width: 50%; /*border-top: none; border-bottom: 1px solid #eaeaea;*/}
	.favor_group .favor_group_list li:last-child/*,
	.favor_group .favor_group_list li:nth-last-child(2)*/ {/*border-bottom:none;*/}
	.favor_group .favor_group_list li:nth-child(even){/*border-left:1px solid #eaeaea;*/}
	.favor_group .favor_group_list li a{padding-left:10px; border-top: none; border-bottom: 1px solid #eaeaea;}
	.favor_group .favor_group_list li:last-child a/*,
	.favor_group .favor_group_list li:nth-last-child(2) a*/ {border-bottom:none;}
.favor_group .favor_group_list li:nth-child(even) a {border-left:1px solid #eaeaea;}
	.favor_group .favor_group_list li a:before{margin-right:7px;}

	.m_cont03{background:url(../images/common/cont03_bg_m.png) no-repeat 0 0 / cover}
	.m_cont03:before{width:110px; height:72px; background-size:100% auto;}

	.link_list_wrap .link_list_inner{padding-left:112px;}
	.link_list_wrap .link_list_inner:before{left:93px;}
	.link_list_wrap .link_list_inner:after{left:90px;}
	.link_list_wrap .link_list_inner .control_box{width:112px;}
	.link_list_wrap .link_list_inner .control_box h3{display:none;}
	.link_list_wrap .link_list_inner .control_box button.prev{margin-left:0;}
}
@media screen and (max-width:480px){
	.m_cont02{padding:45px 10px 100px 10px;}
	.m_cont02 .con_wrap{overflow:unset;}

	/* m 서부교육소식 버튼 크기 조정 및 오른쪽에 배치 (2020-09-14) */
	.edu_news_wrap .edu_news_tit {margin-bottom: 20px;}
	.edu_news_wrap .edu_news_tit .edu_news_control button {width: 36px; height: 36px; background-size: auto 12px !important;}
}
@media screen and (max-width:380px){
	.favor_group .favor_group_list li a{font-size:13px; letter-spacing:-1px;}
}

/* 레이어 팝업 추가 (2020-08-27) */
.pop-layer {display: none; position: absolute; top: 50%; left: 50%; width: auto; height: auto; background-color: #333; z-index: 999;}
.dim-layer {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}
.dim-layer .dimBg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #081023; opacity: .4; filter: alpha(opacity=40);}
/* .dim-layer .pop-layer {display: block;} */
.pop-layer .pop-container .pop-conts {}
.pop-layer .pop-container .pop-conts .cont_txt {overflow-x: hidden; overflow-y: auto; padding: 15px 15px;  background: #fff; box-sizing: border-box;}
.pop-layer .close-bottom {width: 100%; text-align: right; line-height: 34px;}
.pop-layer .close-bottom  a {font-size: 14px; color: #fff; position: relative; padding: 0 10px; cursor: pointer;}
.pop-layer .close-bottom .close_text {padding-right: 25px;}
.pop-layer .close-bottom .close_text:before {content: ""; width: 1px; height: 13px; background: #999; left: -5px; top: 5px; display: block; position: absolute;}
.pop-layer .close-bottom .btn-layerClose {display: inline-block;}
.pop-layer .close {display: block; position: absolute; top: 0; right: 0; width: 43px; height: 43px; border: 1px solid rgba(255,255,255,0.7); overflow: hidden; background: rgba(63,63,63,0.7) url('../images/popup/pop_close.png') no-repeat center/22px 22px; text-indent: -9999px; transition: all 0.5s; cursor: pointer; color: #fff;}
.pop-layer .close-bottom  input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0}
.pop-layer .close-bottom  input[type="checkbox"] + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-weight: 200; font-size: 14px; color: #fff; margin-right: 10px;}
.pop-layer .close-bottom  input[type="checkbox"] + label:before {content: ""; display: inline-block; width: 14px; height: 14px; line-height: 14px; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #000; margin-right: 10px;}
.pop-layer .close-bottom  input[type="checkbox"] + label a {font-size: 14px; color: #999; font-weight: 200;}
.pop-layer .close-bottom  input[type="checkbox"]:checked + label:before {content: ""; display: inline-block; width: 14px; height: 14px; line-height: 14px; text-align: center; vertical-align: middle; color: #1d1d1d; background: #12a89d url(../images/popup/checked.png) center center no-repeat;}
.pop_padding {padding: 30px 30px;}

/*#main_pop_000001 {z-index: 1000;}*/
@media only screen and (min-width: 1845px) and (max-width: 2444px) {
    /*#main_pop_000004 {top: 525px !important; left: 0 !important;}*/
}
@media only screen and (min-width: 1245px) and (max-width: 1844px) {
    /*#main_pop_000003 {top: 525px !important; left: 0 !important;}*/
    /*#main_pop_000004 {top: 525px !important; left: 370px !important;}*/
}
@media only screen and (min-width: 1245px) {
	.pop-layer {margin-left: 0 !important;}
}
@media only screen and (max-width: 1244px) {
    .pop-layer {top: 90px !important; left: 50% !important;}
}
@media only screen and (max-width: 700px) {
    .pop-layer {left: 10% !important; right: 10%; margin-left: 0 !important;}
    .pop-layer img {width: 100%;}
}

/* 정보변경 팝업 추가 (2020-08-27) */
#info-modify {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000;}
#info-modify .btn_dim {position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.4; width: 100%; height: 100; background: #000;}
#info-modify .cont-box {display: none; position: fixed; top: 50%; left: 50%; width: 833px; max-width: 100%; margin: auto; border-radius: 8px; background: #fff; box-shadow: 0 3px 12px 0 rgba(0,0,0,0.2);}
#info-modify .cont-box .cont-box-upr {position: relative; border-radius: 8px 8px 0 0; background: #fff;}
#info-modify .cont-box .cont-box-upr::after {position: absolute; right: 90px; bottom: -39px; width: 128px; height: 116px; background: url(../images/content/img_info-modify.png) no-repeat 0 0/100% auto; content: "";}
#info-modify .cont-box .cont-box-upr > div {padding: 34px 48px; border-radius: 8px 8px 0 8px; background: #FFBD1E;}
#info-modify .cont-box .cont-box-upr > div > .btn_close {position: absolute; top: 0; right: 0; width: 40px; height: 40px; border-radius: 0 8px 0 8px; background: #000;}
#info-modify .cont-box .cont-box-upr > div > .btn_close i {display: inline-block; vertical-align: middle; font-size: 24px; color: #fff; transform: rotate(45deg);}
#info-modify .cont-box .cont-box-upr > div > h6 {display: inline-block; vertical-align: top; padding-right: 12px; margin-right: 24px; border-right: 1px dashed #725D26; font-weight: 700; font-size: 24px; line-height: 1; letter-spacing: 0; color: #212121;}
#info-modify .cont-box .cont-box-upr > div > p {display: inline-block; vertical-align: top; font-weight: 300; font-size: 16px; line-height: 1.3125; letter-spacing: 0; color: #725D26;}
#info-modify .cont-box .cont-box-inr {border-radius: 0 0 8px 8px; background: #FFBD1E;}
#info-modify .cont-box .cont-box-inr > div {padding: 37.5px; border-radius: 0 8px 8px 8px; background: #fff;}
#info-modify .cont-box .cont-box-inr > div > hr {position: static !important; width: auto; height: auto; margin: 24.5px 0 9.5px 0; border: none; border-top: 1px dashed #D6D6D6; clip: auto;}
#info-modify .cont-box .cont-box-inr .info-txt {font-weight: 300; font-size: 13px; line-height: 1.3077; letter-spacing: 0; color: #757575;}
#info-modify .cont-box .cont-box-inr .info-txt span {color: #FF6162;}
#info-modify .cont-box .cont-box-inr .btns {margin-top: 33px;}
#info-modify .cont-box .btns > div > a {min-width: 104px; font-size: 16px;}

/* 민원 (2020-08-28) */
.minwon-step {margin-bottom: 0 !important; text-align: center; font-size: 0;}
.minwon-step > li {display: inline-block; vertical-align: top; position: relative; box-sizing: border-box; width: 24%; padding: 24px 0 17px 0; border-radius: 16px;}
.minwon-step > li + li {margin-left: 14%;}
.minwon-step > li + li::before {position: absolute; top: 50%; left: -35%; width: 30px; height: 81px; margin-top: -40.5px; background: url(../images/content/ico_minwon-step-arrow.png) no-repeat center center; content: "";}
.minwon-step > li .txt {display: block; margin: 0.25em 0; font-weight: 300; font-size: 16px; line-height: 1.25;}
.minwon-step > li .txt b {/*font-weight: 500;*/ font-size: 1em; line-height: inherit; color: inherit;}
.minwon-step > li .ico {display: table; width: 100%; height: 55px; margin-bottom: 11px;}
.minwon-step > li .ico span {display: table-cell; vertical-align: middle;}
.minwon-step > li.s1 {background: #B1DED7;}
.minwon-step > li.s1 .txt {color: #004B3A;}
.minwon-step > li.s2 {background: #BBDFFF;}
.minwon-step > li.s2 .txt {color: #0248AC;}
.minwon-step > li.s3 {background: #C6CBF1;}
.minwon-step > li.s3 .txt {color: #0F2096;}
.minwon-step > li.s4 {background: #FBEBBF;}
.minwon-step > li.s4 .txt {color: #734B31;}

.minwon-step.l4 > li {width: 18%;}
.minwon-step.l4 > li + li {margin-left: 9.3333%;}

.minwon-step2 {margin-bottom: 0 !important; text-align: center; font-size: 0;}
.minwon-step2 > li {display: inline-block; vertical-align: top; box-sizing: border-box;}
.minwon-step2 > li + li .ico::before {position: absolute; top: 50%; left: -35%; width: 30px; height: 81px; margin-top: -40.5px; background: url(../images/content/ico_minwon-step-arrow.png) no-repeat center center; content: "";}
.minwon-step2 > li .ico {display: table; position: relative; width: 100%; height: 55px; padding: 24px 0 17px 0; border-radius: 16px;}
.minwon-step2 > li .ico > span {display: table-cell; vertical-align: middle;}
.minwon-step2 > li .ico > span > span {display: block; padding: 0 1em; margin-top: 11px; font-weight: 300; font-size: 16px; line-height: 1.25;}
.minwon-step2 > li .ico > span > span b {/*font-weight: 500;*/ font-size: 1em; line-height: inherit; color: inherit;}
.minwon-step2 > li .txt {margin-top: 8px;}

.minwon-step2.l3 > li {width: 24%; margin-left: 13.9999%;}
.minwon-step2.l3 > li:nth-child(3n+1) {margin-left: 0;}
.minwon-step2.l3 > li:nth-child(n+4) {margin-top: 28px;}
.minwon-step2.l3 > li:nth-child(n+4):last-child {margin-right: -6%;}
.minwon-step2.l4 > li {width: 18%; margin-left: 9.3333%;}
.minwon-step2.l4 > li:nth-child(4n+1) {margin-left: 0;}
.minwon-step2.l4 > li:nth-child(n+5) {margin-top: 28px;}
.minwon-step2.l4 > li:nth-child(n+5):last-child {margin-right: -6%;}

.minwon-step2 > li.s1 .ico {background: #B1DED7;}
.minwon-step2 > li.s1 .ico > span > span {color: #004B3A;}
.minwon-step2 > li.s2 .ico {background: #BBDFFF;}
.minwon-step2 > li.s2 .ico > span > span {color: #0248AC;}
.minwon-step2 > li.s3 .ico {background: #C6CBF1;}
.minwon-step2 > li.s3 .ico > span > span {color: #0F2096;}
.minwon-step2 > li.s4 .ico {background: #FBEBBF;}
.minwon-step2 > li.s4 .ico > span > span {color: #734B31;}

.minwon-step3 {counter-reset: minwon-step3-counter; margin-bottom: 0 !important; font-size: 0;}
.minwon-step3 > li {counter-increment: minwon-step3-counter; display: inline-block; vertical-align: top; box-sizing: border-box;}
.minwon-step3 > li + li .box::before {position: absolute; top: 50%; left: -35%; width: 30px; height: 81px; margin-top: -40.5px; background: url(../images/content/ico_minwon-step-arrow.png) no-repeat center center; content: "";}
.minwon-step3 > li .box {position: relative; padding: 16px 24px 28px 24px; border-radius: 16px; text-align: left;}
.minwon-step3 > li .box > span {display: block;}
.minwon-step3 > li .box .num {margin-bottom: 10px;}
.minwon-step3 > li .box .num::before {font-weight: 700; font-size: 32px; line-height: 1.34375; content: "0" counter(minwon-step3-counter);}
.minwon-step3 > li .box .txt {font-weight: 300; font-size: 16px; line-height: 1.1667;}
.minwon-step3 > li .box .ico {position: absolute; top: 18px; right: 18px;}
.minwon-step3 > li .box .ico img {}
.minwon-step3 > li .box + p {margin: 0 -7%; margin-top: 16px;}

.minwon-step3.l3 > li {width: 24%; margin-left: 13.9999%;}
.minwon-step3.l3 > li:nth-child(3n+1) {margin-left: 0;}
.minwon-step3.l3 > li:nth-child(3n+1) .box::before {display: none;}
.minwon-step3.l3 > li:nth-child(n+4) {margin-top: 28px;}

.minwon-step3 > li.c1 .box {background-color: #B1DED7;}
.minwon-step3 > li.c1 .box > span {color: #004B3A;}
.minwon-step3 > li.c2 .box {background-color: #BBDFFF;}
.minwon-step3 > li.c2 .box > span {color: #0248AC;}
.minwon-step3 > li.c3 .box {background-color: #C6CBF1;}
.minwon-step3 > li.c3 .box > span {color: #0F2096;}
.minwon-step3 > li.c4 .box {background-color: #FBEBBF;}
.minwon-step3 > li.c4 .box > span {color: #734B31;}
.minwon-step3 > li.c5 .box {background-color: #FFD1D7;}
.minwon-step3 > li.c5 .box > span {color: #970F0F;}
.minwon-step3 > li.c6 .box {background-color: #A6C0F3;}
.minwon-step3 > li.c6 .box > span {color: #072B5E;}

.minwon-down {margin-top: 16px; font-size: 0;}
.minwon-down > div {display: inline-block; vertical-align: top; box-sizing: border-box; width: calc((100% - 32px)/3);}
.minwon-down > div + div {margin-left: 15.9999px;}
.minwon-down > div .box1 {position: relative; padding: 24px; padding-bottom: 88px; border: 1px solid #E0E0E0; border-radius: 8px; background: #fff;}
.minwon-down > div .box1 > p {padding-right: 58px; margin-bottom: 16px; background: transparent no-repeat right center; font-weight: 700; font-size: 18px; line-height: 1.5; color: #212121;}
.minwon-down > div .box1 > p > span {color: #003A85;}
.minwon-down > div .box1 .btns {position: absolute; right: 0; bottom: 24px; left: 0; margin-top: 0;}
.minwon-down > div .box2 {padding: 0 8px; margin-top: 16px; font-size: 15px;}
.minwon-down .type1 .box1 > p {background-image: url(../images/content/ico_minwon-down_type1.png);}
.minwon-down .type2 .box1 > p {background-image: url(../images/content/ico_minwon-down_type2.png);}
.minwon-down .type3 .box1 > p {background-image: url(../images/content/ico_minwon-down_type3.png);}

.custodian-step {}
.custodian-step > li {display: block; position: relative;}
.custodian-step > li + li {margin-top: 77px;}
.custodian-step > li + li::before {position: absolute; top: -75px; left: 50%; width: 30px; height: 81px; margin-left: -15px; background: url(../images/content/ico_minwon-step-arrow.png) no-repeat center center; content: ""; transform: rotate(90deg);}
.custodian-step > li .txt {padding: 26px 40px 33px 40px; border-radius: 16px;}
.custodian-step > li .txt .txt1 {display: block; margin-bottom: 14px; font-weight: 700; font-size: 24px; line-height: 1.5;}
.custodian-step > li .txt .txt2 {margin-top: 16px; font-weight: 300; font-size: 16px;}
.custodian-step > li .txt > ul {color: inherit;}
.custodian-step > li .ico {display: table; position: absolute; top: 50%; width: 95px; height: 95px; margin-top: -47.5px; border: 1px solid transparent; border-radius: 8px; background: #fff; text-align: center;}
.custodian-step > li .ico > span {display: table-cell; vertical-align: middle;}
.custodian-step > li:nth-child(odd) {padding-left: 24px;}
.custodian-step > li:nth-child(odd) .txt {padding-left: 95px;}
.custodian-step > li:nth-child(odd) .ico {left: 0;}
.custodian-step > li:nth-child(even) {padding-right: 24px;}
.custodian-step > li:nth-child(even) .txt {padding-right: 95px;}
.custodian-step > li:nth-child(even) .ico {right: 0;}
.custodian-step > li.s1 {}
.custodian-step > li.s1 .txt {background: #FBEBBF; color: #734B31;}
.custodian-step > li.s1 .ico {border-color: #FBEBBF;}
.custodian-step > li.s2 {}
.custodian-step > li.s2 .txt {background: #BBDFFF; color: #0248AC;}
.custodian-step > li.s2 .ico {border-color: #BBDFFF;}
.custodian-step > li.s3 {}
.custodian-step > li.s3 .txt {background: #C6CBF1; color: #0F2096;}
.custodian-step > li.s3 .ico {border-color: #C6CBF1;}
.custodian-step > li.s4 {}
.custodian-step > li.s4 .txt {background: #B1DED7; color: #004B3A;}
.custodian-step > li.s4 .ico {border-color: #B1DED7;}
.custodian-step > li.s5 {}
.custodian-step > li.s5 .txt {background: #FFD1D7; color: #970F0F;}
.custodian-step > li.s5 .ico {border-color: #FFD1D7;}
.custodian-step > li.s6 {}
.custodian-step > li.s6 .txt {background: #A6C0F3; color: #072B5E;}
.custodian-step > li.s6 .ico {border-color: #A6C0F3;}

.hakwon-tbl-box {padding: 7px 12px; margin: 24px 0; border: 1px solid #E0E0E0; border-radius: 8px; background: #F9FAFC;}
.hakwon-tbl-box table {table-layout: fixed; border-collapse: collapse; border-spacing: 0; width: 100%;}
.hakwon-tbl-box table tr + tr th {border-top: 1px solid #DCDCDC;}
.hakwon-tbl-box table tr + tr td {border-top: 1px solid #DCDCDC;}
.hakwon-tbl-box table th {width: 78px; border-right: 1px solid #DCDCDC;}
.hakwon-tbl-box table th,
.hakwon-tbl-box table td {vertical-align: middle; padding: 7px 0; text-align: center; font-weight: 300; font-size: 16px; line-height: 32px; color: #616161;}
.hakwon-tbl-box table td span {display: inline-block; vertical-align: top; box-sizing: border-box; width: 91px; height: 32px; border-radius: 8px; background: #FF6162; color: #fff;}
.hakwon-tbl-box .fill {background: #E7E9EE;}

.info-form.minwon {}
.info-form.minwon hr:not(.no-mg) {margin-bottom: 49.5px;}
.info-form.minwon > div > .check:not(.no-mg) {margin: 24.5px 0;}
/* .info-form.minwon > .btns > a {width: 240px;} */
.info-form.minwon .form-title {border-top-color: #4CB4A4;}
.info-form.minwon .form-title::after {background: url(../images/content/bg_tbl-border2.png);}
.info-form.minwon .form-title h4 i {color: #4CB4A4;}
.info-form.minwon .tbl .chk-td {padding-top: 1.344em; padding-bottom: 1.344em;}
.info-form.minwon .tbl .chk-td .check {vertical-align: top;}

@media screen and (max-width:960px){
	.minwon-down > div {width: 100%;}
	.minwon-down > div + div {margin-top: 16px; margin-left: 0;}
}

@media screen and (max-width:800px){
	.minwon-step > li {display: block; width: 100% !important;}
	.minwon-step > li + li {margin-top: 70px; margin-left: 0 !important;}
	.minwon-step > li + li::before {top: -75px; left: 50%; margin-top: 0; margin-left: -15px; transform: rotate(90deg);}
	.minwon-step > li .txt br {display: none;}

	.minwon-step2 > li {display: block; width: 100% !important; margin-right: 0 !important; margin-left: 0 !important;}
	.minwon-step2 > li + li {margin-top: 70px !important;}
	.minwon-step2 > li + li .ico::before {top: -75px; left: 50%; margin-top: 0; margin-left: -15px; transform: rotate(90deg);}
	.minwon-step2 > li .txt br {display: none;}

	.minwon-step3 > li {display: block; width: 100% !important;}
	.minwon-step3 > li + li {margin-top: 70px !important; margin-left: 0 !important;}
	.minwon-step3 > li + li .box::before {top: -75px; left: 50%; margin-top: 0; margin-left: -15px; transform: rotate(90deg);}
	.minwon-step3.l3 > li:nth-child(3n+1) .box::before {display: block;}

	.hakwon-tbl-box table th {width: 40px;}
	.hakwon-tbl-box table th,
	.hakwon-tbl-box table td {font-size: 12px;}
	.hakwon-tbl-box table td span {width: 32px; padding: 3px; line-height: 1;}
}

@media screen and (max-width:750px){
	.custodian-step {padding-top: 20px; margin: 0 -20px;}
	.custodian-step > li .txt {padding: 30px;}
	.custodian-step > li .txt .txt1 {font-size: 18px;}
	.custodian-step > li .txt > ul {font-size: 14px;}
	.custodian-step > li .ico {top: -50px; width: 75px; height: 75px; margin-top: 0;}
	.custodian-step > li .ico img {height: 35px;}
	.custodian-step > li:nth-child(odd) {padding-left: 0;}
	.custodian-step > li:nth-child(odd) .txt {padding-left: 30px;}
	.custodian-step > li:nth-child(odd) .ico {left: -20px;}
	.custodian-step > li:nth-child(even) {padding-right: 0;}
	.custodian-step > li:nth-child(even) .txt {padding-right: 30px;}
	.custodian-step > li:nth-child(even) .ico {right: -20px;}
}

/* 본인인증 (2020-08-28) */
.cert-box {padding-bottom: 357px; background: url(../images/content/bg_cert-box.png) no-repeat center bottom;}

/* 설문 (2020-08-28) / 배경 이미지-><img> 태그 (2020-09-08) */
.survey-info {position: relative; padding-top: 48px; padding-bottom: 48px; /*background: url(../images/content/bg_survey-info.png) no-repeat calc(100% - 22.5px) bottom;*/}
/* .survey-info > p {font-weight: 300; font-size: 16px; line-height: 1.5; color: #424242;} */
.survey-info .img {position: absolute;}
.survey-info .img img {vertical-align: top; max-width: 100%;}
.survey-info .txt {position: relative; z-index: 1;}
.survey-info .txt p {font-weight: 300; font-size: 16px; line-height: 1.5; color: #424242;}

.survey-box {padding-left: 349px; margin-bottom: 96px; background: url(../images/content/bg_survey-box.png) no-repeat left bottom;}
.survey-box .txt1 {margin-bottom: 37px; font-weight: 700; font-size: 36px; line-height: 1.5; color: #212121;}
.survey-box .txt2 {font-weight: 300; font-size: 16px; line-height: 2; color: #616161;}

.survey-wrap {padding: 44px 0 48px 0; border-bottom: 1px solid #FFAF1A;}
.survey-wrap > ol {counter-reset: survey-list-counter;}
.survey-wrap > ol > li {display: block; position: relative; counter-increment: survey-list-counter;}
.survey-wrap > ol > li + li {padding-top: 40px; margin-top: 40px; border-top: 1px dashed #E0E0E0;}
.survey-wrap .surv-title {padding-left: 90px; margin-bottom: 32px; font-size: 0;}
.survey-wrap .surv-title::before {display: inline-block; vertical-align: top; box-sizing: border-box; width: 75px; height: 32px; margin: 0 15px 0 -90px; border: 2px solid #FFAF1A; border-radius: 16px; text-align: center; font-weight: 500; font-size: 16px; line-height: 28px; color: #B95E06;}
.survey-wrap > ol > li:not(:nth-child(n+10)) .surv-title::before {content: "질문 0" counter(survey-list-counter);}
.survey-wrap > ol > li:nth-child(n+10) .surv-title::before {content: "질문 " counter(survey-list-counter);}
.survey-wrap .surv-title span {display: inline-block; vertical-align: top; font-weight: 300; font-size: 22px; line-height: 32px; color: #212121;}
.survey-wrap .surv-form {}

.survey-wrap .surv-type1 .surv-form > ul {counter-reset: surv-type1-counter; list-style: none;}
.survey-wrap .surv-type1 .surv-form > ul > li {display: block; counter-increment: surv-type1-counter;}
.survey-wrap .surv-type1 .surv-form > ul > li + li {margin-top: 23.4px; margin-left: 0;}
.survey-wrap .surv-type1 .surv-form > ul > li > label > span {/*padding-left: 28px;*/}
.survey-wrap .surv-type1 .surv-form > ul > li > label > span::before {display: inline-block; box-sizing: border-box; width: 20px; height: 20px; /*margin: 0 8px 0 -28px;*/ margin-right: 8px; border: 1px solid #E0E0E0; border-radius: 50%; background: #fff; text-align: center; font-weight: 500; font-size: 12px; line-height: 18px; color: #848484; content: counter(surv-type1-counter);}

.info-form.survey {margin-top: 12px;}
.info-form.survey .stat {display: inline-block; vertical-align: top; width: 72px; height: 32px; margin: -12.5px 0 12.5px 0; border-radius: 16px; text-align: center; font-weight: 500; font-size: 15px; line-height: 32px; color: #fff;}
.info-form.survey .stat.stop {background: #FF5D5D; content: "중단";}
.info-form.survey .stat.ing {background: #0099FF; content: "진행중";}
.info-form.survey .stat.comp {background: #009E78; content: "완료";}
.info-form.survey .form-title {border-top-color: #FFAF1A;}
.info-form.survey .form-title::after {background: url(../images/content/bg_tbl-border4.png);}
.info-form.survey .form-title h4 i {color: #FFAF1A;}
.info-form.survey .surv-type2 .input {width: 100%;}
.info-form.survey .surv-type2 .input .form-ipt {width: 100%;}
.info-form.survey .surv-type3 .input .form-ipt {width: 400px;}

@media screen and (max-width:960px){
	.survey-box {padding-bottom: 350px; padding-left: 46px; text-align: center;}
}

/* 로그인 (2020-08-31) */
/* .login-box {padding-top: 353px; margin-top: 88px; background: transparent no-repeat center 73px;} */
/* 디자인 수정 (2020-09-02) */
.login-box {padding-left: 50%; margin-top: 88px; background: transparent no-repeat left center;}
.login-box .box-tit > div {padding-top: 13.5px; padding-bottom: 13.5px;}
.login-box .box-tit > div::before {display: inline-block; vertical-align: top; height: 24px; margin-right: 9.5px; background: transparent no-repeat left 0/auto 100%; content: "";}
.login-box .box-tit > div > span {line-height: 24px;}

.login-box.login {background-image: url(../images/content/bg_login-box_login.png);}
.login-box.login .box-tit > div::before {width: 18px; background-image: url(../images/content/ico_login-box-tit_login.png);}
.login-box.cert {background-image: url(../images/content/bg_login-box_cert.png);}
.login-box.cert .box-tit > div::before {width: 21px; background-image: url(../images/content/ico_login-box-tit_cert.png);}

.login-box:hover .box-tit > div::before {background-position-x: right;}
.login-box:hover .box-tit > div > span {color: #fff;}

.login-box.login:hover {border-color: #0099FF;}
.login-box.login:hover .box-tit > div {background: #0099FF;}
.login-box.cert:hover {border-color: #37ADA6;}
.login-box.cert:hover .box-tit > div {background: #37ADA6;}

.login-box.login .login-form {padding: 146px 0;}
.login-box.cert .login-form {padding: 122px 0;}

.login-form {}
.login-form .input {max-width: 400px; margin: 0 auto;}
.login-form .input > input {display: inline-block; vertical-align: middle; box-sizing: border-box; width: 100%; padding: 9px 13px; border: 1px solid #BDBDBD; border-radius: 6px; background: #fff; font-weight: 300; font-size: 14px; line-height: normal; letter-spacing: 0; color: #212121;}
.login-form .input > input + input {margin-top: 8px;}
.login-form .input > input[readonly] {}
.login-form .input > input[disabled] {border-color: #E0E0E0; background: #F5F5F5; color: #BDBDBD; cursor: default;}
.login-form .input > input[disabled]::-webkit-input-placeholder {color:#BDBDBD;}
.login-form .input > input[disabled]:-moz-placeholder {color:#BDBDBD;}
.login-form .input > input[disabled]::-moz-placeholder {color:#BDBDBD;}
.login-form .input > input[disabled]:-ms-input-placeholder {color:#BDBDBD !important;}
.login-form .input > input[disabled]::-ms-input-placeholder {color:#BDBDBD;}
.login-form .input > input[disabled]::placeholder {color:#BDBDBD;}
.login-form .input > input:focus {outline: none; caret-color: #707070;}
.login-form .btns {max-width: 400px; margin: 0 auto; margin-top: 16px;}

.login-box.login .login-form .btns > a {width: calc((100% - 8px)/2);}
.login-box.cert .login-form .btns > a {width: 100%;}

@media screen and (max-width:1244px){
	.login-box {padding-top: 440px; padding-left: 46px; background-position: center 73px;}
	.login-box.login .login-form,
	.login-box.cert .login-form {padding: 0;}
}

@media screen and (max-width:480px){
	/* width !important 추가 (2020-09-23) */
	.login-form .btns > a {width: 100% !important;}
	.login-form .btns > a + a {margin-top: 8px; margin-left: 0;}
}

/* 헌장 (2020-09-03) */
.charter-box {position: relative; text-align: center;}
.charter-box > img {max-width: 100%;}
.charter-box .txt1 {margin-bottom: 32px; font-weight: 500; font-size: 32px; line-height: 1.34375; color: #003A85;}
.charter-box .txt2 {max-width: 702px; margin: 0 auto; margin-top: -43px; font-weight: 300; font-size: 20px; line-height: 2; color: #212121;}
.charter-box .txt2 > i {display: block; margin: 18px auto; font-size: 50px; line-height: 1; color: #EAECF1;}
.charter-box + hr {margin: 32px 0 40px 0;}
.charter-box2 {position: relative;}
.charter-box2 > p {max-width: 624px; /*padding: 0 14.3021%;*/ margin: 0 auto;}
.charter-box2::before {position: absolute; top: 32px; left: 32px; content: url(../images/content/ico_charter-box2-deco1.png);}
.charter-box2::after {position: absolute;  right: 32px; bottom: 32px; content: url(../images/content/ico_charter-box2-deco2.png);}

/* overflow-x 추가 (2020-09-14) / (overflow-x)->overflow (2020-09-15) */
.charter-box.edu-policy {overflow: hidden;}
.charter-box.edu-policy::after {position: absolute; top: 0; left: 50%; margin-left: -343.5px; content: url(../images/content/ico_edu-policy-deco.png);}
.charter-box.edu-policy .txt1 {position: relative; z-index: 1;}

/* 정보공개목록 */
.open-box {position: relative; padding-top: 51px; padding-bottom: 64px; padding-left: 50%; background: no-repeat 84.5px center;}
.open-box .txt1 {position: absolute; top: 20px; font-weight: 700; font-size: 48px; line-height: 1.3333;}
.open-box .txt2 {margin-bottom: 21px; font-weight: 700; font-size: 36px; line-height: 1.3333; letter-spacing: -0.025em; color: #212121;}
.open-box .txt3 {margin-bottom: 44px; font-weight: 300; font-size: 16px; line-height: 1.3125; color: #424242;}
.open-box.since {background-image: url(../images/content/bg_open-box_since.png);}
.open-box.since .txt1 {left: 32.5px; color: #C4E3F8;}
.open-box.ago {background-image: url(../images/content/bg_open-box_ago.png);}
.open-box.ago .txt1 {left: 24.5px; color: #DDF3C6;}

.open-box.since:hover {border-color: #438ECF;}
.open-box.ago:hover {border-color: #4CB4A5;}

@media screen and (max-width:1244px){
	.open-box {padding-top: 310px; padding-bottom: 40px; padding-left: 46px; background-position: center 46px; text-align: center;}
	.open-box br {display: none;}
}

/* 지도 (2020-09-03) */
.map-box {height: 470px; margin-bottom: 40px; border: 1px solid #E0E0E0; border-radius: 8px;}
.map-box .root_daum_roughmap .wrap_map {height: calc(100% - 32px);}

/* m height 조정 (2020-09-14) / 재수정 (2020-09-15) */
@media screen and (max-width:1244px){
	.map-box {height: 50vh;}
}

/* 고시/공고 (2020-09-04) */
.ico_gosi,
.ico_gonggo {margin-right: 10px;}
.ico_gosi + span,
.ico_gonggo + span {font-size: 20px; line-height: 30px;}
.ico_gosi::before {content: url(../images/content/ico_gosi.png);}
.ico_gonggo::before {content: url(../images/content/ico_gonggo.png);}

/* 연혁 (2020-09-06) */
/* z-index 10->2 */
.history-nav {position: absolute; right: 0; left: 0; z-index: 2; padding: 80px 0 50px 0; margin-bottom: 40px; border-radius: 8px; background: url(../images/content/bg_history-nav.png) no-repeat center bottom/cover; text-align: center; transition: all 0.3s;}
.history-nav > span {display: block; box-sizing: border-box; margin-bottom: 63px; font-weight: 700; font-size: 40px; line-height: 1.45; letter-spacing: -0.025em; color: #fff; text-shadow: 0 3px 6px rgba(0,0,0,0.2);}
.history-nav > ul {box-sizing: border-box; font-size: 0;}
.history-nav > ul > li {display: inline-block; vertical-align: top;}
.history-nav > ul > li + li::before {display: inline-block; vertical-align: top; opacity: 0.4; width: 43px; margin: 0 12px; margin-top: 9px; border-top: 1px dashed #fff; content: "";}
.history-nav > ul > li > a {display: inline-block; position: relative; padding-bottom: 5px; font-weight: 300; font-size: 16px; line-height: 1.5; color: #fff; text-shadow: 0 3px 6px rgba(0,0,0,0.2);}

.history-nav.fixed {position: fixed; top: 0; padding: 30px 0 40px 0; border-radius: 0;}
.history-nav.fixed > span {margin-bottom: 20px;}
.history-nav.fixed > span,
.history-nav.fixed > ul {max-width: 940px; padding-left: 340px; margin-right: auto; margin-left: auto;}
.history-nav > ul > li.curr > a::after {position: absolute; right: 0; bottom: 0; left: 0; border-top: 2px solid #fff; content: ""; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2); }

.history-nav.fixed + .history-list {margin-top: 217px;}
.history-list {margin-top: 320px; background: url(../images/content/bg_history-list.png) repeat-y center 5px/100% auto; transition: all 0.3s;}
.history-list > div ~ div {margin-top: 32.5px;}
.history-list .tit {position: relative; margin-bottom: 32.5px; text-align: center;}
.history-list .tit::before {position: absolute; top: 0; left: 50%; width: 84px; height: 84px; margin-left: -42px; border-radius: 50%; content: "";}
.history-list .tit span {position: relative; z-index: 1; font-weight: 700; font-size: 32px; line-height: 84px; letter-spacing: -0.025em; color: #212121;}
.history-list dl {position: relative; padding: 32px 0;}
.history-list dl dt {position: absolute; font-weight: 700; font-size: 18px; line-height: 1.3333; letter-spacing: -0.025em;}
.history-list dl dt ~ dt {margin-top: 16px;}
.history-list dl dt::before {position: absolute; top: 3px; box-sizing: border-box; width: 17px; height: 17px; border: 1px solid #E0E0E0; border-radius: 50%; background: #fff; content: "";}
.history-list dl dt::after {position: absolute; top: 3px; width: 25px; height: 17px; background: transparent no-repeat right center; content: "";}
.history-list dl dd {display: block; position: relative; font-weight: 300; font-size: 16px; line-height: 1.5; letter-spacing: -0.025em; color; #212121;}
.history-list dl dd ~ dd {margin-top: 16px;}
.history-list dl dd::before {position: absolute; top: 11px; width: 8px; height: 3px; border-radius: 1px; background: #E0E0E0; content: ""; transform: rotate(-30deg);}
.history-list .lt {padding-right: 50%;}
.history-list .lt dl {padding-right: 124.5px; border-right: 1px solid #E0E0E0; text-align: right;}
.history-list .lt dl dt {right: 32.5px;}
.history-list .lt dl dt::before {right: -41px;}
.history-list .lt dl dt::after {right: -41px; transform: rotate(180deg);}
.history-list .lt dl dd {padding-right: 38px;}
.history-list .lt dl dd::before {right: 15px;}
.history-list .rt {padding-left: 50%; margin-left: -1px;}
.history-list .rt dl {padding-left: 124.5px; border-left: 1px solid #E0E0E0; text-align: left;}
.history-list .rt dl dt {left: 32.5px;}
.history-list .rt dl dt::before {left: -42px;}
.history-list .rt dl dt::after {left: -42px;}
.history-list .rt dl dd {padding-left: 38px;}
.history-list .rt dl dd::before {left: 15px;}
.history-list .hyp-list {color: #212121;}

.history-list .c1 .tit::before {background-image: url(../images/content/bg_history-list-tit1.png);}
.history-list .c1 dl dt {color: #796EE9;}
.history-list .c1 dl dt::after {background-image: url(../images/content/ico_history-list-bul1.png);}
.history-list .c2 .tit::before {background-image: url(../images/content/bg_history-list-tit2.png);}
.history-list .c2 dl dt {color: #365DAC;}
.history-list .c2 dl dt::after {background-image: url(../images/content/ico_history-list-bul2.png);}
.history-list .c3 .tit::before {background-image: url(../images/content/bg_history-list-tit3.png);}
.history-list .c3 dl dt {color: #009AFF;}
.history-list .c3 dl dt::after {background-image: url(../images/content/ico_history-list-bul3.png);}
.history-list .c4 .tit::before {background-image: url(../images/content/bg_history-list-tit4.png);}
.history-list .c4 dl dt {color: #37ADA6;}
.history-list .c4 dl dt::after {background-image: url(../images/content/ico_history-list-bul4.png);}

.history-list.wee-center {margin-top: 0; padding-top: 59px; background: url(../images/content/bg_history-list_wee-center.png) no-repeat left top;}
.history-list.clinic {margin-top: 0; padding-top: 59px; background: url(../images/content/bg_history-list_clinic.png) no-repeat left top;}
.history-list.genius {margin-top: 0; padding-top: 59px; background: url(../images/content/bg_history-list_genius.png) no-repeat left top;}
.history-list.archives {margin-top: 0; padding-top: 59px; background: url(../images/content/bg_history-list_archives.png) no-repeat left top;}

@media screen and (max-width:1244px){
	.history-nav.fixed > span,
	.history-nav.fixed > ul {padding-left: 0;}

	.history-list dl dt {display: block; position: relative; margin-bottom: 10px;}
	.history-list dl dt ~ dt {margin-top: 20px;}
	.history-list dl dd ~ dd {margin-top: 0;}
	.history-list .lt dl {padding-right: 0;}
	/* right, margin-right 추가 (2020-09-15) */
	.history-list .lt dl dt {right: 0; margin-right: 32.5px;}
	.history-list .lt dl dd {padding-right: 32.5px;}
	.history-list .rt dl {padding-left: 0;}
	/* left, margin-left 추가 (2020-09-15) */
	.history-list .rt dl dt {left: 0; margin-left: 32.5px;}
	.history-list .rt dl dd {padding-left: 32.5px;}
}

@media screen and (max-width:750px){
	.history-nav {padding: 30px 0;}
	.history-nav > span {margin-bottom: 20px; font-size: 24px;}
	.history-nav > ul > li + li {margin-left: 20px;}
	.history-nav > ul > li + li::before {display: none;}
	.history-nav > ul > li > a {font-size: 12px;}

	.history-nav.fixed + .history-list {margin-top: 187px;}
	.history-list {margin-top: 177px;}

	.history-list.wee-center {padding-top: 30vw; background-size: 100% auto;}
	.history-list.clinic {padding-top: 30vw; background-size: 100% auto;}
	.history-list.genius {padding-top: 30vw; background-size: 100% auto;}
	.history-list.archives {padding-top: 30vw; background-size: 100% auto;}

	.history-list.wee-center .rt {padding-left: 10%; margin-left: 0;}
	.history-list.clinic .rt {padding-left: 10%; margin-left: 0;}
	.history-list.genius .rt {padding-left: 10%; margin-left: 0;}
	.history-list.archives .rt {padding-left: 10%; margin-left: 0;}
}

/* 조직도 (2020-09-06) / 구조 수정 (2020-09-15) */
.org-chart {}
.org-chart .top {position: relative; margin-bottom: 108px; background: url(../images/content/bg_org-chart-top-deco.png) no-repeat center 6px; text-align: center;}
.org-chart .top::before {position: absolute; top: 0; left: 50%; width: 145px; height: 145px; margin-left: -72.5px; border-radius: 50%; background: url(../images/content/bg_org-chart-top.png) no-repeat center center; content: "";}
.org-chart .top::after {position: absolute; top: 100%; left: 50%; height: 40px; border-left: 1px solid #B7C8DE; content: "";}
.org-chart .top span {display: block; position: relative; z-index: 1;}
.org-chart .top span > a {display: block; width: 145px; height: 145px; margin: 0 auto; border-radius: 50%; font-weight: 300; font-size: 26px; line-height: 145px; letter-spacing: -0.025em; color: #fff;}
.org-chart .top + div {position: relative;}
.org-chart .top + div::before {position: absolute; top: -68px; right: 195px; left: 196px; box-sizing: border-box; height: 8px; border: 1px solid #b7c8de; border-bottom: none; border-radius: 8px 8px 0 0; content: "";}
.org-chart .tit {display: block; margin-bottom: 82px; margin-left: 104px;}
.org-chart .tit > a {display: block; position: relative; width: 184px; height: 64px; border-radius: 8px; background: transparent url(../images/content/bg_org-chart-tit-ptn.png) repeat 0 0; text-align: center; font-weight: 300; font-size: 20px; line-height: 64px; letter-spacing: -0.025em; color: #fff;}
.org-chart .tit > a::before {position: absolute; bottom: 100%; left: 50%; height: 60px; border-left: 1px solid #B7C8DE; content: "";}
.org-chart .tit > a::after {position: absolute; top: 100%; left: 50%; height: 40px; border-left: 1px dashed #B7C8DE; content: "";}
.org-chart .list {position: relative;}
.org-chart .list::before {position: absolute; top: -40px; right: 64px; left: 64px; box-sizing: border-box; height: 8px; border: 1px dashed #b7c8de; border-bottom: none; border-radius: 8px 8px 0 0; content: "";}
.org-chart .list > ul {font-size: 0;}
.org-chart .list > ul > li {display: inline-block; vertical-align: top; width: 128px;}
.org-chart .list > ul > li + li {margin-left: 4px;}
.org-chart .list > ul > li > a {display: block;}
.org-chart .list dl {position: relative; box-sizing: border-box; height: 100%; border: 1px solid #CFDAE8; border-radius: 8px;}
.org-chart .list dl::before {position: absolute; bottom: 100%; left: 50%; height: 40px; border-left: 1px dashed #B7C8DE; content: "";}
.org-chart .list dl::after {position: absolute; top: -5px; left: 50%; width: 8px; height: 8px; margin-left: -4px; border-radius: 2px; content: ""; transform: rotate(45deg);}
.org-chart .list dl dt {position: relative; padding: 16px 0; margin: -1px; border-radius: 8px 8px 0 16px; background: #E8EBF1; text-align: center; font-weight: 500; font-size: 16px; line-height: 1.5; color: #424242;}
.org-chart .list dl dt::before {position: absolute; top: 100%; right: 0; width: 16px; height: 16px; background: #e8ebf1; content: "";}
.org-chart .list dl dt::after {position: absolute; top: 100%; right: 1px; width: 16px; height: 16px; border-radius: 0 16px 0 0; background: #fff; content: "";}
.org-chart .list dl dt small {font-weight: inherit; font-size: 0.938em; line-height: inherit; color: inherit;}
.org-chart .list dl dd {display: block; position: relative; z-index: 1; padding: 10px 0 10px 25px; font-weight: 300; font-size: 14px; line-height: 1.4286; color: #757575;}
.org-chart .list dl dd::before {position: absolute; top: 19px; left: 8.7px; width: 8px; height: 3px; border-radius: 1px; content: ""; transform: rotate(-30deg);}
.org-chart .list dl dd small {font-weight: inherit; font-size: 0.929em; line-height: inherit; color: inherit;}
.org-chart .list dl dd:not(.no-bd)::after {position: absolute; bottom: 0; right: 0; left: 12.5px; border-top: 1px solid #E8EDF4; content: "";}

.org-chart .list > ul > li:first-child dl::before,
.org-chart .list > ul > li:last-child dl::before {height: 32px;}

.org-chart .part1 {float: left;}
.org-chart .part1 .tit > a {background-color: #1E57A2;}
.org-chart .part1 .list {}
.org-chart .part1 .list dl::after {background: #1E57A2;}
.org-chart .part1 .list dl dd::before {background: #80A0CA;}

.org-chart .part2 {float: right;}
.org-chart .part2 .tit > a {background-color: #1BACA3;}
.org-chart .part2 .list {}
.org-chart .part2 .list dl::after {background: #29B2A9;}
.org-chart .part2 .list dl dd::before {background: #6DCAC4;}

.org-chart2 {text-align: center;}
.org-chart2 > div {position: relative; width: 285px; margin: 0 auto;}
.org-chart2 > div + div::before {display: block; box-sizing: border-box; width: 1px; height: 40px; margin: 0 auto; border-left: 1px solid #B7C8DE; content: "";}
.org-chart2 dl {position: relative; box-sizing: border-box; height: 100%; border: 1px solid #CFDAE8; border-radius: 8px;}
.org-chart2 dl dt {position: relative; padding: 16px 0; margin: -1px; border-radius: 8px 8px 0 16px; background: #E8EBF1; font-weight: 500; font-size: 16px; line-height: 1.5; color: #424242;}
.org-chart2 dl dt::before {position: absolute; top: 100%; right: 0; width: 16px; height: 16px; background: #e8ebf1; content: "";}
.org-chart2 dl dt::after {position: absolute; top: 100%; right: 1px; width: 16px; height: 16px; border-radius: 0 16px 0 0; background: #fff; content: "";}
.org-chart2 dl dd {display: block; position: relative; z-index: 1; padding: 12px 0; font-weight: 300; font-size: 14px; line-height: 1.4286; color: #757575;}
.org-chart2 ul {padding: 40px 0 0 0; font-size: 0;}
.org-chart2 ul > li {display: inline-block; vertical-align: top; width: 242px; padding: 0 24px;}
.org-chart2 ul > li > dl::before {position: absolute; bottom: 100%; left: 50%; height: 40px; border-left: 1px dashed #B7C8DE; content: "";}
.org-chart2 ul > li > dl::after {position: absolute; top: -5px; left: 50%; box-sizing: border-box; width: 8px; height: 8px; margin-left: -4px; border: 2px solid #B7C8DE; border-radius: 2px; background: #fff; content: ""; transform: rotate(45deg);}
.org-chart2 ul > li:first-child > dl::before,
.org-chart2 ul > li:last-child > dl::before {height: 32px;}

.org-chart2 > div > div {display: table;}
.org-chart2 > div > div > div {display: table-cell; vertical-align: middle;}
.org-chart2 > div > div > div:not(:first-of-type) dl {border-left: none; border-bottom-left-radius: 0;}
.org-chart2 > div > div > div:not(:first-of-type) dl::before {position: absolute; top: 0; left: -1px; z-index: 1; height: 62px; border-left: 1px solid rgba(255,255,255,0.2); content: "";}
.org-chart2 > div > div > div:not(:first-of-type) dl::after {position: absolute; top: 62px; bottom: 0; left: -1px; border-left: 1px solid #CFDAE8; content: "";}
.org-chart2 > div > div > div:not(:first-of-type) dl dt {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.org-chart2 > div > div > div:not(:last-of-type) dl {border-right: none; border-bottom-right-radius: 0;}
.org-chart2 > div > div > div:not(:last-of-type) dl dt {border-top-right-radius: 0;}
.org-chart2 > div > div > div:not(:last-of-type) dl dt::before,
.org-chart2 > div > div > div:not(:last-of-type) dl dt::after {display: none;}
.org-chart2 > div > div dl {}

.org-chart2 .c1 {width: 100%; padding-top: 19px; background: url(../images/content/bg_org-chart2-tit1-deco.png) no-repeat center top;}
.org-chart2 .c1 dl {width: 285px; margin: 0 auto;}
.org-chart2 .c1 dl dt {background: url(../images/content/bg_org-chart2-tit1.png) no-repeat center center/100% auto; font-weight: 500; font-size: 24px; color: #fff;}
.org-chart2 .c1 dl dt::before {background: #00BFF9;}
.org-chart2 .c1 dl dd {}

.org-chart2 .c2 {}
.org-chart2 .c2 dl {}
.org-chart2 .c2 dl dt {background: #1E57A2 url(../images/content/bg_org-chart-tit-ptn.png) repeat 0 0; font-weight: 300; font-size: 20px; color: #fff;}
.org-chart2 .c2 dl dt::before {background: #1E57A2;}
.org-chart2 .c2 dl dd {}

.org-chart2 .c3 {}
.org-chart2 .c3::after {display: block; box-sizing: border-box; width: 1px; height: 40px; margin: 0 auto; border-right: 1px dashed #B7C8DE; content: "";}
.org-chart2 .c3 dl {}
.org-chart2 .c3 dl dt {background: #1BACA3 url(../images/content/bg_org-chart-tit-ptn.png) repeat 0 0; font-weight: 300; font-size: 20px; color: #fff;}
.org-chart2 .c3 dl dt::before {background: #1BACA3;}
.org-chart2 .c3 dl dd {}

.org-chart2 .c4 {width: 100%;}
.org-chart2 .c4::before {position: absolute; top: 0; right: 0; left: 0; box-sizing: border-box; width: calc((242px*2) + (24px*4)); height: 8px; margin: auto; border: 1px dashed #b7c8de; border-bottom: none; border-radius: 8px 8px 0 0; content: "";}
.org-chart2 .c4 dl {}
.org-chart2 .c4 dl dt {}
.org-chart2 .c4 dl dd {}

.org-chart3 {max-width: 940px; margin: 0 auto;}
.org-chart3 > div {position: relative; font-size: 0;}
.org-chart3 > div + div::before {display: block; box-sizing: border-box; width: 1px; height: 40px; margin: 0 auto; border-left: 1px solid #B7C8DE; content: "";}
.org-chart3 > div > * + * {margin-left: 40px;}
.org-chart3 > div > * + *::before {position: absolute; top: 50%; left: -41px; width: 40px; border-top: 1px solid #B7C8DE; content: "";}
.org-chart3 > div > span {display: inline-block; vertical-align: middle; position: relative; box-sizing: border-box; width: 278px; padding: 17.5px 0; border: 1px solid transparent; border-radius: 8px; background: #1E57A2 url(../images/content/bg_org-chart-tit-ptn.png) repeat 0 0; text-align: center; font-weight: 300; font-size: 18px; line-height: 1.5; letter-spacing: -0.025em; color: #fff;}
.org-chart3 > div br {display: none;}
.org-chart3 dl {display: inline-block; vertical-align: middle; position: relative; box-sizing: border-box; width: 285px; height: 100%; border: 1px solid #CFDAE8; border-radius: 8px; text-align: center;}
.org-chart3 dl dt {position: relative; padding: 16px 0; margin: -1px; border-radius: 8px 8px 0 16px; background: #E8EBF1; font-weight: 500; font-size: 16px; line-height: 1.5; color: #424242;}
.org-chart3 dl dt::before {position: absolute; top: 100%; right: 0; width: 16px; height: 16px; background: #e8ebf1; content: "";}
.org-chart3 dl dt::after {position: absolute; top: 100%; right: 1px; width: 16px; height: 16px; border-radius: 0 16px 0 0; background: #fff; content: "";}
.org-chart3 dl dd {display: block; position: relative; z-index: 1; padding: 12px 0; font-weight: 300; font-size: 14px; line-height: 1.4286; color: #757575;}
.org-chart3 dl.list dd {padding: 0; text-align: left;}
.org-chart3 dl.list dd span {display: block; position: relative; padding: 10px 0 10px 25px; font-weight: 300; font-size: 14px; line-height: 1.4286; color: #757575;}
.org-chart3 dl.list dd span::before {position: absolute; top: 19px; left: 8.7px; width: 8px; height: 3px; border-radius: 1px; background: #80A0CA; content: ""; transform: rotate(-30deg);}
.org-chart3 dl.list dd span small {font-weight: inherit; font-size: 0.929em; line-height: inherit; color: inherit;}
.org-chart3 dl.list dd:not(.no-bd) span::after {position: absolute; bottom: 0; right: 0; left: 12.5px; border-top: 1px solid #E8EDF4; content: "";}
.org-chart3 ul {padding: 40px 0 0 0;}
.org-chart3 ul > li {display: inline-block; vertical-align: top; width: 242px; padding: 0 24px;}
.org-chart3 ul > li > dl::before {position: absolute; bottom: 100%; left: 50%; height: 40px; border-left: 1px dashed #B7C8DE; content: "";}
.org-chart3 ul > li > dl::after {position: absolute; top: -5px; left: 50%; box-sizing: border-box; width: 8px; height: 8px; margin-left: -4px; border: 2px solid #B7C8DE; border-radius: 2px; background: #fff; content: ""; transform: rotate(45deg);}
.org-chart3 ul > li:first-child > dl::before,
.org-chart3 ul > li:last-child > dl::before {height: 32px;}

.org-chart3 > div > div {display: table;}
.org-chart3 > div > div > div {display: table-cell; vertical-align: middle;}
.org-chart3 > div > div > div:not(:first-of-type) dl {border-left: none; border-bottom-left-radius: 0;}
.org-chart3 > div > div > div:not(:first-of-type) dl::before {position: absolute; top: 0; left: -1px; z-index: 1; height: 62px; border-left: 1px solid rgba(255,255,255,0.2); content: "";}
.org-chart3 > div > div > div:not(:first-of-type) dl::after {position: absolute; top: 62px; bottom: 0; left: -1px; border-left: 1px solid #CFDAE8; content: "";}
.org-chart3 > div > div > div:not(:first-of-type) dl dt {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.org-chart3 > div > div > div:not(:last-of-type) dl {border-right: none; border-bottom-right-radius: 0;}
.org-chart3 > div > div > div:not(:last-of-type) dl dt {border-top-right-radius: 0;}
.org-chart3 > div > div > div:not(:last-of-type) dl dt::before,
.org-chart3 > div > div > div:not(:last-of-type) dl dt::after {display: none;}
.org-chart3 > div > div dl {}

.org-chart3 .row1 {text-align: left;}
.org-chart3 .row1 dl {}
.org-chart3 .row1 dl dd {}

.org-chart3 .row2 {text-align: right;}
.org-chart3 .row2::after {display: block; box-sizing: border-box; width: 1px; height: 40px; margin: 0 auto; border-right: 1px dashed #B7C8DE; content: "";}
.org-chart3 .row2 > span {margin-right: 12px;}
.org-chart3 .row2 dl {}
.org-chart3 .row2 dl dd {}

.org-chart3 .row3 {text-align: center;}
.org-chart3 .row3::before {position: absolute; top: 0; right: 0; left: 0; box-sizing: border-box; width: calc((242px*2) + (24px*4)); height: 8px; margin: auto; border: 1px dashed #b7c8de; border-bottom: none; border-radius: 8px 8px 0 0; content: "";}
.org-chart3 .row3 dl {width: 100%;}
.org-chart3 .row3 dl dt {}
.org-chart3 .row3 dl dd {}

.org-chart3 dl.c1 dt {background: url(../images/content/bg_org-chart3-tit1.png) no-repeat right center/cover; font-weight: 500; font-size: 20px; color: #fff;}
.org-chart3 dl.c1 dt::before {background: #FFCC00;}
.org-chart3 dl.c2 dt {background: url(../images/content/bg_org-chart3-tit2.png) no-repeat right center/cover; font-weight: 500; font-size: 20px; color: #fff;}
.org-chart3 dl.c2 dt::before {background: #00BFF9;}
.org-chart3 dl.c3 dt {background: url(../images/content/bg_org-chart3-tit3.png) no-repeat right center/cover; font-weight: 500; font-size: 20px; color: #fff;}
.org-chart3 dl.c3 dt::before {background: #1BAAA3;}

@media screen and (max-width:1000px){
	.org-chart {}
	.org-chart .top {max-width: 540px; margin-right: auto; margin-left: auto;}
	.org-chart .top::after {top: 50%; right: calc(50% + 72.5px); bottom: -140px; left: 22.5px; height: auto; border: 1px solid #B7C8DE; border-right: none; border-bottom: none; border-radius: 8px 0 0 0;}
	.org-chart .top + div {max-width: 500px; padding-left: 40px; margin: 0 auto;}
	.org-chart .top + div::before {top: 32px; right: auto; bottom: 727px; left: 0; width: 8px; height: auto; border: 1px solid #b7c8de; border-right: none; border-radius: 8px 0 0 8px;}

	.org-chart .tit {margin: 0 0 16px 0;}
	.org-chart .tit > a::before {top: 50%; right: 100%; bottom: auto; left: auto; width: 32px; height: auto; border: none; border-top: 1px solid #B7C8DE;}
	.org-chart .tit > a::after {left: 27px; width: 24px; height: 60px; border: 1px dashed #B7C8DE; border-top: none; border-right: none; border-radius: 0 0 0 8px;}
	.org-chart .list {margin-left: 92px;}
	.org-chart .list::before {top: 28px; right: auto; bottom: 188px; left: -40px; width: 8px; height: auto; border: 1px dashed #b7c8de; border-right: none; border-radius: 8px 0 0 8px;}
	.org-chart .list > ul > li {display: block; width: 100%;}
	.org-chart .list > ul > li + li {margin-top: 16px; margin-left: 0;}
	.org-chart .list dl::before {top: 27px; right: 100%; bottom: auto; left: auto; width: 40px; height: auto; border-left: none; border-top: 1px dashed #B7C8DE;}
	.org-chart .list dl::after {top: 27px; left: -5px; margin-left: 0; margin-top: -4px;}
	.org-chart .list > ul > li:first-child dl::before,
	.org-chart .list > ul > li:last-child dl::before {height: auto; width: 32px;}

	.org-chart [class^=part] + [class^=part] {margin-top: 32px;}
	.org-chart .part1,
	.org-chart .part2 {float: none; font-size: 0;}

	.org-chart2 ul > li {display: block; padding: 0; margin: 0 auto;}
	.org-chart2 ul > li + li {margin-top: 16px;}
	.org-chart2 ul > li > dl::before {top: 27px; right: 100%; bottom: auto; left: auto; width: 40px; height: auto; border-left: none; border-top: 1px dashed #B7C8DE;}
	.org-chart2 ul > li > dl::after {top: 27px; left: -5px; margin-left: 0; margin-top: -4px;}
	.org-chart2 ul > li:first-child dl::before,
	.org-chart2 ul > li:last-child dl::before {height: auto; width: 32px;}

	.org-chart2 .c3::after {width: 8px; margin-right: 50%; border-bottom: 1px dashed #B7C8DE; border-bottom-right-radius: 8px;}
	.org-chart2 .c4::before {top: 69px; right: auto; bottom: 71px; left: 50%; width: 8px; height: auto; margin-left: calc(-1*((242px/2) + 40px)); border: 1px dashed #b7c8de; border-right: none; border-radius: 8px 0 0 8px;}
	.org-chart2 .c4::after {position: absolute; top: 0; right: 50%; width: calc((242px/2) + 12px); height: 67px; border-top: 1px dashed #B7C8DE; border-left: 1px dashed #B7C8DE; border-radius: 8px 0 0 0; margin-right: 8px; content: "";}

	.org-chart3 {max-width: 630px;}
	.org-chart3 > div br {display: block;}
	.org-chart3 ul {padding: 0 0 0 calc(10% + 20px);}
	.org-chart3 ul > li {display: block; padding: 0;}
	.org-chart3 ul > li + li {margin-top: 16px;}
	.org-chart3 ul > li > dl::before {top: 27px; right: 100%; bottom: auto; left: auto; width: 40px; height: auto; border-left: none; border-top: 1px dashed #B7C8DE;}
	.org-chart3 ul > li > dl::after {top: 27px; left: -5px; margin-left: 0; margin-top: -4px;}
	.org-chart3 ul > li:first-child dl::before,
	.org-chart3 ul > li:last-child dl::before {height: auto; width: 32px;}

	.org-chart3 .row1 > *,
	.org-chart3 .row2 > * {width: calc((100% - 20px)/2) !important;}
	.org-chart3 .row1 > * + *,
	.org-chart3 .row2 > * + * {margin-left: 19.9999px;}
	.org-chart3 .row1 > * + *::before,
	.org-chart3 .row2 > * + *::before {left: -20.9999px; width: 19.9999px;}

	.org-chart3 .row1::after {display: block; box-sizing: border-box; width: 25%; height: 40px; margin-left: 50%; border-right: 1px solid #b7c8de; border-bottom: 1px solid #b7c8de; border-radius: 0 0 8px 0; content: "";}
	.org-chart3 .row2 {margin-top: -1px;}
	.org-chart3 .row2::before {width: 25%; height: 40px; margin-left: 25%; border-top: 1px solid #b7c8de; border-radius: 8px 0 0 0;}
	.org-chart3 .row2::after {height: 68px; margin: 0 0 0 10%;}
	.org-chart3 .row2 > span {margin-right: 0;}
	.org-chart3 .row3 {margin-top: -28px;}
	.org-chart3 .row3::before {top: 28px; right: auto; bottom: 107px; left: 10%; width: 8px; height: auto; margin-left: -20px; border: 1px dashed #b7c8de; border-right: none; border-radius: 8px 0 0 8px;}
}

/* 센터시설 (2020-09-06) */
.fac-list {max-width: 940px; padding-top: 32px; margin: 0 auto; text-align: center; font-size: 0;}
.fac-list > li {display: inline-block; vertical-align: top; width: calc((100% - 16%)/3); max-width: 218px; margin-left: 8%;}
.fac-list > li:nth-child(3n+1) {margin-left: 0;}
.fac-list > li:nth-child(n+4) {margin-top: 80px;}
.fac-list > li > span {display: inline-block; vertical-align: top;}
/* max-width 추가 (2020-09-21) */
.fac-list .img {overflow: hidden; max-width: 100%; margin-bottom: 27px; border: 1px solid #E0E0E0; border-radius: 8px;}
.fac-list .img img {vertical-align: top; max-width: 100%;}
.fac-list .txt {height: 24px; padding: 0 10px; border-radius: 12px; background: #F9FAFC;}
.fac-list .txt span {display: inline-block; vertical-align: top; margin-top: -11px; white-space: nowrap; font-weight: 300; font-size: 18px; line-height: 1.5; color: #212121;}

.fac-list.wee-center {background: url(../images/content/bg_fac-list_wee-center.png) no-repeat center top;}
.fac-list.clinic {background: url(../images/content/bg_fac-list_clinic.png) no-repeat center top;}
.fac-list.special {background: url(../images/content/bg_fac-list_special.png) no-repeat center top;}

@media screen and (max-width:750px){
	.fac-list > li {width: calc((100% - 8%)/2);}
	.fac-list > li:nth-child(3n+1) {margin-left: 8%;}
	.fac-list > li:nth-child(2n+1) {margin-left: 0;}
	.fac-list > li:nth-child(n+3) {margin-top: 80px;}
	/* m 사이즈 조정 (2020-09-15) */
	.fac-list .txt span {margin-top: -5px; white-space: normal; font-size: 14px;}
}

/* 역대센터장 (2020-09-06) */
.past-list {font-size: 0;}
.past-list > li {display: inline-block; vertical-align: top; width: calc((100% - 37px)/2); margin-left: 37px;}
.past-list > li:nth-child(2n+1) {margin-left: 0;}
.past-list > li:nth-child(n+3) {margin-top: 74px;}
.past-list > li > div {display: table; width: 100%;}
.past-list > li > div > div {display: table-cell; vertical-align: middle;}
.past-list .pic {width: 103px; padding: 0 16px 0 0;}
.past-list .pic span {display: inline-block; padding: 4px; border: 1px solid #E0E0E0; border-radius: 8px;}
.past-list .pic span img {vertical-align: top; max-width: 100%; border-radius: 4px;}
.past-list .info {padding: 0 0 13.5px 0; border-bottom: 1px solid #E0E0E0;}
.past-list .info span {display: block; box-sizing: border-box;}
.past-list .info .num {width: 64px; height: 24px; margin-bottom: 4px; border: 1px solid #009AFF; border-radius: 12px; background: #fff; text-align: center; font-weight: 500; font-size: 14px; line-height: 22px; letter-spacing: 0.05em; color: #048BF1;}
.past-list .info .name {margin-bottom: 10px; font-weight: 700; font-size: 32px; line-height: 1.4688; letter-spacing: 0.25em; color: #212121;}
.past-list .info .term {font-weight: 300; font-size: 15px; line-height: 1.4667; letter-spacing: 0.05em; color: #424242;}
.past-list .info .term b {font-weight: 500; font-size: 1em; line-height: inherit; letter-spacing: inherit; color: #007763;}

@media screen and (max-width:800px){
	.past-list > li {width: 100%; margin-left: 0;}
	.past-list > li:nth-child(n+2) {margin-top: 74px;}
}

/* 배너모음 (2020-09-08) */
.banner-list {font-size: 0;}
.banner-list > li {display: inline-block; vertical-align: top; width: 13.3333%; margin-left: 4%; text-align: center;}
.banner-list > li:nth-child(6n+1) {margin-left: 0;}
.banner-list > li:nth-child(n+7) {margin-top: 40px;}
.banner-list > li > a {display: block;}
.banner-list > li > a > img {vertical-align: top; max-width: 100%;}

@media screen and (max-width:800px){
	.banner-list > li {width: 30.6667%;}
	.banner-list > li:nth-child(6n+1) {margin-left: 4%;}
	.banner-list > li:nth-child(3n+1) {margin-left: 0;}
	.banner-list > li:nth-child(n+4) {margin-top: 40px;}
}

/* 사이트맵 (2020-09-08) */
.site-map {}
/* background 속성 분리, position relative->absolute, left 추가, float 주석처리 (2020-09-17) */
.site-map dt {position: absolute; left: 0; /*float: left;*/ box-sizing: border-box; width: 190px; padding: 28px 20px; border: 2px solid transparent; border-right: none; border-radius: 8px 0 0 8px; background-repeat: no-repeat; background-position: calc(100% - 24px) calc(100% - 22px); font-weight: 700; font-size: 20px; line-height: 1.5; letter-spacing: -0.025em; color: #fff;}
.site-map dt ~ dt {margin-top: 32px;}
/* before, after box-sizing 추가 (2020-09-17) */
.site-map dt::before {position: absolute; right: 0; bottom: -2px; box-sizing: border-box; width: 16px; height: 16px; border-bottom: 2px solid #eee; background: #fff; content: "";}
.site-map dt::after {position: absolute; right: 0; bottom: -2px; box-sizing: border-box; width: 16px; height: 16px; border-bottom: 2px solid transparent; background: #000; border-radius: 0 0 16px 0; content: "";}
.site-map dd {display: block; position: relative; box-sizing: border-box; width: calc(100% - 190px); padding: 30px; margin-left: 190px; border: 2px solid #eee; border-left: 0; border-radius: 0 8px 8px 0; background: #fff;}
.site-map dd ~ dd {margin-top: 32px;}
/* before, after box-sizing 추가 (2020-09-17) */
.site-map dd::before {position: absolute; top: -2px; left: 0; box-sizing: border-box; width: 16px; height: 16px; border-top: 2px solid #000; background: #000; content: "";}
.site-map dd::after {position: absolute; top: -2px; left: 0; box-sizing: border-box; width: 16px; height: 16px; border-top: 2px solid #eee; background: #fff; border-radius: 16px 0 0 0; content: "";}
.site-map dd > ul {font-size: 0;}
.site-map dd > ul > li {display: inline-block; vertical-align: top; width: calc((100% - 36px)/4); margin-left: 11.9999px;}
.site-map dd > ul > li:nth-child(4n+1) {margin-left: 0;}
.site-map dd > ul > li:nth-child(n+5) {margin-top: 32px;}
.site-map dd > ul > li > a {display: block; padding: 8px; border-radius: 8px; background: #000; text-align: center; font-weight: 300; font-size: 16px; line-height: 1.5; color: #fff;}
.site-map dd > ul > li > a > small {font-weight: inherit; font-size: 0.875em; line-height: inherit; color: inherit;}
.site-map dd > ul ul {margin-top: 15px;}
.site-map dd > ul ul > li {display: block; color: #424242;}
.site-map dd > ul ul > li::before {color: inherit;}
.site-map dd > ul ul > li + li {margin-top: 15px;}
.site-map dd > ul ul > li > a {display: block; padding-bottom: 3px; border-bottom: 1px dashed #CFD8DC; font-size: 15px; letter-spacing: -0.05em; color: inherit;}
.site-map dd > ul ul > li:hover > a {font-weight: 500;}
/* dt.on + before, after pos 주석처리 (2020-09-17) */
/* .site-map dt.on::after {bottom: 0;}
.site-map dt.on + dd::after {top: 0;} */

.site-map dt.ico1 {background-image: url(../images/content/ico_site-map-bg1.png);}
.site-map dt.ico2 {background-image: url(../images/content/ico_site-map-bg2.png);}
.site-map dt.ico3 {background-image: url(../images/content/ico_site-map-bg3.png);}
.site-map dt.ico4 {background-image: url(../images/content/ico_site-map-bg4.png);}
.site-map dt.ico5 {background-image: url(../images/content/ico_site-map-bg5.png);}
.site-map dt.ico6 {background-image: url(../images/content/ico_site-map-bg6.png);}
.site-map dt.ico7 {background-image: url(../images/content/ico_site-map-bg7.png);}
.site-map dt.ico8 {background-image: url(../images/content/ico_site-map-bg8.png);}
.site-map dt.ico9 {background-image: url(../images/content/ico_site-map-bg9.png);}
.site-map dt.ico10 {background-image: url(../images/content/ico_site-map-bg10.png);}
.site-map dt.ico11 {background-image: url(../images/content/ico_site-map-bg11.png);}

.site-map dt.c1 {background-color: #009AFF; color: #fff;}
.site-map dt.c1 + dd > ul > li > a {background: #006BC9;}
.site-map dt.c1::after {background: #009AFF;}
.site-map dt.c1 + dd::before {border-color: #009AFF; background: #009AFF;}
.site-map dt.c1.on::before,
.site-map dt.c1.on + dd,
.site-map dt.c1.on + dd::after {border-color: #009AFF;}
.site-map dt.c1 + dd > ul > li:hover > a {background: #034AB4;}
.site-map dt.c1 + dd > ul ul > li:hover {color: #034AB4;}

.site-map dt.c2 {background-color: #3A76DE; color: #fff;}
.site-map dt.c2 + dd > ul > li > a {background: #1F459D;}
.site-map dt.c2::after {background: #3A76DE;}
.site-map dt.c2 + dd::before {border-color: #3A76DE; background: #3A76DE;}
.site-map dt.c2.on::before,
.site-map dt.c2.on + dd,
.site-map dt.c2.on + dd::after {border-color: #3A76DE;}
.site-map dt.c2 + dd > ul > li:hover > a {background: #00337D;}
.site-map dt.c2 + dd > ul ul > li:hover {color: #00337D;}

.site-map dt.c3 {background-color: #6E76E9; color: #fff;}
.site-map dt.c3 + dd > ul > li > a {background: #6052C1;}
.site-map dt.c3::after {background: #6E76E9;}
.site-map dt.c3 + dd::before {border-color: #6E76E9; background: #6E76E9;}
.site-map dt.c3.on::before,
.site-map dt.c3.on + dd,
.site-map dt.c3.on + dd::after {border-color: #6E76E9;}
.site-map dt.c3 + dd > ul > li:hover > a {background: #4234A5;}
.site-map dt.c3 + dd > ul ul > li:hover {color: #4234A5;}

.site-map dt.c4 {background-color: #A077E8; color: #fff;}
.site-map dt.c4 + dd > ul > li > a {background: #8252C1;}
.site-map dt.c4::after {background: #A077E8;}
.site-map dt.c4 + dd::before {border-color: #A077E8; background: #A077E8;}
.site-map dt.c4.on::before,
.site-map dt.c4.on + dd,
.site-map dt.c4.on + dd::after {border-color: #A077E8;}
.site-map dt.c4 + dd > ul > li:hover > a {background: #6B42A1;}
.site-map dt.c4 + dd > ul ul > li:hover {color: #6B42A1;}

.site-map dt.c5 {background-color: #003A85; color: #fff;}
.site-map dt.c5 + dd > ul > li > a {background: #002F6B;}
.site-map dt.c5::after {background: #003A85;}
.site-map dt.c5 + dd::before {border-color: #003A85; background: #003A85;}
.site-map dt.c5.on::before,
.site-map dt.c5.on + dd,
.site-map dt.c5.on + dd::after {border-color: #003A85;}
.site-map dt.c5 + dd > ul > li:hover > a {background: #002048;}
.site-map dt.c5 + dd > ul ul > li:hover {color: #002048;}

.site-map dt.c6 {border-color: #eee; background-color: #F9FAFB; color: #006755;}
.site-map dt.c6 + dd > ul > li > a {background: #008673;}
.site-map dt.c6::before {top: 16px; height: auto;}
.site-map dt.c6::after {top: 16px; height: auto; border-color: #eee; border-right: 2px solid #eee; background: #F9FAFB;}
.site-map dt.c6 + dd::before {bottom: 16px; left: -2px; height: auto; border-color: #eee; background: #F9FAFB;}
.site-map dt.c6 + dd::after {bottom: 16px; left: -2px; height: auto; border-left: 2px solid #eee;}
.site-map dt.c6.on,
.site-map dt.c6.on::before,
.site-map dt.c6.on + dd,
.site-map dt.c6.on + dd::before {border-color: #008673;}
/* .site-map dt.c6.on + dd::after {border-color: transparent;} */
/* dt.c6.on + before, after pos 추가 (2020-09-17) */
.site-map dt.c6.on::after {bottom: 0;}
.site-map dt.c6.on + dd::after {top: 0;}
.site-map dt.c6 + dd > ul > li:hover > a {background: #006755;}
.site-map dt.c6 + dd > ul ul > li:hover {color: #006755;}

.site-map dt.c7 {background-color: #FFC631; color: #212121;}
.site-map dt.c7 + dd > ul > li > a {background: #FD8C19;}
.site-map dt.c7::after {background: #FFC631;}
.site-map dt.c7 + dd::before {border-color: #FFC631; background: #FFC631;}
.site-map dt.c7.on::before,
.site-map dt.c7.on + dd,
.site-map dt.c7.on + dd::after {border-color: #FFC631;}
.site-map dt.c7 + dd > ul > li:hover > a {background: #B45A00;}
.site-map dt.c7 + dd > ul ul > li:hover {color: #B45A00;}

@media screen and (max-width:1000px){
	/* position, left 추가 (2020-09-17) */
	.site-map dt {display: block; position: relative; left: auto; float: none; width: 100%; border-right: 2px solid transparent; border-bottom: none; border-radius: 8px 8px 0 0;}
	.site-map dd {width: 100%; margin-left: 0; border-top: none; border-left: 2px solid #eee; border-radius: 0 0 8px 8px;}
	.site-map dd ~ dd {margin-top: 0;}

	.site-map dt::before {right: -2px; bottom: 0; border: none; border-right: 2px solid #eee;}
	.site-map dt::after {right: -2px; bottom: 0; border: none; border-right: 2px solid transparent;}
	/* dt.on + before, after pos 주석처리 (2020-09-17) */
	/* .site-map dt.on::after {right: 0;} */

	.site-map dd::before {left: -2px; top: 0; border: none; border-left: 2px solid #eee;}
	.site-map dd::after {left: -2px; top: 0; border: none; border-left: 2px solid transparent;}
	/* dt.on + before, after pos 주석처리 (2020-09-17) */
	/* .site-map dt.on + dd::after {left: 0;} */

	.site-map dt.c6::before {top: auto; left: 16px; width: auto; height: 16px;}
	/* border-bottom 추가 (2020-09-17) */
	.site-map dt.c6::after {top: auto; left: 16px; width: auto; height: 16px; border-bottom: 2px solid #eee;}
	.site-map dt.c6 + dd::before {top: -2px; right: 16px; bottom: auto; width: auto; height: 16px;}
	/* border-top 추가 (2020-09-17) */
	.site-map dt.c6 + dd::after {top: -2px; right: 16px; bottom: auto; width: auto; height: 16px; border-top: 2px solid #eee;}
	/* dt.c6.on + before, after pos 추가 (2020-09-17) */
	.site-map dt.c6.on::after {right: 0;}
	.site-map dt.c6.on + dd::after {top: -2px; left: 0;}
}

@media screen and (max-width:800px){
	.site-map dd > ul > li {width: calc((100% - 12px)/2);}
	.site-map dd > ul > li:nth-child(4n+1) {margin-left: 11.9999px;}
	.site-map dd > ul > li:nth-child(2n+1) {margin-left: 0;}
	.site-map dd > ul > li:nth-child(n+3) {margin-top: 32px;}
}

@media screen and (max-width:450px){
	.site-map dd > ul > li {width: 100%; margin-left: 0;}
	.site-map dd > ul > li:nth-child(4n+1) {margin-left: 0;}
	.site-map dd > ul > li:nth-child(n+2) {margin-top: 32px;}
}

/* wee센터 (2020-09-09) */
.wee-center-symbol {}
.wee-center-symbol img {max-width: 100%;}
.wee-center-symbol .box1 {}
.wee-center-symbol .box2 {}
.wee-center-symbol .box2 p {margin-top: 16px;}

@media screen and (max-width:800px){
	.wee-center-symbol .box1 .arrow img {transform: rotate(90deg);}
	.wee-center-symbol .box2 .arrow {overflow: hidden; padding-top: 20px; padding-bottom: 20px;}
	.wee-center-symbol .box2 .arrow img {transform: rotate(90deg);}
}

/* 특수교육 (2020-09-09) */
.special-step {text-align: center;}
.special-step > li {position: relative;}
.special-step > li > div {box-sizing: border-box; width: 50%;}
.special-step > li > div.fl {padding-right: 10px;}
.special-step > li > div.fr {padding-left: 10px;}
.special-step > li span {display: block; padding: 12px; border: 1px solid transparent; border-radius: 8px; background: #fff; font-weight: 300; font-size: 16px; line-height: 1.5; letter-spacing: -0.025em;}
.special-step > li > span {padding-right: 100px; padding-left: 100px;}
.special-step > li:last-child span {border-width: 2px;}
.special-step > li b {position: absolute; right: 15px; bottom: 15px; padding-left: 27px; font-weight: 300; font-size: 14px; line-height: 20px; color: #424242;}
.special-step > li b::before {position: absolute; top: 0; left: 0; box-sizing: border-box; width: 20px; height: 20px; border: 1px solid #E0E0E0; border-radius: 50%; background: #fff; content: "";}
.special-step > li b::after {position: absolute; top: 7px; left: 7px; box-sizing: border-box; width: 6px; height: 6px; border-top: 2px solid #757575; border-right: 2px solid #757575; content: ""; transform: rotate(45deg);}
/* height 추가 / content->background (2020-09-15) */
.special-step > li + li:not(.clearfix)::before,
.special-step > li + li > div:not(.no-arw)::before {display: block; height: 16px; margin: 16.5px 0; background: url(../images/content/ico_special-step-arrow1.png) no-repeat center center; content: "";}
.special-step > li + li > div.no-arw {margin-top: 50px;}
.special-step > li + li > div.no-arw img {margin: 10px 0;}

.special-step > li.c1 span {border-color: #6052C1; color: #6052C1;}
.special-step > li.c2 span {border-color: #A077E8; color: #A077E8;}
.special-step > li.c3 span {border-color: #6E76E9; color: #6E76E9;}
.special-step > li.c4 span {border-color: #2652B8; color: #2652B8;}
.special-step > li.c5 span {border-color: #3A76DE; color: #3A76DE;}
.special-step > li.c6 span {border-color: #009AFF; color: #009AFF;}
.special-step > li.c7 span {border-color: #23919E; color: #23919E;}
.special-step > li.c8 span {border-color: #1DA59D; color: #1DA59D;}
.special-step > li.c9 span {border-color: #18B288; color: #18B288;}
.special-step > li.c10 span {border-color: #74BF03; color: #74BF03;}
.special-step > li.c11 span {border-color: #003A85; color: #003A85;}

/* m 여백 조정 (2020-09-15) */
@media screen and (max-width:1244px){
	.special-step {padding-bottom: 35px;}
	.special-step > li > span {padding-right: 12px; padding-left: 12px;}
	.special-step > li b {top: 100%; right: 0; bottom: auto; margin-top: 15px;}
}

@media screen and (max-width:380px){
	.special-step > li + li:not(.clearfix)::before,
	.special-step > li + li > div:not(.no-arw)::before {background-size: 38px auto;}
	.special-step > li + li > div.no-arw img {width: 38px;}
}

/* 클리닉 (2020-09-10) */
.clinic-step {margin-top: 95px; text-align: center; font-size: 0;}
.clinic-step > li {display: inline-block; vertical-align: top; position: relative;}
.clinic-step > li:not(:last-child)::before {position: absolute; top: 50%; right: -10px; z-index: 1; width: 42px; height: 52px; margin-top: -26px; background: #fff; content: "";}
.clinic-step > li:not(:last-child)::after {position: absolute; top: 50%; right: -30px; z-index: 1; width: 42px; height: 84px; margin-top: -42px; background: transparent no-repeat 0 0; content: "";}
.clinic-step > li + li {margin-left: -10px;}
.clinic-step > li .num {position: absolute; top: -45px; right: 0; left: 0; width: 80px; height: 80px; margin: auto; border-radius: 50%; line-height: 80px; color: #fff;}
.clinic-step > li .num img {vertical-align: middle;}
.clinic-step > li .box {box-sizing: border-box; width: 220px; height: 220px; padding-top: 50px; border: 3px solid transparent; border-radius: 50%; background: #fff;}
.clinic-step > li .box dl {padding: 0 30px;}
.clinic-step > li .box dl dt {margin-bottom: 10px; font-weight: 700; font-size: 18px; line-height: 1.3333; color: #212121;}
.clinic-step > li .box dl dd {font-weight: 300; font-size: 15px; line-height: 1.3333; color: #757575;}
.clinic-step > li .box dl dd ul {display: inline-block; margin: 0 auto; text-align: left; font-weight: inherit; font-size: 0.933em; line-height: inherit; color: inherit;}

.clinic-step > li.c1::after {background-image: url(../images/content/ico_clinic-step-arrow1.png);}
.clinic-step > li.c1 .num {background-color: #426DAD;}
.clinic-step > li.c1 .box {border-color: #426DAD;}
.clinic-step > li.c1 .box dl dd {padding: 20px 0;}
.clinic-step > li.c2::after {background-image: url(../images/content/ico_clinic-step-arrow2.png);}
.clinic-step > li.c2 .num {background-color: #1496FF;}
.clinic-step > li.c2 .box {border-color: #1496FF;}
.clinic-step > li.c2 .box dl dd {padding: 0 10px;}
.clinic-step > li.c3::after {background-image: url(../images/content/ico_clinic-step-arrow3.png);}
.clinic-step > li.c3 .num {background-color: #0EC4D2;}
.clinic-step > li.c3 .box {border-color: #0EC4D2;}
.clinic-step > li.c3 .box dl dd {padding: 0 10px;}
.clinic-step > li.c4::after {}
.clinic-step > li.c4 .num {background-color: #52BF8C;}
.clinic-step > li.c4 .box {border-color: #52BF8C;}
.clinic-step > li.c4 .box dl dd {padding: 20px 0;}

.clinic-target {position: relative; margin-top: 200px;}
.clinic-target .txt4 {margin-top: -200px;}
.clinic-target .txt5::before,
.clinic-target .txt5::after {display: block; box-sizing: border-box; width: 1px; height: 21px; margin: 0 auto; border-left: 1px dashed #B7C8DE; content: "";}
.clinic-target .txt5::before {margin-bottom: 7px;}
.clinic-target .txt5::after {margin-top: 7px;}
.clinic-target .box1 {font-size: 0;}
.clinic-target .box1::before {display: block; margin: 0 auto; margin-top: 16px; content: url(../images/content/ico_clinic-target-arrow1.png);}
.clinic-target .box1 > span {display: inline-block; vertical-align: top; font-weight: 300; font-size: 20px; line-height: 1.2;}
.clinic-target .box1 > span.c1 {box-sizing: border-box; width: 244px; padding: 32px 0; padding-right: 24px; margin-right: -44px; border-radius: 44px 0 0 44px; background: #BBDFFF; color: #0248AC;}
.clinic-target .box1 > span.c2 {position: relative; z-index: 1; box-sizing: border-box; width: 88px; height: 88px; border: 1px dashed #7D88D5; border-radius: 50%; background: #C6CBF1; font-weight: 700; line-height: 86px; color: #0F2096;}
.clinic-target .box1 > span.c3 {box-sizing: border-box; width: 244px; padding: 20px 0; padding-left: 24px; margin-left: -44px; border-radius: 0 44px 44px 0; background: #FFD1D7; color: #970F0F;}
.clinic-target .box2 {display: table; width: calc(100% - (17px*2)); max-width: 800px; margin: 0 auto;}
.clinic-target .box2 > div {display: table-cell; vertical-align: top; position: relative; box-sizing: border-box; width: 50%; padding: 0 60px; padding-top: 31.5px;}
.clinic-target .box2 > div + div {border-left: 1px dashed #B7C8DE;}
.clinic-target .box2 > div::before {position: absolute; top: -17px;}
.clinic-target .box2 > div dl {text-align: left;}
.clinic-target .box2 > div dl dt {margin-bottom: 9px; font-weight: 700; font-size: 18px; line-height: 1.4444;}
.clinic-target .box2 > div dl dt ~ dt {margin-top: 33px;}
.clinic-target .box2 > div dl dd {font-weight: 300; font-size: 15px; line-height: 1.6; color: #757575;}
.clinic-target .box2 > div dl dd ul {font-size: 15px; color: #757575;}

.clinic-target .box2 > div.c1 {border-top: 1px dashed #009AFF;}
.clinic-target .box2 > div.c1::before {left: -17px; content: url(../images/content/ico_clinic-target-arrow2.png);}
.clinic-target .box2 > div.c1 dl dt {color: #048BF1;}
.clinic-target .box2 > div.c2 {border-top: 1px dashed #FF5D5D;}
.clinic-target .box2 > div.c2::before {right: -17px; content: url(../images/content/ico_clinic-target-arrow3.png);}
.clinic-target .box2 > div.c2 dl dt {color: #FF5D5D;}

@media screen and (max-width: 1000px){
	.clinic-step {max-width: 440px; margin-right: auto; margin-left: auto;}
}

@media screen and (max-width: 800px){
	.clinic-target {margin-top: 180px;}
	.clinic-target .txt4 {margin-top: -180px; font-size: 16px;}
	.clinic-target .box1 {margin: 0 -32px;}
	.clinic-target .box1 > span.c1 {width: 160px; padding: 29.5px 0; padding-right: 10px; margin-right: -14px; font-size: 16px;}
	.clinic-target .box1 > span.c2 {width: 28px; height: 78px; padding: 12px 0; border-radius: 14px; font-size: 16px; line-height: 1;}
	.clinic-target .box1 > span.c3 {width: 160px; padding-left: 10px; margin-left: -14px; font-size: 16px;}
	.clinic-target .box2 > div dl dt {font-size: 16px;}
	.clinic-target .box2 > div dl dd {font-size: 14px;}
	.clinic-target .box2 > div dl dd ul {font-size: 14px;}
	.clinic-target .box2 > div.c1 {padding-right: 30px; padding-left: 0;}
	.clinic-target .box2 > div.c2 {padding-right: 0; padding-left: 30px;}
}

@media screen and (max-width: 500px){
	.clinic-step {max-width: 220px; margin-top: 60px;}
	.clinic-step > li + li {margin-top: -10px; margin-left: 0;}
	.clinic-step > li:not(:last-child)::before {top: auto; right: 50%; bottom: -20px; width: 52px; height: 42px; margin-top: 0; margin-right: -26px;}
	.clinic-step > li:not(:last-child)::after {top: auto; right: 50%; bottom: -51px; margin-top: 0; margin-right: -21px; transform: rotate(90deg);}
	.clinic-step > li .num {top: -10px; left: -20px; margin: 0;}

	.clinic-target {margin-top: 0; font-size: 0;}
	.clinic-target .txt4 {margin-top: 0; margin-bottom: 20px;}
	.clinic-target .txt4 br {display: none;}
	.clinic-target .txt5 {position: absolute; top: 50%; left: 65px; width: 20px; margin-top: -126.5px; font-size: 16px;}
	.clinic-target .txt5::before,
	.clinic-target .txt5::after {display: none;}
	.clinic-target .box1 {display: inline-block; vertical-align: middle; margin: 0;}
	.clinic-target .box1::before {display: none;}
	.clinic-target .box1 > span {display: block;}
	.clinic-target .box1 > span.c1 {width: 28px; padding: 70px 0 80px 0; margin-right: 0; margin-bottom: -14px; border-radius: 14px 14px 0 0;}
	.clinic-target .box1 > span.c3 {width: 28px; padding: 30px 0 20px 0; margin-left: 0; margin-top: -14px; border-radius: 0 0 14px 14px;}
	.clinic-target .box2 {display: inline-block; vertical-align: middle; width: calc(100% - (28px + 30px)); margin-left: 30px;}
	.clinic-target .box2 > div {display: block; width: 100%;}
	.clinic-target .box2 > div + div {border-top: 1px dashed #B7C8DE !important;}
	.clinic-target .box2 > div.c1 {padding: 0 0 30px 30px; border-top: none; border-left: 1px dashed #009AFF;}
	.clinic-target .box2 > div.c1::before {top: -20px; left: -16px; transform: rotate(90deg);}
	.clinic-target .box2 > div.c2 {padding: 30px 0 0 30px; border-left: 1px dashed #FF5D5D;}
	.clinic-target .box2 > div.c2::before {top: auto; right: auto; bottom: -20px; left: -16px; transform: rotate(90deg);}
}

/* 에러 (2020-09-10) */
.etc-wrap {display: table; box-sizing: border-box; width: 100vw; height: 100vh; max-width: 1020px; padding: 40px 0; margin: 0 auto; word-wrap: break-word; word-break: keep-all;}
.error {display: table-cell; vertical-align: middle;}
.error hr {position: static !important; width: 36px; height: auto; margin: 31px 0 26px 0; border: none; border-top: 2px solid #707070; clip: auto;}
.error img {max-width: 100%;}
.error .txt1 {text-shadow: -1px -1px 0 #FF4C43, 1px -1px 0 #FF4C43, -1px 1px 0 #FF4C43, 1px 1px 0 #FF4C43; font-weight: 300; font-size: 45px; line-height: 1; letter-spacing: 0.025em; color: #fff;}
.error .txt1 span {display: inline-block; vertical-align: top; color: #FF4C43;}
.error .txt2 {max-width: 398px; font-weight: 300; font-size: 16px; line-height: 1.3125; color: #757575;}
.error .btns [class^=btn-] {width: 144px;}

@media screen and (max-width: 800px){
	.error hr {margin-right: auto; margin-left: auto;}
	.error img {max-width: 60vw;}
	.error .cell + .cell {margin-top: 40px;}
	.error .txt2 {max-width: none; margin: 0 auto;}
	.error .btns [class^=btn-] {width: calc((100% - 8px)/2);}
}

/* 뷰어프로그램 (2020-09-10) */
.viewer-pop {word-wrap: break-word; word-break: keep-all;}
.viewer-pop .box-list > li.nm-box {padding: 24px 72px 24px 22px;}
.viewer-pop .box-list > li.nm-box img {position: absolute; top: 24px; right: 24px;}
.viewer-pop .box-list > li.nm-box .nm-txt {font-size: 15px; color: #757575;}
.viewer-pop .box-list > li.nm-box .btns {margin-top: 25px;}

/* 영재 (2020-09-11) */
.genius-greeting {}
.genius-greeting .top {overflow: hidden; border-radius: 8px; font-size: 0;}
.genius-greeting .top .img {position: relative; z-index: 1; padding-top: 46.6px; padding-left: 30px; border-radius: 0 0 16px 0; background: url(../images/content/bg_genius-greeting-top.png) no-repeat left top/cover; text-align: center;}
.genius-greeting .top .img > div {display: inline-block; vertical-align: top;}
.genius-greeting .top .img > div + div {margin-left: 40px;}
.genius-greeting .top .img > div > img {vertical-align: top;}
.genius-greeting .top .txt {position: relative; padding: 33px 24px 17px 24px; margin-top: -16px; background: #01937F; text-align: right;}
.genius-greeting .top .txt::before {position: absolute; top: 16px; left: 0; width: 16px; height: 16px; background: #F8F0D3; content: "";}
.genius-greeting .top .txt::after {position: absolute; top: 16px; left: 0; width: 16px; height: 16px; border-radius: 16px 0 0 0; background: #01937F; content: "";}
.genius-greeting .top .txt > span {display: inline-block; vertical-align: middle; font-weight: 300; font-size: 16px; line-height: 1.5; letter-spacing: -0.025em; color: #fff;}
.genius-greeting .top .txt > span > img {vertical-align: top; margin-left: 36px;}
.genius-greeting .bot {font-size: 0;}
.genius-greeting .bot > div {display: inline-block; vertical-align: top; box-sizing: border-box; width: 50%;}
.genius-greeting .bot .txt1 {position: relative; padding: 56px 30px 0 15px;}
.genius-greeting .bot .txt1::before {position: absolute; top: 49px; left: 3px; opacity: 0.1; box-sizing: border-box; width: 30px; height: 30px; border: 6px solid #707070; border-radius: 8px; content: ""; transform: rotate(-45deg);}
.genius-greeting .bot .txt1 p {position: relative; z-index: 1; font-weight: 700; font-size: 32px; line-height: 1.5; letter-spacing: -0.025em; color: #003985;}
.genius-greeting .bot .txt1 p::after {display: block; width: 38px; margin-top: 26px; border-top: 1px solid #707070; content: "";}
.genius-greeting .bot .txt2 {padding-top: 63px;}
.genius-greeting .bot .txt2 p {font-weight: 300; font-size: 16px; line-height: 1.75; letter-spacing: -0.025em; color: #616161;}

@media screen and (max-width:1000px){
	.genius-greeting .top .img {padding-right: 40px; padding-left: 40px;}
	.genius-greeting .top .img > div {display: block;}
	.genius-greeting .top .img > div + div {margin-top: -100px; margin-left: 0;}
	.genius-greeting .top .img .img1 {text-align: left;}
	.genius-greeting .top .img .img1 img {width: 30vw;}
	.genius-greeting .top .img .img2 {text-align: right;}
	.genius-greeting .top .img .img2 img {width: 50vw;}
	.genius-greeting .bot > div {width: 100%;}
}

@media screen and (max-width:750px){
	.genius-greeting .top .img {padding-top: 30px; padding-right: 30px; padding-left: 30px;}
	.genius-greeting .top .img > div + div {margin-top: 20px;}
	.genius-greeting .top .img .img1 img {width: 45vw;}
	.genius-greeting .top .img .img2 img {width: 65vw;}
}

@media screen and (max-width:450px){
	.genius-greeting .top .txt > span {display: block;}
	.genius-greeting .top .txt > span > img {margin-top: 10px; margin-left: 0;}
}

/* 기록관 (2020-09-11) */
.archives-task {margin-top: 50px; text-align: center; font-size: 0;}
.archives-task > div {display: inline-block; vertical-align: middle;}
.archives-task .img {width: 150px;}
.archives-task .list {box-sizing: border-box; padding-left: 45px; text-align: left;}
.archives-task .list > ul {counter-reset: archives-task-counter;}
/* background 속성 분리 (2020-09-17) */
.archives-task .list > ul > li {display: inline-block; vertical-align: top; position: relative; box-sizing: border-box; width: 217px; padding: 40px 24px 55px 24px; border-radius: 16px; background-repeat: no-repeat; background-position: calc(100% - 25px) calc(100% - 22px); counter-increment: archives-task-counter;}
.archives-task .list > ul > li + li {margin-left: 24px;}
.archives-task .list > ul > li::before {position: absolute; top: 50%; right: 100%; width: 24px; border-top: 1px dashed #B7C8DE; content: "";}
.archives-task .list > ul > li:first-child::before {width: 45px;}
.archives-task .list > ul > li::after {position: absolute; top: -30px; right: 16px; font-weight: 700; font-size: 59px; line-height: 1; content: "0" counter(archives-task-counter);}
.archives-task .list > ul > li > span {display: block; margin-bottom: 16px; font-weight: 700; font-size: 20px; line-height: 1.5;}

.archives-task .list .c1 {background-color: #BBDFFF; background-image: url(../images/content/ico_archives-task1.png);}
.archives-task .list .c1::after {color: #3571C3;}
.archives-task .list .c1 > span,
.archives-task .list .c1 > ul {color: #0248AC;}
.archives-task .list .c2 {background-color: #FBEBBF; background-image: url(../images/content/ico_archives-task2.png);}
.archives-task .list .c2::after {color: #987558;}
.archives-task .list .c2 > span,
.archives-task .list .c2 > ul {color: #734B31;}
.archives-task .list .c3 {background-color: #B1DED7; background-image: url(../images/content/ico_archives-task3.png); background-position-y: calc(100% - 20px);}
.archives-task .list .c3::after {color: #317365;}
.archives-task .list .c3 > span,
.archives-task .list .c3 > ul {color: #004B3A;}

@media screen and (max-width:960px){
	.archives-task > div {vertical-align: top;}
	.archives-task .list {width: calc(100% - 174px); padding-left: 24px;}
	.archives-task .list > ul > li {width: 100%;}
	.archives-task .list > ul > li + li {margin-top: 48px; margin-left: 0;}
	.archives-task .list > ul > li:first-child::before {top: 75px; width: 24px;}
	.archives-task .list > ul > li:not(:first-child)::before {top: -48px; right: 50%; width: auto; height: 48px; border-top: none; border-left: 1px dashed #B7C8DE;}
	.archives-task .list > ul > li > span > br {display: none;}
}

@media screen and (max-width:450px){
	.archives-task > div {display: block; margin: 0 auto;}
	.archives-task .list {width: auto; padding-top: 48px; padding-left: 0;}
	.archives-task .list > ul > li:first-child::before {top: -48px; right: 50%; width: auto; height: 48px; border-top: none; border-left: 1px dashed #B7C8DE;}
}