@charset "utf-8";

/* PC */
@media screen and (min-width: 768px) {
  /
}

/* tablet */
/*@media (min-width: 768px) and (max-width: 1024px) {*/
/*!*****************************************/
/*01. common style*/
/*****************************************!*/
/*}*/

/* phone ~ 767px */
@media screen and (max-width: 767px) {
    /****************************************
    01. common style
    ****************************************/

    /****************************************
    01. hidden contents
    ****************************************/
    .banner-notice,
    .utility-area,
    .gnb-area,
    .gnb,
    .main-spot .publication-area {
        display: none !important;
    }

    /*******************************************************************
       학술대회 메인 배너
    ******************************************************************* */
    /*main-spot-area*/
    .carousel-fade .carousel-inner > .item {
        height: auto;
        /* -webkit-transition: .3s ease; */
        /* transition: .3s ease; */
        transition-property: opacity;
        padding: 0;
        background-size: cover;
        background-color: rgba(8,15,62,0.7);
    }
    .conference-caption {
        display: table-cell;
        padding: 0 0 20px;
        vertical-align: middle;
        /*margin: 0 auto;*/
        /*text-align: center;*/
        width: 100%;
        padding-top: 20px;
        text-align: center;
        height: auto;
        background-color: rgba(0,54,114,0);
    }
    .conference-caption .conference-title {
        margin: 0 0 10px;
        padding: 0 10px;
        line-height: 1.5;
        font-size: 24px;
        font-weight: 700;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    }
    .conference-caption .conference-sub-title {
        margin: 0 0 10px;
        padding: 0 10px;
        line-height: 1.1;
        font-size: 18px;
        font-weight: 700;
        color: #f2e5af;
        letter-spacing: -0.5px;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    }
    .conference-caption .conference-info {
        margin: 0 0 10px;
        padding: 0 10px;
        line-height: 1.5;
        font-weight: 700;
        font-size: 15px;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    }

    /* program */
    .main-spot-area a.btn-info-go {
        /*left: 50%;*/
        /*bottom: -65px;*/
        width: 240px;
        /*margin-left: -115px;*/
        height: auto;
        margin-top: 5px;
        padding: 15px 20px;
        font-size: 16px;
    }
    .main-spot-area a.btn-info-go .inner-btn {
        padding-right: 35px;
    }
    .main-spot-area a.btn-info-go .inner-btn i.bg {
        position: absolute;
        top: -20px;
        left: -20px;
        font-size: 64px;
    }

    /* ==================================================================================
		가을 학술대회 메인배너 - main-banner
	================================================================================== */
	/*carousel-caption*/
    .main-spot-area.fall .carousel-fade .carousel-inner > .item {
        height: 100%;
    }
	.main-spot-area.fall .conference-caption {
		float: none;
		width: 100%;
		height: auto;
		padding-left: 0;
	}
	.main-spot-area.fall .conference-caption .conference-title {
		padding-top: 20px;
		font-size: 24px;
		padding-bottom: 25px;
	}
	.main-spot-area.fall .conference-caption .conference-info {
		margin: 0 0 25px;
		font-size: 17px;
	}

	/* program */
	.main-spot-area.fall a.btn-info-go {
		display: inline-block;
		overflow: hidden;
		width: 260px;
		height: 50px;
		margin: 0 0 10px;
		font-size: 17px;
	}
	.main-spot-area.fall a.btn-info-go .inner-btn i.bg {
        top: -15px;
		right: auto;
        font-size: 54px;
	}

    /* youtube-area */
    .youtube-area {
        display: block !important;
        position: static;
        width: 300px;
        height: 168px;
        margin: 10px auto;
        box-shadow: 0px 2px 5px rgba(0,0,0,0.45);
        z-index: 100;
    }
    .youtube-area iframe {
        width: 300px;
        height: 168px;
    }

    /*******************************************************************
       col1
    ******************************************************************* */
    .col1 {
        position: relative;
        height: 240px !important;
        background: none;
    }
    .col1:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        z-index: -1;

        display: block;
        background: url("/images/bg/main_spot_01.jpg") 50% 80% no-repeat;
        background-size:cover;
        width: 100%;
        height: 240px;

        /*filter: opacity(71%);*/
        /*-webkit-filter: opacity(71%);*/
        /*-moz-filter: opacity(71%);*/
    }
    .col1 .main-spot {
        position: relative;
        display: block;
        padding: 0;
        width: 100%;
        height: 240px;
        background-color: transparent;
    }
    .main-banner .bx-viewport > ul > li {
        display: inline-block;
        height: 240px !important;
        background-size: cover !important;
    }
    .col1 .innerwrap {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: 0;
    }
    .col1 .txt-pc {
        display: none;
        padding: 110px 0 0 20px;
    }
    .col1 .txt-pc img {
        width: 50%;
    }
    .col1 .main-spot h2 {
        display: none;
    }
    .col1 .main-spot .calander-area{
        display: none;
    }
    .col1 .main-spot .calander-box {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }
    .col1 .main-spot .calander-box li {
        display: none;
        float: left;
        width: 33.333%;
        border-top: 1px solid rgba(87,124,166,0.75);
    }
    .col1 .main-spot .calander-box li a {
        font-size: 13px;
    }
    .col1 .main-spot .calander-box li:nth-child(1) {
        display: block;
    }
    .col1 .main-spot .calander-box li:nth-child(3) {
        display: block;
    }
    .col1 .main-spot .calander-box li:nth-child(5) {
        display: block;
    }
    .col3 {
        padding: 0;
    }


    /* *******************************************************************
        col2
    ******************************************************************* */
    .col2 .innerwrap {
        padding: 10px 0;
        border-bottom: 0;
        background-color: #F3F9FE;
    }
    .col2 .innerwrap ul li {
        float: left;
    }
    .col2 .innerwrap ul li:nth-child(1),
    .col2 .innerwrap ul li:nth-child(2),
    .col2 .innerwrap ul li:nth-child(3),
    .col2 .innerwrap ul li:nth-child(4)
    {
        width: 25%;
    }
    .col2 .innerwrap ul li:nth-child(5),
    .col2 .innerwrap ul li:nth-child(6),
    .col2 .innerwrap ul li:nth-child(7),
    .col2 .innerwrap ul li:nth-child(8),
    .col2 .innerwrap ul li:nth-child(9)
    {
        width: 20%;

    }
    .col2 .innerwrap ul li a {
        position: relative;
        height: 90px;
        padding: 10px 0;
    }
    .col2 .innerwrap ul li a img {
        /*width: 38px;*/
        /*max-height: 45px;*/
        /*max-width: 47px;*/
        display: inline-block;
        max-width: 32px;
    }
    .col2 .innerwrap ul li a span {
        position: absolute;
        left: 0;
        bottom: 0px;
        display: block;
        width: 100%;
        padding: 0 0 15px !important;
        text-align: center;
        font-size: 12px;
    }

    /*퀵 버튼 세부 간격 조정*/
    .col2 .innerwrap ul li:nth-child(1) img {

    }
    .col2 .innerwrap ul li:nth-child(2) img {
        max-width: 32px;
        padding-top: 3px;
    }
    .col2 .innerwrap ul li:nth-child(4) img {
        max-width: 38px;
        padding-top: 7px;
    }
    /*.col2 .innerwrap ul li:nth-child(5) img {*/
    /*max-width: 48px;*/
    /*padding-top: 9px;*/
    /*}*/
    .col2 .innerwrap ul li:nth-child(5) img {
        max-width: 38px;
        padding-top: 7px;
    }
    .col2 .innerwrap ul li:nth-child(6) img {
        max-width: 30px;
    }
    .col2 .innerwrap ul li:nth-child(7) img {
        max-width: 30px;
        padding-top: 3px;
    }
    .col2 .innerwrap ul li:nth-child(8) img {
        max-width: 28px;
        padding-top: 3px;
    }
    /*.col2 .innerwrap ul li:nth-child(2) span {*/
    /*padding-top: 10px;*/
    /*}*/
    /*.col2 .innerwrap ul li:nth-child(3) img {*/
    /*padding-top: 10px;*/
    /*}*/
    /*.col2 .innerwrap ul li:nth-child(3) span {*/
    /*padding-top: 10px;*/
    /*}*/
    /*.col2 .innerwrap ul li:nth-child(4) img {*/
    /*padding-top: 10px;*/
    /*}*/
    /*.col2 .innerwrap ul li:nth-child(4) span {*/
    /*padding-top: 16px !important;*/
    /*}*/
    /*.col2 .innerwrap ul li:nth-child(5) span {*/
    /*padding-top: 16px !important;*/
    /*}*/
    /*.col2 .innerwrap ul li:nth-child(8) span {*/
    /*padding-top: 10px;*/
    /*}*/

    .main-conts {
        float: none;
        width: 100%;
    }

    /* *******************************************************************
        col3 : 게시판
    ******************************************************************* */
    .board-notice {
        margin: 20px 0 0;
        padding: 0 15px;
    }
    .board-con ul {
        padding: 10px 0 5px;
    }
    .main-conts.board-notice .tab-wrap {
        position: relative;
    }
    .main-conts.board-notice .tab-wrap .more {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        height: 36px;
        line-height: 36px;
        text-align: center;
        font-size: 24px;
        color: #355074;
        transition: all 0.25s;
    }
    .main-conts.board-notice .tab-wrap .more:hover {
        color: #fff;
        background-color: #355074;
    }
    .main-conts.board-notice ul.nav-tabs {
        border-bottom: 1px solid #355074;
    }
    .main-conts.board-notice ul.nav-tabs li {
        width: auto;
    }
    .main-conts.board-notice ul.nav-tabs li a {
        padding: 8px 12px;
        font-size: 13px;
        letter-spacing: -0.25px;
    }
    .main-conts.board-notice .nav-tabs > li > a:hover {
        background-color: #E1E6FB;
    }
    .main-conts.board-notice .nav-tabs > .active > a,
    .main-conts.board-notice .nav-tabs > .active > a:hover,
    .main-conts.board-notice .nav-tabs > .active > a:focus {
        border: 1px solid #355074;
        border-bottom: 1px solid #fff;
        background-color: #fff;
        color: #355074;
    }

    .board-notice .tab-content ul > li p.title {
        float: none;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .board-notice .tab-content ul > li p.title a {
        position: relative;
        float: none;
        width: 100%;
        font-size: 13px;
    }
    .board-notice .tab-content ul > li p.title span.highlight {
        position: absolute;
        left: 0;
        top: 0;
    }
    .board-notice .tab-content ul > li p.title a b {
        display: block;
        width: auto;
        padding-left: 42px;
    }
    .board-notice .tab-content ul > li p.date {
        display: none;
    }
    .board-btn p a {
        display: block;
        line-height: 35px;
        font-size: 12px;
        vertical-align: middle;
        background-color: #fafafa;
        text-align: center;
    }
    .main-conts.event {
        padding: 40px 15px;
    }

    /* small-banner */
    .small-banner li a {
        height: 220px;
        border: 3px solid #002579;
    }
    .small-banner li a .title {
        padding: 20px 0 30px;
        font-size: 26px;
    }
    .small-banner li a .date {
        font-size: 18px;
        padding: 0 0 30px 0;

    }
    .small-banner li a .place {
        font-size: 20px;
        padding: 0 0 20px 0;
    }
    .small-banner li a span {
        width: 160px;
        line-height: 35px;
        font-size: 16px;
    }

    /* 이미지 배너 */
    .small-banner li.image-banner a {
        border: 0;
        background: none;
    }
    .small-banner li.image-banner a img {
        margin: 0 auto;
        height: 220px;
    }

    /* 컨퍼런스 배너 */
    .small-banner li.conference a .title {
        padding: 20px 0 16px;
        font-size: 23px;
    }
    .small-banner li.conference a .date {
        font-size: 17px;
        padding: 0 0 10px 0;
    }
    .small-banner li.conference a .place {
        font-size: 20px;
        padding: 0 0 20px 0;
    }
    .small-banner li.conference a span {
        width: 160px;
        font-size: 16px;
    }

    /* 문화사진전 배너 */
    .small-banner li.photo a .title {
        font-size: 24px;
        padding: 25px 0 15px;
    }
    .small-banner li.photo a .title b {
        font-size: 28px;
    }
    .small-banner li.photo a .sub-title {
        font-size: 16px;
        color: #fff;
        padding: 0 0 10px 0;
    }
    .small-banner li.photo a .date {
        font-size: 16px;
        font-weight: normal;
        color: #fff;
        padding: 0 0 15px 0;

    }
    .small-banner li.photo a span {
        width: 160px;
        font-size: 16px;
        color: #fff;
        background-color: #0033aa;
    }

    /* 기술경연대회 배너 */
    .small-banner li.tech a .title {
        font-size: 24px;
        padding: 35px 0 35px;
    }
    .small-banner li.tech a .sub-title {
        font-size: 16px;
        padding: 0 0 10px 0;
    }
    .small-banner li.tech a .date {
        font-size: 16px;
        font-weight: normal;
        padding: 0 0 15px 0;

    }
    .small-banner li.tech a span {
        width: 160px;
        font-size: 16px;
    }

    /* 학회상 배너 */
    .small-banner li.award a .title {
        font-size: 24px;
        padding: 35px 0 35px;
    }
    .small-banner li.award a .sub-title {
        font-size: 16px;
        padding: 0 0 10px 0;
    }
    .small-banner li.award a .date {
        font-size: 16px;
        font-weight: normal;
        padding: 0 0 15px 0;

    }
    .small-banner li.award a span {
        width: 160px;
        font-size: 16px;
    }

    /* 학회상 배너 */
    .small-banner li.capstone a {
        border-bottom: 20px solid #eff1dd;
    }
    .small-banner li.capstone a .title {
        font-size: 24px;
        padding: 30px 0 10px;
    }
    .small-banner li.capstone a .sub-title {
        font-size: 15px;
        padding: 0 0 15px 0;
    }
    .small-banner li.capstone a span {
        width: 160px;
        font-size: 16px;
    }

    /* *******************************************************************
        col4 : KCI 간행물
    ******************************************************************* */
    .col4.publication h3 {
        padding: 40px 15px 20px;
        font-size: 22px;
        font-weight: 700;
        text-align: left;
    }
    .col4.publication {
        height: auto;
        background: url("/images/bg/bg_01.png") repeat;
        padding-bottom: 30px;
    }
    .col4.publication ul li {
        width: 50%;
        padding: 15px;
    }
    .col4.publication ul li a img {
        width: 120px !important;
    }
    .col4.publication ul li a span {
        width: 100%;
        font-size: 12px;
        padding: 0 0 0 5px;
    }

    /* *******************************************************************
        col5 : 학술행사
    ******************************************************************* */
    .col5.conference {
        background-size: cover;
    }
    .col5.conference ul li {
        float: left;
        width: 33.33%;
        display: block;
        margin: 10px 0;
        text-align: center;
    }
    .col5.conference {
        height: auto;
        padding-bottom: 40px;
    }
    .col5.conference h3 {
        padding: 40px 15px 20px;
        font-size: 22px;
        font-weight: 700;
        color: #fff;
        text-align: center;
    }
    .col5.conference ul li a .icon {
        width: 80px;
        height: 80px;
        vertical-align: middle;
        border: 1px solid transparent;
        /*background-color: transparent;*/
        text-align: center;
        transition: 0.25s;
    }
    .col5.conference ul li a:hover .icon {
        background-color: rgba(255,255,255,1);
    }
    .col5.conference ul li a .icon img {
        max-width: 48px;
        padding-top: 28px;
    }
    .col5.conference ul li:first-child a .icon img {
        padding-top: 26px;
    }
    .col5.conference ul li:nth-child(2) a .icon img {
        padding-top: 26px;
    }
    .col5.conference ul li:nth-child(3) a .icon img {
        padding-top: 24px;
    }
    .col5.conference ul li:nth-child(4) a .icon img {
        padding-top: 12px;
    }
    .col5.conference ul li:nth-child(5) a .icon img {
        padding-top: 8px;
    }
    .col5.conference ul li a .txt {
        padding-top: 10px;
        font-size: 13px;
    }


    /* *******************************************************************
    col8 : 관련기관 슬라이드
******************************************************************* */
    .col8 {
        display: none;
    }

}


