/*헤더*/
header{position: absolute; left: 0; top: 0; width: 100%; z-index: 999; transition: 0.3s; padding: 0;}
.sit_mapbox .sit_head .sit_logo,
header .logo{
    background: url(/images/content/main/logo_hv.svg) left center no-repeat;
    width: 230px; height: 90%; background-size: 100% 100%;
}
header.main_hd {background: #fff;}
header.sub-hd {background: #fff;}

@media(max-width:767px){
    .sit_mapbox .sit_head .sit_logo,
}
@media(max-width:425px){
    .sit_mapbox .sit_head .sit_logo,
    header .logo {width:50%; background-size:100%; }
    .sit_mapbox .sit_head .sit_logo, header .logo{width: 150px;}
}

/**/
html {max-width:2600px; position:relative; margin:auto;}
body .sub-layout {padding-top:0;}

/* header - main */
header{}
header.main_hd .inner{
    height: 110px; padding:0; display: flex; align-items: center; justify-content: space-between;
    max-width:1500px; margin:auto; transition: 0.5s;
}

@media(max-width:1240px){
    header.main_hd .inner{width:96%;}
    .sit_mapbox .sit_head .sit_logo, header .logo{width: 220px;}
}
@media(max-width:500px){
    .sit_mapbox .sit_head .sit_logo, header .logo{width: 150px;}
}



/* header - default */
header .inner{
    height: 110px; padding:0; display: flex; 
/*	border-bottom:1px solid transparent;*/
    align-items: center; justify-content: space-between; margin:0;
}
header .inner .gtop_box{display: flex; align-items: center;}
header .inner .gtop_box li{position: relative;  padding: 0 20px; }
header .inner .gtop_box li.sit_map{
    margin-left: 20px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #000;
}
header .inner .gtop_box li.sit_map span {
    background:#fff; width:20px; height:2px; display:block; margin:5px auto; transition:all 300ms;
}
header .inner .gtop_box li.sit_map span:nth-child(1) {}
header .inner .gtop_box li.sit_map span:nth-child(2) {width:14px;}
header .inner .gtop_box li.sit_map span:nth-child(3) {}
header .inner .gtop_box li.sit_map:hover span:nth-child(2) {width:20px;}
header .inner .gtop_box li::after{
    position: absolute; content: ""; top: 7px; right: 0; width: 1px; height: 12px; background: #ddd;
}
header .inner .gtop_box li:nth-child(2):after,
header .inner .gtop_box li:last-child::after{display: none;}

@media(max-width:1240px){
    header .inner {padding:0; margin:0;}
}
@media(max-width:767px){
    header .inner .gtop_box li {padding:0; margin:0 5px;}
    header .inner .gtop_box li.sit_map {margin-left:5px; width:30px; height:30px;}
	header .inner .gtop_box li.sit_map span{width:15px; margin: 4px auto;}
	header .inner .gtop_box li.sit_map span:nth-child(2){width:10px;}
    header .inner .gtop_box li a {font-size:13px;}
}

/* sub header */
header.sub-hd.wrap {max-width:1500px;}
.wrap {max-width:1200px;}
@media(max-width:1240px){
	header.sub-hd.wrap{max-width:96%;}
    .wrap {max-width:96%;}
}

/*헤더 퀵메뉴*/
.quick_box{
    position: absolute; top: 0; right: 0; background: linear-gradient(130deg, #264f85, #26a5b3) ; width: 780px;
    height: 940px; box-shadow: -13px 7px 20px rgba(0,0,0,0.3); overflow: hidden;
}
.quick_box::after{
    position: absolute; bottom: -62px; right: -82px; content: "";
    background: url(/images/content/main/quick_bg.png) center center no-repeat; width: 352px; height: 431px;
}
.quick_box .quick_conbox{display: flex; padding-left: 11%; flex-wrap: wrap; gap: 25px 5%; margin-top: 17%; }
.quick_box .quick_conbox .quick_con{
    width: 33%; height: 210px; border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 0 15px 0 15px; transition: 0.3s; padding: 20px; display: block; color: #fff; z-index: 1;
}
.quick_box .quick_conbox .quick_con:hover{background: #093259; border: 2px solid #093259; box-shadow: 9px 8px 16px rgba(0,0,0,0.3);}
.quick_box .quick_conbox .quick_con strong{display: block; font-size: 22px;}
.quick_box .quick_conbox .quick_con strong a {color:#fff;}
.quick_box .quick_conbox .quick_con span{display: block; font-size: 12px; line-height: 1.1;}
.quick_box .quick_conbox .quick_con:hover span.quick_off{display: none;}
.quick_box .quick_conbox .quick_con ul.quick_deps1{display: none; margin-top: 7px;}
.quick_box .quick_conbox .quick_con ul.quick_deps1 li a{color: rgba(255, 255, 255, 0.7); transition: 0.3s;}
.quick_box .quick_conbox .quick_con ul.quick_deps1 li a:hover{color: rgba(255, 255, 255, 1);}
.quick_box .quick_conbox .quick_con:hover ul.quick_deps1{display: block;}
.quick_box .quick_conbox .quick_con ul li{}
.quick_box .quick_conbox .quick_con ul li a{color: #fff; font-size: 14px;}

@media(max-width:1440px){
    .quick_box {display:none;}
    header .inner .gtop_box a {color:#000 !important;}

}

/*인트로헤더*/
header.intro_hd{border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding:0 20px;}
header.intro_hd .inner{max-width: 1720px !important; justify-content: flex-end;}
header.intro_hd .inner .gtop_box li a{color: #fff !important;}
header.intro_hd .inner .gtop_box li:last-child:after{display: none;}

/*인트로*/
.intro_wrap{
    background: url(/images/content/main/intro_bg.png) center center no-repeat; background-size: cover; height: 100vh;
}
.intro_wrap .inner{
    display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center;
    max-width: 1400px !important; padding-top: 175px; padding-bottom:0; position: relative; margin:auto;
}
.intro_wrap .inner h1{color: #fff; font-size: 48px; text-align: center; }
.intro_wrap .inner h1 strong{color: #fff; font-weight: bold;}
.intro_wrap .inner h1 strong .intro_logo{
    background: url(/images/content/main/logo_hv01.svg) center center no-repeat; width:100%; max-width: 425px; height: 140px;
    background-size:95% auto; display: inline-block;
}
.intro_wrap .inner h1 span{
    display: block; font-size: 18px; color: rgba(255,255,255,0.4); margin-top: 20px;
    font-family: 'Poppins', sans-serif;  letter-spacing: 2px;
}
.intro_wrap .inner .intro_con{
    margin-top:30px; display: flex; justify-content: space-around; flex-wrap: wrap; width: 100%; align-items: center;
}
.intro_wrap .inner .intro_con .con_box{
    width: 16%; height: 210px; display: flex; flex-direction: column; color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.6); border-radius: 0 15px 0 15px; padding: 3% 2%;
    transition: 0.5s; position: relative;
}
.intro_wrap .inner .intro_con .con_box.con_box_hv:hover{background: rgba(38,165,179, 0.3);}
.intro_wrap .inner .intro_con .con_box:first-child{transform: scale(1); height:335px ; width: 20%;}
.intro_wrap .inner .intro_con .con_box:first-child{
    background: linear-gradient(130deg, #264f85, #26a5b3); box-shadow: 7px 7px 20px rgba(0,0,0,0.3); border: none;
}
.intro_wrap .inner .intro_con .con_box:nth-child(2){background-color: #093259; box-shadow: 7px 7px 20px rgba(0,0,0,0.3); border: none;}
.intro_wrap .inner .intro_con .con_box strong{font-size: 22px; transition: 0.5s; line-height: 1.1;}
.intro_wrap .inner .intro_con .con_box:first-child strong{font-size: 28px;}
.intro_wrap .inner .intro_con .con_box span{font-size: 12px; transition: 0.5s; position: relative;}
.intro_wrap .inner .intro_con .con_box:first-child span{margin-top: 15px;}
.intro_wrap .inner .intro_con .con_box:first-child:first-child span{margin-top: 55px;}
.intro_wrap .inner .intro_con .con_box:first-child span::after{
    position: absolute; content: ""; width: 40px; height: 1px; top: -9px; left: 0; background: #fff; transition: 0.5s;
}
.intro_wrap .inner .intro_con .con_box:first-child:first-child span::after{top: -26px;}
.intro_wrap .inner .intro_con .con_box:first-child span{font-size: 16px;}
.intro_wrap .inner .intro_con .con_box a{
    position: absolute; width: 40px; height: 40px; bottom: 20px; right: 30px; display: inline-block; transition: 0.3s;
}
.intro_wrap .inner .intro_con .con_box:hover a{right: 20px;}
.intro_wrap .inner .intro_con .con_box:first-child a{}
.intro_wrap .inner .intro_con .con_box:hover:first-child a{}

@media(max-width:1440px){
    .intro_wrap {height:100%;}
    .intro_wrap .inner .intro_con {padding:0 0 4% 50%; position:relative;}
    .intro_wrap .inner .intro_con .con_box {float:left; width:46%; height:200px; margin-bottom:20px;}
    .intro_wrap .inner .intro_con .con_box:nth-child(1) {
        position:absolute; left:0; top:0; width:45%; height:420px; margin:0 0 0 2.5%;
    }
    .intro_wrap .inner .intro_con .con_box:first-child a {left:auto;}
}
@media(max-width:900px){
    .intro_wrap .inner h1 strong .intro_logo{max-width: 350px;}
    .intro_wrap .inner h1 span{font-size:16px;}
}
@media(max-width:767px){
    .intro_wrap .inner {flex-wrap: nowrap;}
    .intro_wrap .inner .intro_con {padding:0 4%; margin-bottom: 30px; flex-direction:column;}
    .intro_wrap .inner .intro_con .con_box {
        float:none; height:auto !important; width:100% !important; max-width:auto !important;
        padding: 8% 30px;
    }
    .intro_wrap .inner .intro_con .con_box:nth-child(1) {position:static; margin:0 0 20px 0; }
    .intro_wrap .inner .intro_con .con_box:first-child strong{font-size: 22px}
    .intro_wrap .inner .intro_con .con_box:first-child:first-child span{font-size: 12px; margin-top: 0;}
    .intro_wrap .inner .intro_con .con_box:first-child:first-child span::after{display: none;}
}
@media(max-width:640px){
    .intro_wrap .inner h1 strong .intro_logo{max-width: 300px;}
    .intro_wrap .inner .intro_con .con_box:first-child strong,
    .intro_wrap .inner .intro_con .con_box strong{font-size: 20px;}
}

/*사이트맵*/
.sit_mapbox{
    position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #fff; z-index: 99999;
    overflow-y:scroll; overflow-x:hidden;
}
.sit_mapbox::after{
    position: fixed; content: ""; bottom: 0; right: 0; width: 302px; height: 401px;
    background: url(/images/content/main/sitmap_bg.png) left top no-repeat;
}
.sit_mapbox .sit_head{
    padding: 0; height: 110px; display: flex; justify-content: space-between;
    align-items: center; 
/*	border-bottom: 1px solid #e5e5e5;*/
    max-width:1500px; margin:auto;
}

.sit_mapbox .sit_head .sit_close{position: relative; font-size: 0; width: 30px; height: 30px;}
.sit_mapbox .sit_head .sit_close::after,
.sit_mapbox .sit_head .sit_close::before{position: absolute; content: ""; width: 22px; height: 2px; background: #000000; top: 10px; left: 0;}
.sit_mapbox .sit_head .sit_close::after{transform: rotate(45deg);}
.sit_mapbox .sit_head .sit_close::before{transform: rotate(-45deg);}

@media(max-width:1240px){
    .sit_mapbox .sit_head{max-width:96%;}
}

@media(max-width:500px){
    .sit_mapbox::after{width: 200px; height: 300px; opacity: 0.5;}
}

/**/
.sit_mapbox .sit_mapcon{
    max-width: 1500px; margin: 60px auto; display: flex; flex-direction: column; padding:20px 20px 0 20px;
}
.sit_mapbox .sit_mapcon .sit_maplist{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e5e5e5; padding: 26px 0;}
.sit_mapbox .sit_mapcon .sit_maplist h2{width: 20%;}
.sit_mapbox .sit_mapcon .sit_maplist h2 a{font-size: 26px; color: #093259; font-weight: bold;}
.sit_mapbox .sit_mapcon .sit_depth2{width: 100%;}
.sit_mapbox .sit_mapcon .sit_depth2 ul{display: flex; align-items: center; gap: 0 5%;}
.sit_mapbox .sit_mapcon .sit_depth2 ul li{position: relative;  border-radius: 0 10px 0 10px; background: #f8f8f8; overflow: hidden;}
.sit_mapbox .sit_mapcon .sit_depth2 ul li:hover{ box-shadow: -7px 5px 18px rgba(0,0,0,0.1);}
.sit_mapbox .sit_mapcon .sit_depth2 ul li::before{
    position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(130deg, #264f85, #26a5b3);
    opacity: 0; transition: 0.3s;
}
.sit_mapbox .sit_mapcon .sit_depth2 ul li:hover::before{opacity: 1;}
.sit_mapbox .sit_mapcon .sit_depth2 ul li a{transition: 0.3s; position: relative; width: 220px; padding: 14px 0; display: block; text-align: center;font-weight: 600; overflow: hidden;}
.sit_mapbox .sit_mapcon .sit_depth2 ul li a:hover{color: #fff;}

@media(max-width:1200px){
    .sit_mapbox .sit_mapcon {padding:0 2%;}
    .sit_mapbox .sit_mapcon .sit_maplist {flex-direction: column; align-items: flex-start; padding-bottom:16px; z-index:110;}
    .sit_mapbox .sit_mapcon .sit_maplist h2 {margin-bottom:15px; width:100%; word-break: keep-all;}
    .sit_mapbox .sit_mapcon .sit_depth2 ul {flex-wrap:wrap;}
    .sit_mapbox .sit_mapcon .sit_depth2 ul li {margin-bottom:20px;}
    .sit_mapbox .sit_mapcon .sit_depth2 ul li a {width:auto; padding:14px 26px; word-break: keep-all; background:#f8f8f8;}
}
@media(max-width:768px){
	.sit_mapbox .sit_mapcon{margin:0 auto;}
	.sit_mapbox .sit_mapcon .sit_depth2 ul{gap: 0 2%;}
	.sit_mapbox .sit_mapcon .sit_depth2 ul li{margin-bottom:10px;}
	.sit_mapbox .sit_mapcon .sit_depth2 ul li a{font-size:15px;}
}
@media(max-width:500px){
    .sit_mapbox .sit_mapcon .sit_maplist h2 a{font-size: 22px;}
    .sit_mapbox .sit_mapcon .sit_depth2 ul li{font-size: 15px;}
    .sit_mapbox .sit_mapcon .sit_depth2 ul li a:hover{color: #222;}
}

/**/
#sub-visual {height:320px; background-repeat:no-repeat; background-position:center center; position:relative;}
#sub-visual .sub-title {display:flex; align-items: center; height:100%; color:#fff;}
#sub-visual.sub-visual- {background-image:url(/images/layout/sub_visual_01.jpg);} /* 기타 */
#sub-visual.sub-visual-1 {background-image:url(/images/layout/sub_visual_01.jpg); background-size: cover;} /* 연구회소개 */
#sub-visual.sub-visual-2 {background-image:url(/images/layout/sub_visual_02.jpg); background-size: cover;} /* 학회 소식 */
#sub-visual.sub-visual-3 {background-image:url(/images/layout/sub_visual_03.jpg); background-size: cover;} /* 학술강연회 */
#sub-visual.sub-visual-4 {background-image:url(/images/layout/sub_visual_04.jpg); background-size: cover;} /* 회원공간 */
#sub-visual.sub-visual-5 {background-image:url(/images/layout/sub_visual_05.jpg); background-size: cover;} /* 연구회 정회원 검색 */
#sub-visual.sub-visual-6 {background-image:url(/images/layout/sub_visual_06.jpg); background-size: cover;} /* My Page */

@media(max-width:1240px){
    #sub-visual .sub-title {padding:0 2%;}
}
@media(max-width:767px){
    #sub-visual {height:220px;}
}
@media(max-width:500px){
    #sub-visual.sub-visual-5{background-position: -641px 0;}
}
/**/
#sub-visual .sub-page-menu {
    position:absolute; width:100%; margin:auto; top:auto; right:0; bottom:0; left:0;
    background:linear-gradient(160deg, #264e84, #264e84 35%, #26afb8 60%, #26afb8); height:60px; display:flex;
    align-items: center; color:#fff; user-select:none; transform:translateY(50%); z-index:200;
}
#sub-visual .sub-page-menu:after {
    content:''; position:absolute; top:auto; right:auto; bottom:0; left:0;
    height:100%; width:50%; transform:translateX(-100%); background-color:#264e84;
}
#sub-visual .sub-page-menu a {color:#fff;}
#sub-visual .sub-page-menu > div {
    height:100%; display:flex; align-items: center; justify-content:flex-start;
    border-left:1px solid rgba(255,255,255,0.3); cursor:pointer;
}
#sub-visual .sub-page-menu .home {width:60px; height:100%;  justify-content:center; font-size:20px;}
#sub-visual .sub-page-menu .menu {padding:0 20px; position:relative; width:100%; max-width:270px;}
#sub-visual .sub-page-menu .menu:last-child {border-right:1px solid rgba(255,255,255,0.3);}
#sub-visual .sub-page-menu .menu span {}
#sub-visual .sub-page-menu .menu i {
    position:absolute; margin:auto; top:0; right:20px; bottom:0; left:auto; height:22px; font-size:22px;
}
#sub-visual .sub-page-menu ul.menu-2 {
    position:absolute; left:0; top:100%; width:100%; background:#fff;
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); display:none;
}
#sub-visual .sub-page-menu ul.menu-2 li {transition:background 200ms; border-top:1px solid rgba(255,255,255,0.6);}
#sub-visual .sub-page-menu ul.menu-2 li a {color:#333; padding:17px 20px; display:block; transition:color 200ms;}
#sub-visual .sub-page-menu ul.menu-2 li:hover,
#sub-visual .sub-page-menu ul.menu-2 li.active {background:#264e84;}
#sub-visual .sub-page-menu ul.menu-2 li:hover a,
#sub-visual .sub-page-menu ul.menu-2 li.active a {color:#fff;}


@media(max-width:767px){
    #sub-visual .sub-page-menu {display:none;}
}

/**/
.container-section {padding:60px 0;}

/**/
#page-title {padding:130px 0 100px 0; text-align: center; position: relative; border-bottom:1px solid #eee;}

@media(max-width:767px){
    #page-title {padding:60px 0 50px 0;}
    #page-title .fs-46{font-size: 30px;}
}

/*콘텐츠*/
/*메인비주얼 섹션*/
.visual_con{width: 100%;}
.main_visbox{position: relative; /*margin-top: 90px;*/}
.main_visbox .main_vis{position: relative; transition: 0.5s;}
.main_visbox .main_vis h2{position: absolute; top: 0; left: 0; font-size: 54px; font-weight: 400; padding-top: 370px; padding-left: 213px; color: #fff; transition: 0.5s;}
.main_visbox .main_vis h2 strong{font-weight: bold;}
.main_visbox .main_vis h2 span{font-size: 20px; color: rgba(255, 255, 255, 0.4); display: block; font-family: 'Poppins', sans-serif; margin-top: 15px; letter-spacing: 2px;}
.main_visbox .main_vis01{height: 762px;}

@media(max-width:1440px){
    .main_visbox .main_vis {overflow:hidden; position:relative;}
    .main_visbox .main_vis h2 {
        padding:20px; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0;
        height:200px; text-align:center;
    }
}
@media(max-width:1024px){
    .main_visbox .main_vis01{height: 500px;}
    .main_visbox .main_vis01 img{object-position: -450px 28px;}
}
@media(max-width:767px){
    .main_visbox .main_vis h2{font-size: 40px;}
    .main_visbox .main_vis h2 span{font-size: 18px;}
}
@media(max-width:600px){
    .main_visbox .main_vis h2{font-size: 30px;}
    .main_visbox .main_vis h2 span{font-size: 14px;}
}

/*비주얼 슬릭*/
.mainvis-controller {position: absolute; bottom: 171px; left: 213px; width: auto; height: 15px; display: inline-block !important; padding-right: 25px;}
.mainvis-controller > li {display: inline-block; margin-right: 10px;}
.mainvis-controller > li > a {display: block; width: 8px; height: 8px; background: transparent; border: 2px solid #fff; border-radius: 100%; font-size: 0;}
.mainvis-controller > li.slick-active > a {width: 22px; background: #fff; border-radius: 50px; transition: all 0.4s; -webkit-transition: all 0.4s; }

@media(max-width:1240px){
    .mainvis-controller{left: 50%; transform: translate(-50% , 0); bottom: 70px;}
}

/*메인콘텐츠*/
.main_con{}
.main_con .content_wrap{}
.main_con .content_wrap.con01{}
.main_con .content_wrap.con01 .inner{max-width: 1200px !important; margin: 0 auto;}
.main_con .content_wrap.con01 .inner h2{margin-top: 180px; font-size: 36px; text-align: center; color: #333; font-weight: bold;}

@media(max-width:1200px){
    .main_con .content_wrap.con01{padding: 0 10px;}
}
@media(max-width:767px){
    .main_con .content_wrap.con01 .inner h2 {margin-top:60px; font-size: 30px;}
}

@media(max-width:600px){
    .main_con .content_wrap.con01 .inner h2 {margin-top:60px; font-size: 25px;}
}


/**/
.main_con .date_daybox table th:first-child,
.main_con .date_daybox table td:first-child {color:#e01212;}
.main_con .date_daybox table th:last-child,
.main_con .date_daybox table td:last-child {color: #1212e0;}

/*테이블 공통 클래스*/
.ta_red{color: #e01212;}
.ta_blue{color: #1212e0;}
.ta_gray{color: #999;}
.ta_whi{color: #fff;}
.ta_clc{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #26afb8; width: 40px; height: 40px; border-radius: 100%; z-index: -1;}
.ta_spi{position: absolute; bottom: 10px; left: 50%; transform: translate(-50%, 0); background: #26afb8; width: 5px; height: 5px; border-radius: 100%;}

/*콘텐츠섹션2*/
/*왼쪽*/
.main_con .content_wrap.con02{margin-bottom: 175px;}
.main_con .content_wrap.con02 .inner{max-width: 1200px !important; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.main_con .content_wrap.con02 .inner h2{font-size: 36px; text-align: center; color: #333; font-weight: bold;}
.main_con .content_wrap.con02 .notice_box{width: 47%;}
.main_con .content_wrap.con02 .notice_tit{position: relative; padding-bottom: 40px; border-bottom: 1px solid #333;}
.main_con .content_wrap.con02 .notice_tit h2{text-align: left;}
.main_con .content_wrap.con02 .notice_tit .notioc_arrow{position: absolute; top: 12px; right: 0;}
.main_con .content_wrap.con02 .notice_tit .notioc_arrow .prev_btn{position: absolute; top: 0; left: -38px;}
.main_con .content_wrap.con02 .notice_sub ul.notice_con{display: flex; flex-direction: column;}
.main_con .content_wrap.con02 .notice_sub ul.notice_con li{border-bottom: 1px solid #ccc}
.main_con .content_wrap.con02 .notice_sub ul.notice_con li:last-child{border-bottom: none;}
.main_con .content_wrap.con02 .notice_sub ul.notice_con li a{color: #999; display: flex; align-items: center; transition: 0.3s;}
.main_con .content_wrap.con02 .notice_sub ul.notice_con li:hover a,
.main_con .content_wrap.con02 .notice_sub ul.notice_con li a:focus{color: #333; background: #f2f9fa;}
.main_con .content_wrap.con02 .notice_sub ul.notice_con li a strong{padding: 20px 30px; position: relative; font-size: 38px; display: block; text-align: center; line-height: 1.1;}
.main_con .content_wrap.con02 .notice_sub ul.notice_con li a strong::after{position: absolute; content: ""; width: 1px; height: 18px; top: 50%; right: 0; transform: translate(0, -50%); background: #bfbfbf;}
.main_con .content_wrap.con02 .notice_sub ul.notice_con li a strong span{position: relative; font-size: 15px; display: block; font-weight: lighter;}
.main_con .content_wrap.con02 .notice_sub ul.notice_con li a p{padding-left: 30px; font-size: 20px; display: block;}
/*오른쪽*/
.main_con .content_wrap.con02 .notice_ri01 a,
.main_con .content_wrap.con02 .notice_ri02 a{display: flex; flex-direction: column; padding: 6% 0; border-bottom: 1px solid #ccc;}
.main_con .content_wrap.con02 .notice_ri02 a{border-bottom: none;}
.main_con .content_wrap.con02 .notice_ri01 strong,
.main_con .content_wrap.con02 .notice_ri02 strong{font-size: 36px; color: #333; margin-bottom: 10px;}
.main_con .content_wrap.con02 .notice_ri01 span,
.main_con .content_wrap.con02 .notice_ri02 span{font-size: 16px; color: #888;}
.main_con .content_wrap.con02 .notice_ri01,
.main_con .content_wrap.con02 .notice_ri02{position: relative;}
.main_con .content_wrap.con02 .notice_ri01::after{position: absolute; content: ""; top: 50%; transform: translate( 0, -50%); right: 0; background: url(/images/content/main/notice_ri01.svg) center center no-repeat; width: 130px; height: 130px; border-radius: 100%; background-size: 56px; border: 1px solid #e3e8f0; z-index: -1;}
.main_con .content_wrap.con02 .notice_ri02::after{position: absolute; content: ""; top: 50%; transform: translate( 0, -50%); right: 0; background: url(/images/content/main/notice_ri02.svg) center center no-repeat; width: 130px; height: 130px; border-radius: 100%; background-size: 56px; border: 1px solid #e3e8f0; z-index: -1;}

@media(max-width:1200px){
    .main_con .content_wrap.con02{padding: 0 10px;}
}
@media( max-width:900px){
    .main_con .content_wrap.con02 .notice_ri01::after,
    .main_con .content_wrap.con02 .notice_ri02::after{width: 80px; height: 80px; background-size: 40px;}
}
@media( max-width:767px){
    .main_con .content_wrap.con02 .inner {flex-direction:column;}
    .main_con .content_wrap.con02 .inner > div {width:96%; margin:auto; margin-top: 30px;}
    .main_con .content_wrap.con02 {margin-bottom:0;}
    .main_con .content_wrap.con02 .inner h2,
    .main_con .content_wrap.con02 .notice_ri01 strong,
    .main_con .content_wrap.con02 .notice_ri02 strong{font-size: 25px;}
    .main_con .content_wrap.con02 .notice_sub ul.notice_con li a strong{font-size: 30px;}
    .main_con .content_wrap.con02 .notice_sub ul.notice_con li a p{font-size: 18px;}

}
@media( max-width:600px){
    .main_con .content_wrap.con02 .notice_ri01 strong,
    .main_con .content_wrap.con02 .notice_ri02 strong{font-size: 25px;}
    .main_con .content_wrap.con02 .notice_sub ul.notice_con li a strong{font-size: 20px;}
    .main_con .content_wrap.con02 .notice_sub ul.notice_con li a p,
    .main_con .content_wrap.con02 .notice_ri01 span, .main_con .content_wrap.con02 .notice_ri02 span{font-size: 14px;}
}
@media( max-width:500px){
    .ta_clc{width: 30px; height: 30px;}
    .date_con .date_daybox table th,
    .date_con .date_daybox table td{font-size: 16px !important;}
    .main_con .content_wrap.con02 .notice_sub ul.notice_con li a strong{font-size: 25px; padding: 20px 10px; width: 22%;}
    .main_con .content_wrap.con02 .notice_sub ul.notice_con li a p{font-size: 14px; padding-left: 10px;}
}
@media( max-width:400px){
    .main_con .content_wrap.con02 .notice_ri01::after,
    .main_con .content_wrap.con02 .notice_ri02::after{display: none;}
    .main_con .content_wrap.con02 .notice_sub ul.notice_con li a strong{width: 25%; padding: 20px 0;}
    .main_con .content_wrap.con02 .notice_sub ul.notice_con li a strong span{font-size: 13px;}
}

/*푸터*/
footer{background: #222; position: relative;}
footer .inner{max-width: 1500px; padding: 80px 0; margin: 0 auto; position: relative;}
footer.intro_ft_box{position: absolute; bottom: 0; left: 0; width: 100%;}
footer .inner_intro{max-width: 100%; margin: 0 auto; position: relative; padding: 22px 0;}
footer .inner .ft_snsbox{position: absolute; top: 80px; right: 0; z-index:100;}
footer .inner .ft_snsbox li{}
footer .inner .ft_snsbox li:first-child{opacity: 0.6;}
footer .inner .ft_snsbox li:first-child img{width: 200px; }
footer .inner .ft_snsbox li:nth-child(2){display: flex; justify-content: end; margin-top: 10px;}
footer .inner .ft_snsbox li a.ft_fa{display: block; background: url(/images/content/main/ft_facebook.svg) center center no-repeat; width: 45px; height: 45px; border-radius: 100%; background-size: 11px; border: 1px solid #bfbfbf;}
footer .inner .ft_snsbox li a.ft_ytb{display: block; background: url(/images/content/main/ft_youtube.svg) center center no-repeat; width: 45px; height: 45px; border-radius: 100%; background-size: 19px; border: 1px solid #bfbfbf; margin-left: 15px;}
footer .inner .footer_list{color: #ccc; font-size: 14px; opacity: 0.5;}
footer .inner .footer_list li{line-height: 1.2; margin-bottom: 10px;}
footer .inner .copyright{font-size: 14px; color: #ccc; display: block; text-align: left ; opacity: 0.3;}
footer .copyright.intro_ftxt{font-size: 15px; color: #ccc; display: block; text-align: center ; opacity: 0.5;}

@media(max-width:1440px){
    footer.intro_ft_box {position:relative;}

}
@media(max-width:1200px){
    footer .inner {display:flex; flex-direction: column;}
    footer .inner .ft_snsbox {position:relative; top:0; left:0; display:flex; justify-content: space-between; margin-bottom:20px;}
    footer .inner {}
}
@media(max-width:767px){
    footer .inner {padding:5%;}
}
@media(max-width:375px){
    footer .inner .ft_snsbox {flex-direction:column; align-items: center;}
}

/*탑버튼*/
.top_btn{position: fixed; bottom: 30px; right: 30px;}
.top_btn a{display: block; background: url(/images/content/main/btn_top.png) center 8px no-repeat #141e2e; width: 45px; height: 45px; background-size: 15px; border: 1px solid #333; color: #fff; text-align: center; font-size: 14px; padding-top: 19px;}

@media(max-width:1024px){
    .top_btn{opacity: 0; visibility: hidden;}
}

/* pagination */
.pagination {margin:auto; border-radius:2px; display:flex; justify-content: center;}
.pagination li {margin:0 4px;}
.pagination li a {border-radius:0 !important; color:#000;}
.pagination li.active a {background:#093259 !important;}

/**/
.subject-hdx {
    font-weight:bold; padding-left:30px;
    background:url(/images/content/gdcr/icon_hdx.png) no-repeat left 3px center;
}