/*.col2 {*/
/*position: relative;*/
/*height: 80px;*/
/*padding: 0;*/
/*border-bottom: 1px solid #ddf0fa;*/
/*background: #f1fbff;*/
/*}*/

/*!* slide *!*/
/*.col2 .slide-area {*/
/*width: 100%;*/
/*}*/
/*.col2 ul.slide1 {*/
/*width: 100%;*/
/*}*/
/*.col2 ul > li,*/
/*.col2 ul > li:last-child{*/
/*float: left;*/
/*width: 33.33333%;*/
/*}*/
/*.col2 ul > li:last-child > a > span.title {*/
/*width: auto;*/
/*}*/
/*.col2 ul > li > a {*/
/*height: 40px;*/
/*line-height: 40px;*/
/*text-align: center;*/
/*font-size: 12px;*/
/*border-right: 1px solid #1578c4;*/
/*border-bottom: 1px solid #1578c4;*/
/*background: none !important;*/
/*background-color: #1578c4 !important;*/
/*}*/
/*.col2 ul > li > a:hover {*/
/*background-color: #1578c4 !important;*/
/*}*/
/*.col2 ul > li:nth-child(2n+1) > a {*/
/*background: #136fb3 !important;*/
/*}*/
/*.col2 ul > li:nth-child(2n+1) > a:hover {*/
/*background-color: #136fb3 !important;*/
/*}*/
/*.col2 ul > li > a > span.title {*/
/*display: inline-block;*/
/*position: static;*/
/*width: auto;*/
/*line-height: 1.2;*/
/*color: #f1fbff;*/
/*}*/
/*.col2 ul > li > a > span.title.multi {*/
/*padding-top: 5px;*/
/*}*/
/*.col2 .controls-arrow {*/
/*display: block;*/
/*width: 10%;*/
/*}*/
/*.col2 .controls-arrow a {*/
/*float: none;*/
/*display: block;*/
/*width: 100%;*/
/*height: 40px;*/
/*line-height: 40px;*/
/*font-size: 20px;*/
/*color: #1578c4 !important;*/
/*border: 1px solid #1578c4;*/
/*border-right: 0;*/
/*}*/
/*.col2 .prev-arrow a {*/
/*border-bottom: 0;*/
/*}*/
/*.col2 .next-arrow {*/
/*top: 40px;*/
/*}*/

/* *******************************************************************
    col3 : 게시판
******************************************************************* */
/*.innerwrap .board-notice:first-child {*/
/*margin-right: 0;*/
/*}*/
/*.main-conts {*/
/*!*float: left;*!*/
/*width: 100%;*/
/*height: 345px;*/
/*!*height: 350px;*!*/
/*padding: 30px 20px;*/
/*background-color: #fff;*/
/*}*/
/*.main-conts h3 {*/
/*padding-bottom: 10px;*/
/*}*/
/*.board-notice ul > li:first-child {*/
/*margin-top: 0;*/
/*}*/
/*.board-notice ul > li p.title a {*/
/*width: 100%;*/
/*}*/
/*.board-notice ul > li p.date {*/
/*width: 20%;*/
/*}*/
/*.board-notice ul > li p.title {*/
/*width: 80%;*/
/*}*/
/*.board-notice ul > li p.title a {*/
/*width: 100%;*/
/*}*/

/*!*공지사항*!*/
/*.col4 .board-notice {*/
/*border: 1px solid transparent;*/
/*border-bottom: 1px solid #eee;*/
/*}*/


/*.col3 {*/
/*height: auto;*/
/*padding: 40px 15px 20px;*/
/*}*/

/* 학회소식공지 / 회원동정 / 회원홍보 */
/*.main-board {*/
/*float: none;*/
/*width: 100%;*/
/*margin-right: 0;*/
/*margin-bottom: 30px;*/
/*}*/
/*.main-board .tab-area li {*/
/*width: 90px;*/
/*}*/
/*.main-board .tab-area li > a {*/
/*font-size: 13px;*/
/*}*/
/*.main-board .board-con {*/
/*padding-top: 20px;*/
/*}*/
/*.main-board .board-con ul > li {*/
/*margin: 0 0 10px;*/
/*}*/
/*.main-board .board-con ul > li p.title a {*/
/*float: none;*/
/*width: 100%;*/
/*}*/
/*.main-board .board-con ul > li p.date {*/
/*display: none;*/
/*}*/

/* *******************************************************************
    webzine
******************************************************************* */
/*.main-conts.webzine {*/
/*width: 50%;*/
/*margin-right: 0;*/
/*background-color: #fafafa;*/
/*!*border-top: 1px solid #eee;*!*/
/*}*/
/*.main-conts.webzine .title {*/
/*width: 100%;*/
/*}*/

/* *******************************************************************
    magazine
******************************************************************* */
/*.main-conts.magazine {*/
/*width: 50%;*/
/*padding: 30px 20px;*/
/*text-align: center;*/
/*background-color: #f2fcff;*/
/*!*border-top: 1px solid #eee;*!*/
/*}*/

/* *******************************************************************
    col4 : 간행물
******************************************************************* */
/*.col4 {*/
/*height: auto;*/
/*padding: 50px 0 30px;*/
/*}*/
/*.col4 ul > li {*/
/*width: 50%;*/
/*margin: 0 0 20px;*/
/*text-align: center;*/
/*}*/
/*.col4 ul > li:nth-child(1) {*/
/*margin: 0;*/
/*}*/
/*.col4 ul > li > a {*/
/*display: inline-block;*/
/*}*/
/*.col4 ul > li > a span.title {*/
/*text-align: left;*/
/*}*/

/* *******************************************************************
    col5 : 학회일정
******************************************************************* */
/*.col5 {*/
/*position: relative;*/
/*padding: 50px 0;*/
/*}*/
/*!* .filter-area *!*/
/*.schedule-contents .filter-area {*/
/*position: static;*/
/*text-align: center;*/
/*margin: 0 0 20px;*/
/*}*/

/*!* .date-list *!*/
/*.schedule-contents .date-list {*/
/*margin: 0 20px 20px;*/
/*padding: 0 0 20px;*/
/*border-bottom: 1px solid #eee;*/
/*}*/

/*!* .schedule-list *!*/
/*.schedule-list {*/
/*padding: 0 30px;*/
/*}*/
/*.schedule-list > ul > li {*/
/*float: none;*/
/*width: 100%;*/
/*margin: 0 0 20px;*/
/*padding: 0;*/
/*font-size: 15px;*/
/*}*/
/*.schedule-list > ul > li:last-child {*/
/*margin: 0;*/
/*}*/
/*.schedule-list > ul > li > .title {*/
/*display: block;*/
/*width: 100%;*/
/*vertical-align: middle;*/
/*overflow: visible;*/
/*text-overflow: clip;*/
/*white-space: normal;*/
/*}*/
/*.schedule-list > ul > li > .date {*/
/*margin: 0 0 7px;*/
/*}*/

/* *******************************************************************
    col6 : 국내/국제 행사 슬라이드
******************************************************************* */
/*.col6  {*/
/*display: none;*/
/*!*padding: 20px 0;*!*/
/*!*height: auto;*!*/
/*}*/
/*.col6 ul > li > a {*/
/*!*position: relative;*!*/
/*float: none;*/
/*!*display: block;*!*/
/*!*padding: 0 20px 20px 20px;*!*/
/*width: 100% !important;*/
/*!*height: 90px;*!*/
/*!*background-color: #fff;*!*/
/*!*border: 1px solid #dfdfdf;*!*/
/*}*/
/*.col6 ul > li > a {*/
/*float: none;*/
/*width: 100%;*/
/*margin-bottom: 10px !important;*/
/*}*/
/*.col6 ul > li > a:nth-child(odd) {*/
/*margin-right: 0;*/
/*}*/
/*.col6 .bx-controls.bx-has-pager {*/
/*display: none;*/
/*}*/
/*.col6 ul > li > a:nth-child(2n+1) {*/
/*margin-right: 0;*/
/*}*/


/*.col6 {*/
/*position: relative;*/
/*height: auto;*/
/*padding: 50px 15px 20px;*/
/*background-size: cover;*/
/*}*/
/*.col6 ul li {*/
/*float: left;*/
/*width: 222px;*/
/*height: 180px;*/
/*margin: 0;*/
/*background-color: #fff;*/
/*}*/
/*.col6 ul li .event-contents h5 {*/
/*margin: 0 0 5px;*/
/*}*/
/*.col6 ul li .event-contents p.place {*/
/*display: none;*/
/*}*/
/*.col6 .controls-arrow {*/
/*display: none;*/
/*}*/



/* *******************************************************************
    col7 : 특별회원 리스트
******************************************************************* */
/*.col7 {*/
/*height: auto;*/
/*padding: 50px 15px;*/
/*background-size: cover;*/
/*}*/
/*.col7 ul li {*/
/*float: left;*/
/*width: 50%;*/
/*}*/
/*.col7 ul li a {*/
/*display: block;*/
/*height: 50px;*/
/*line-height: 50px;*/
/*text-align: center;*/
/*margin-left: -1px;*/
/*margin-bottom: -1px;*/
/*font-size: 16px;*/
/*color: #fff;*/
/*border: 1px solid #fff;*/
/*border-color: rgba(255,255,255,0.75);*/
/*background: transparent;*/
/*}*/
/*.col7 ul li a:hover {*/
/*background: rgba(255,255,255,0.15);*/
/*}*/
/*.col7 ul li.more a {*/
/*background: rgba(255,255,255,0.25);*/
/*}*/
/*.col7 ul li.more a i {*/
/*margin-left: 8px;*/
/*}*/

/* *******************************************************************
    col8 : 관련기관 슬라이드
******************************************************************* */
/*.col8 {*/
/*display: none;*/
/*}*/

/*}*/

/* phone ~ 380px */
@media screen and (max-width:380px) {
    /*.col4.publication ul li {*/
    /*width: 100%;*/
    /*padding-bottom: 20px;*/
    /*}*/
    .board-btn p a {
        font-size: 11.5px;
        letter-spacing: -0.75px;
    }
    .board-btn p a img {
        padding: 0 8px 0 5px;
    }
}

/* phone ~ 320px */
@media screen and (max-width:320px) {
    .main-conts.board-notice ul.nav-tabs li a {
        padding: 8px;
        font-size: 12px;
        letter-spacing: -0.25px;
    }
}

@media print {

}