@charset "UTF-8";

@media (max-width:1350px){
    .header-area .header-nav.sticky .newLogo img { margin-right:.0;}
}
@media (max-width:1250px){
	

    .sv1_dark { background:#000;}

    .drop-down { top:70px !important}
    .navbar-nav > li { margin: 0 0 !important; padding-top:0 !important}
    .navbar-expand-lg .navbar-nav .nav-link { font-size:16px !important;}


    .sub-header-area { height:100px !important; }
    .subContainer { padding:170px 0 100px; }
    .joinContainer::before { height:700px; }
    .joinContainer::after { height:700px; }
    
    .baseWidth { width:auto; margin:0 auto; margin-left:20px !important; margin-right:20px !important; }
    .baseWidth1200 { width:auto; margin:0 auto; margin-left:20px !important; margin-right:20px !important; }
    .commTitle_h2 { font-size:36px; }
    .titleRightDate { 
        font-size:14px; position: relative; right: auto; top: auto; 
        text-align: center; line-height:1.5;
        padding-top:10px;
    }
    
    .formHeader h2 { font-size:26px !important; text-align: center !important;}


    .conArea { margin:30px auto 50px !important; padding-left:0 !important; padding-right:0 !important }

    .joinTopTab li a { 
        font-size:14px; 
        display: flex; justify-content: center; align-items: center; padding:10px 20px !important; word-break: keep-all;
    }
    .tabFixed ul { width:100%; margin:0 auto; padding-left:0 !important; display: flex; align-items: center; }
    .tabFixed.fixed{ top:45px; }
    

    .joinBox1 { position: relative;}
    .joinBox1::before {display: none; }
   
    .tabHeader { display: block;}
    .tabHeader h3 { font-size:28px; margin-bottom:12px;}
    .tabHeader p { font-size:14px; line-height:1.3; }
    
    .boothThum { 
       padding:45px 0; 
       border-bottom:1px solid #dcdcdc;
       display: block;
    }
    .joinImg {
       text-align: center;
       display: block;
    }
    .joinContext { 
       display: flex; flex-direction: column; justify-content: space-between; 
       flex:0 0 100%;
       margin-left:0;
       position: relative;
       height:auto;
       padding:0 10px;
       display: block;
    }
     .joinContext h4 { display: flex; align-items: center; padding:50px 0 0;}
     .joinContext h4 strong { font-size:26px; margin-right:10px;}
     .joinContext h4 em { font-size:14px; }
     .joinContext ul { padding:10px 0 30px;}
     .joinContext ul li {
        font-size:16px; 
        margin:4px 0 4px 8px;
        padding-left:10px;
     }

    
     .joinPriceArea { 
        background:var(--white-color); 
        /* border-radius:10px;  */
        display: flex; align-items: flex-end; justify-content: flex-end;
        padding:10px 20px;
    }
     .joinPriceArea strong { font-size:24px; margin-right:5px;}
     .joinPriceArea span { font-size:14px;  padding-bottom:3px;}
    
     .joinContext p { font-size:14px; font-weight:400; padding:6px 0 0 0;}
     /* .absBottomRight { position: absolute; right:0; bottom:0; width:100%;} */
    
    
     .joinBox2 { position: relative; padding-top:60px;}
     .joinBox2::before { display: none; }

    .tabHeader.bbNone { border-bottom:0;}
     .benefitWrap { display: flex; flex-wrap:wrap;}
    .benefitThum { 
        background-color: var(--white-color); border-radius:3px; position: relative;
        flex:0 0 32%;
        margin-left:2%;
        margin-bottom:24px;
    }
    
    .benefitWrap article:nth-child(1),
    .benefitWrap article:nth-child(4) { margin-left:0;}
    
    .beneNum {
        position: absolute;
        left: 20px; top:20px;
        border-radius:25px;
        width:49px;
        height:70px;
        background-color: var(--gray-bg-color);    
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
     .beneNum i {
        font-style: normal;
        background: linear-gradient(360deg, #652da0 0%, #B224EF 100%);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        font-size:20px;
        font-weight:700;
        font-family: var(--secondary-font), sans-serif !important;
     }
    
     .beneContext {
        padding:80px 0 60px;
        display: flex; flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
     }
     .beneContext h4 { font-size:24px; font-weight:700; color:#3e3e3e; margin:45px 0 20px;}
     .beneContext p { font-size:18px; font-weight:500; color:var(--sub-color); line-height:1.5;}
    
    .subBtnBottom { position: relative; z-index: 10; text-align: center; }
    
    .subBtn {
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    
    .joinBox3 { position: relative; padding-top:60px;}
    .joinBox3::before { display: none; }
    
    .processWrap { display: flex; padding:0 0px; }
    .processThum { 
        flex:0 0 20%;
        padding:100px 0 20px;
        position: relative;
        text-align: center;
    }
    .processWrap::before { 
        content: "";
        display: block;
        position: absolute;
        left:0; top:90px;
        /* background: linear-gradient(300deg, rgba(255,255,255,0) 0%, #fff 100%); */
        background: url(../imgs/sub/shadow_round.svg) no-repeat center / 100%;
        width:100%;
        height:350px;
    }
    .processThum > div { 
        position: relative; z-index: 1000;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    
    .processNum i {
        font-style: normal;
        background: linear-gradient(360deg, #652da0 0%, #B224EF 100%);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        font-size:20px;
        font-weight:800;
        font-family: var(--secondary-font), sans-serif !important;
     }
    
    .processContext h4 {
        font-size:24px; margin:25px 0 15px;
        font-weight:700;
    }
    .processContext p {
        font-size:18px;
        color:var(--sub-color);
        line-height:1.5;
        min-height:70px;
    }
    .processContext i {
        width:27px; height:1px; 
        background-color: var(--sub-color);
        display: block;
        margin: 0 auto;
    }
    .processContext ul { padding:0 !important; margin: 30px 0 0 0 !important; }
    .processContext ul li { color:var(--red-color); }
    
    .processWrap article:nth-child(1) { z-index:10;}
    .processWrap article:nth-child(2) { z-index:9;}
    .processWrap article:nth-child(3) { z-index:8;}
    .processWrap article:nth-child(4) { z-index:7;}
    .processWrap article:nth-child(5) { z-index:6;}
    
    .pcThum1::after,
    .pcThum2::after,
    .pcThum3::after,
    .pcThum4::after {
        content: "";
        width:32px;
        height:32px;
        display: block;
        position: absolute;
        right: -26px; top: 168px;
        background: url(../imgs/sub/join_icon_next.svg) no-repeat center / 100%
    }
    
    .fhTopRightBtn { display: flex; justify-content: center;}
    .fhTopRightBtn a { 
        width:120px; height:40px; 
        font-size:14px;
        margin-left:3px;
        margin-right:3px;
     }
   
    .attendTopTab {
        height:auto;
        display: flex;
        padding-left:0 !important
    }
    .attendTopTab li { flex:0 0 25%; height:inherit; }
    .attendTopTab li a { padding:10px 10px;}
    .attendTopTab li a strong { font-size:12px;  left:10px; top:5px; }
    .attendTopTab li a em { font-size:16px; line-height:1.3;}
    .attendTopTab li a em span { display:block;}
   
    .thumListSq {
        padding-top:30px;
    }
    .thumConSq { 
        flex:0 0 100%; 
        padding:30px 10px 15px 35px;
        margin-bottom:15px;
        flex-wrap:wrap;
    }
    .thumConSq .tcsLeft h3 { font-size:24px; }
    .nextBtnArea { margin-top:30px;}

    .galleryList article { flex:0 0 calc(50% - 2%); margin:0 1% 20px; }


    


}

@media (max-width:1200px){


    .joinBefore { height:auto; margin:20px auto 30px; flex-wrap:wrap; }
    .joinBefore article { flex:0 0 100%; margin-top:20px;}
    a.jbLink {padding:40px 30px 70px;}    

    .baseWidth2 { width:100%; padding:0 20px;}
    .mypageWrap {
        margin-top:40px;
        display: flex;
        flex-wrap:wrap;
        justify-content: space-between;
        align-items: flex-start;
     }
     .myNav {
        flex:0 0 100%;
        display: flex; 
     }
     .myNav article:nth-child(1) { flex:1; }
     .myNav article:nth-child(2) { margin-left:10px;}
     .myNavTop { 
        padding:25px 25px 25px 25px;
        display: flex; align-items: flex-start;
     }
     .myNavTop > li { 
        margin-top:0;
        padding-top:0;
        border-top:none;
     }
     .myNavTop > li:nth-child(1) { flex:1;}
     .myNavTop > li:nth-child(2) { flex:0 0 33%;}
     .myNavTop > li:nth-child(3) { flex:0 0 26%;}
 
    .myCon { flex:0 0 100%; width:100%;}
    .myConHeader { margin-left:0;}
    .myConNotice { margin-left:0;}
    .myContent h3 {  margin-left:0;}
    .myTableWrap { margin-left:0;}
 

    .mycList section:nth-child(1) { padding-left:0;}
    .mycList section:nth-child(4) { padding-left:0;}

    .conferHeader { display: flex; flex-wrap:wrap; }
    .conferHeader article { flex:0 0 100%;  margin-top:15px; }

}

@media (max-width:1024px){

    .spCenter { 
        display: flex; justify-content: center; 
        margin-top:30px;
    }
    .inputSearchCom { 
        width:auto;
        flex:1;
    }
    .inputSearchCom input[type='text'] {
        width:100%; 
        flex:1;
        font-size:14px;
    }
    .btnSearchCom {
        width:calc(40px); 
    }
    .selectBoxCom { 
        flex:0 0 auto; 
        width:calc(140px - 10px);

    }
    .selectBoxCom select{ 
        padding-left:10px; 
        padding-right:10px;
        font-size:14px;
        
    }


    .detailProductLayer { 
        width:auto; position:relative; 
        background:#fff;
        z-index:999999;
        box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        border-radius:0 0 5px 5px;
        display: none;
    }
    .detailProductLayer.on { display: block;}
    .dpsList { display: flex; flex-wrap:wrap; }
    .dpsList article { 
        flex:0 0 50%; 
        padding:25px 10px 0;
    }
    .dpsList article:nth-child(1) { border-left:none; }
    .dpsList article h3 { font-size:16px;}
    
    .chkDivBox label { 
        height:40px;
        padding-left:15px;
    }
    .chkDivBox label strong { font-size:14px; }




    .productDetailHeader {
        margin-top:30px;
        padding:20px 0;
        flex-wrap:wrap;
    }
    .pdvLeft {
        flex:0 0 100%;
        width:100%;
    }
    .pdvRight {
        flex:0 0 100%;
        height:auto;
        margin-top:50px;
    }
    .pdvRight ul { padding-left:0;}
    .sharp { display: flex;}
    .sharp li { margin-right:20px; font-size:16px; font-weight:300; color:#6E6E6E;}
    
    .pdvRight h2 { font-size:30px; }
    .pdvRight em { font-size:17px;}
    .detailView {  padding:20px 0; margin-top:25px;}
    .detailView li { margin-bottom:20px; }
    .detailView li strong { flex:0 0 120px; margin-right:20px; font-size:17px; }
    .detailView li span { flex:1; font-size:17px; }
    
    .bdBtnArea { 
        display: flex; 
        position: relative; left:auto; bottom:auto;
        margin-top:50px;
    }
    .bdBtnArea a {
        display: flex;
        height:50px;
    }
    .bdBtnArea a.bd_heart { width:50px; }
    .bdBtnArea a.bd_product_list { flex:1; margin:0 10px; }
    .bdBtnArea a.bt_product_consult { width:150px; }
    
    .bdBtnArea a span { font-size:14px;}
    

    .pdDetailView { padding:40px 0 0;}
    .pdDetailView h3 { font-size:20px; padding-bottom:10px; }
    
    .pdvList {
        flex-wrap:wrap;
    }
    .pdvList li { flex:0 0 100%; }
    .pdvList li strong { 
        flex:0 0 40%; 
        min-height:45px; 
        font-size:16px;
        justify-content: flex-start;
        padding-left:20px;
    }
    .pdvList li span { 
        flex:1; 
        justify-content: flex-start;
        font-size:16px;
        padding-left:20px;
        min-height:45px;
    }
    

    .gallery-box{margin:0 auto;max-width:100%;overflow: hidden;}
    .gallery-box .gallery-main-box{padding:0 0 0; height:auto;}
    .gallery-box .gallery-main-box .swiper-slide .info-img img{position:relative; width:100%;}

    .gallery-box .gallery-thumb-box .swiper-slide{height:120px;}

    .proThumList { 
        padding:30px 0 0;
        justify-content: space-between;
    }
    .proThumList article { flex:0 0 calc(48%); margin:0 0 10px; position: relative;}
    .proThumList article a .ptl_img .s_heart {
        right:10px; bottom:10px; 
        font-size:11px;
    }
    .proThumList article a .ptl_img .s_heart span {
        margin-left:5px;
    }
    
    .proThumList article a  .ptl_con {
        display: block;
        padding:20px 0 20px;
    }
    .proThumList article a .ptl_con em {
        font-size:12px; 
    }
    .proThumList article a .ptl_con span {
        font-size:16px;
    }



    a.b_favorite  {
        height:30px;
        padding:0 10px;
        margin:0 3px;
    }
    a.b_favorite i { margin-right:5px; }
    a.b_favorite strong { font-size:12px; }
    
    a.b_display  {
        height:30px;
        padding:0 10px;
        margin:0 3px;
    }
    a.b_display strong { font-size:12px; }
    
    a.btn_detail_view { position: absolute; right:0; top:0; height:100%; width:40px;  }


    .aboutBox2 { padding-top:60px;}

    .fxBox { padding:50px 0; flex-wrap:wrap;}
    .fxBox h4 { flex:0 0 100%; font-size:30px; margin-right:auto; margin-bottom:40px;}
    .fxBox p { flex:0 0 100%; font-size:18px; margin-top:auto; }
    .fxBox p span { display: inline;}

    .fxBox2 h4 { margin-right:auto;}

    .fxBoxEight { display: flex; justify-content: space-between; flex-wrap: wrap;}


    .chkListDiv2 ul { flex-wrap:wrap;}
    .chkListDiv2 ul li { margin-bottom:20px;}

    .memberTopTab {
        height:auto;
        display: flex;
        background: none;
        border-radius:5px;
        flex-wrap:wrap;
    }

    .memberTopTab li a { 
        background:#fff;
        border-radius:0 34px 34px 0;
    }
    .memberTopTab li { flex:0 0 100%; height:inherit; }
    .memberTopTab li a { position: relative; display: flex; justify-content: center; align-items: center; height:inherit; padding:15px 0;}
    .memberTopTab li a strong { font-size:14px; color:var(--sub-color); position: absolute; left:10px; top:5px; font-weight:900;}
    .memberTopTab li a em { font-size:16px; font-weight:700; color:var(--sub-color); display: block; text-align: left; font-style: normal;}


    .memberTopTab li.on a::before {  display: none !important; }
    .memberTopTab li.on a strong { left:10px; }
    .memberTopTab li:nth-child(1).on a strong { left:10px; }
    .memberTopTab li:nth-child(2).on a strong { left:10px; }
    .memberTopTab li:nth-child(3).on a strong { left:10px; }

    .btnMt1 { margin-top:50px;}


    .spRight { display: flex; justify-content: flex-start; margin-bottom:50px; width:100%; }
    .searchBox { display: flex; align-items: center; }

    .selectBox { margin-right:0; display: flex; width: 100%; }
    .selectBox select{ 
        width:80px;
        margin-right:5px;
    }
    .selectBoxN {
        border:1px solid #D9D9D9; 
        background:#fff;
    }
    .selectBoxN select{ 
        flex:0 0 auto;
        width:100%;
        margin-right:5px;        
    }
    .inputSearch { flex:1; width:100%;}
    .inputSearch input[type='text'] {
        height:50px; 
        width: calc(100vw - 125px); 
        font-size:14px; 
    }
    .boardListTable.pc { display: none;}
    .table_layout.mo { padding-left:0; display: block; border-top:1px solid #d2d2d2}
    .table_layout.mo li { border-bottom:1px solid #d2d2d2; padding:15px 0; }
    .table_layout.mo li:nth-child(1) { border-top:none; }
    
    .table_layout.mo li .notice { display: inline-flex; padding:2px 5px; border-radius: 5px; background:#06bfea; color:#fff; font-size:12px; margin-bottom:8px;}
    
    .table_layout.mo li .f_cs { display: flex; align-items: center;}
    .table_layout.mo li .attach { display: flex; align-items: center; justify-content: flex-end;}
    .table_layout.mo li .attach a { border-radius:30px; background:#fff; padding:10px; display: inline-flex; }
    .table_layout.mo li .attach img { width:10px;}
    
    .table_layout.mo li .line1 { padding:0 0 3px;}
    .table_layout.mo .view,
    .table_layout.mo .date {
       font-size: 14px;
       font-weight: normal;
       color: #757575;
       position: relative;
    }
    .table_layout.mo .date { padding-left:10px; margin-left:11px;}
    .table_layout.mo .date::before { background:#d2d2d2; height:12px; content:"";display:block; width:1px; position: absolute; left:0; top:5px;}

    .table_layout.mo .subject,
    .table_layout.mo .subject a {
       font-size: 16px;
       font-weight: 500;
       color: #000;
    }

    .boardViewHeader { 
        border-top:1px solid #3e3e3e; 
        background:#f0f0f0;
        display: block;
        padding:15px 30px;
        
    }
    .boardViewHeader h2 { font-size:20px; text-align: center;}
    .boardViewHeader ul { display: flex; margin:0; padding:0; align-items: center; justify-content: center;}
    .boardViewHeader ul li:nth-child(1) { margin-left:0; padding-left:0; }
    .boardViewHeader ul li { margin-left:11px; padding-left:12px; font-size:14px; color:#6e6e6e;}
    .boardViewHeader ul li:nth-child(2)::before {
        top:4px; height:12px; 
        opacity: 0.3;
    }

    .prevNextArea {
        padding:10px 10px;
    }
    .nextBtnArea span i {
        margin-right:5px;
    }
    .prevBtnArea span i {
        margin-right:5px;
    }
    .prevNextArea span { 
        font-size:13px; 
        flex:0 0 80px;
    }
    .prevNextArea a { font-size:13px; }
    .prevNextArea em { right:20px; font-size:13px; opacity: 0.5; display: none;}
    

    .spTopHeader { display: block; }
    .spLeft { padding-bottom:10px;}
    .spLeft ul { display: flex; justify-content: center; padding-left:0;}
    .spLeft ul li { position: relative; padding-right:0; padding:0 15px; }
    .spLeft ul li a { font-size:16px; padding-bottom:7px; }
    .spLeft ul li a.on { border-bottom:3px solid #06bfea; }
    .spLeft ul li:nth-child(2) { padding:0 15px;  }
    .spLeft ul li:nth-child(2)::after {
        content:"";display:block;
        display: block;
        height:19px; width:1px;
        background:#000;
        position: absolute;
        left:0; top:2px;
    }


    .faqThum h3 { display: flex; padding:12px 10px 10px; }
    .faqThum h3 em { font-size:13px; font-weight:800; line-height:1.6; padding-top:10px; flex:0 0 30px}
    .faqThum h3 p { font-size:13px; font-weight:700; line-height:1.6; padding-right:50px; padding-top:10px;}
    .faqThum h3 i {
        right:10px; 
        width:15px; height:15px;
    }
    .faqThum h3.on i {
        color:#fff;
    }
    .faqThum article { padding:12px 10px 10px; }
    .faqThum article em { font-size:13px; font-weight:800;  line-height:1.6; padding-top:10px; flex:0 0 30px; }
    .faqThum article p { font-size:13px; font-weight:500;  line-height:1.6; padding-right:0; padding-top:10px; }



    .confeOutline .coContext .cocTitle { background:#f7f7f7; width:90%; padding:20px 0; margin-top:-40px;}
    .confeOutline .coContext .cocTitle span { font-size:24px; }
    .confeOutline .coContext .cocDiv { flex-wrap: wrap;}
    .confeOutline .coContext .cocDiv div { flex:0 0 100%; width: 100%; }
    .confeOutline .coContext .cocDiv div p { 
        font-size:16px;
    }

    .conBoxWrap { margin-top:20px; }
    .conferHeader { display: flex; background:#fff; padding:25px 40px; flex-wrap:wrap;}
    .conferHeader div { flex:0 0 100%; width:100%; }
    .conferHeader div article { display: flex; margin:0 0; }
    .conferHeader div article label  { 
        font-size:16px; 
        width:80px; 
        display: block;
        line-height:1.7;
        margin:3px 0;
    }
    .conferHeader div article span  { 
        display: block;
        font-size:16px; 
        position: relative; 
        line-height:1.7;
        margin:3px 0;
    }
    .conferHeader > div:nth-child(2) { padding-left:0;}
    .conferHeader > div:nth-child(2)::before { 
        display: none;
    }

    .bbRight2 { margin-top:0;}
    a.subBtnCom {

		width: 120px;
		height: 40px;
		font-size: 14px;
    }

    .priceDivBox { display: flex; justify-content: space-between; padding:30px 0 0; flex-wrap:wrap;}
    .priceDivBox article { 
        margin-bottom:10px; 
        flex:0 0 49%; 
        padding:35px 26px; 
        height:250px;
    }
    .priceDivBox article a {
        position: absolute;
        margin:0 26px;
        left:0;
        bottom:40px;
        width:calc(100% - 52px);
        display: flex;
        justify-content: center;
        align-items: center;
        background:#fff;
        font-size:16px; font-weight:900;
        color:#06bfea;
        opacity: 0;
        z-index:-1;
        height:50px; 
        border-radius:5px;

    }
    .priceDivBox article h3 { font-size:20px; padding-bottom:20px; }
    .priceDivBox article > span { font-size:16px; padding:15px 0 0; }
    .priceDivBox article div { 
        right:20px; bottom:30px; 

    }
    .priceDivBox article div > span { padding-bottom:5px; font-size:13px; }
    .priceDivBox article div strong em { font-size:24px; }
    .priceDivBox article div strong span { font-size:16px; }




    .agreeCheck { display:flex; flex-wrap:wrap;}
    .agreeCheck > div { margin-top:10px; }
    .agreeCheck > div:nth-child(1) { margin-top:0; }

    .benefitThum { 
        justify-content: space-between;
        flex:0 0 48%;
        margin-left:auto;
        margin-bottom:18px;
    }
    
    .benefitWrap article:nth-child(1),
    .benefitWrap article:nth-child(4) { margin-left:auto;}
    
    .beneNum {
        left: 10px; top:10px;
        border-radius:25px;
        width:34px;
        height:60px;
    }
     .beneNum i {
        font-size:14px;
     }
     .beneContext {
        padding:70px 0 50px;
     }
     .beneContext h4 { font-size:20px; margin:35px 0 10px;}
     .beneContext p { font-size:14px; }

     .processWrap { flex-wrap:wrap;}
     .processThum { 
        flex:0 0 100%;
        padding:50px 0 50px;
        position: relative;
        text-align: center;
        flex-wrap:wrap;
        margin-bottom:10px;
    }
    .processThum::before{
        content: "";
        display: block;
        position: absolute;
        left:0; top:0;
        background: linear-gradient(300deg, rgba(255,255,255,0) 0%, #fff 100%);
        width:100%;
        height:100%;
    }
    .processWrap::before { 
        display: none;
    }
    .processThum > div { 
        position: relative; z-index: 1000;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    
    .processNum i {
        font-size:20px;
        font-weight:800;
     }
    
    .processContext h4 {
        font-size:24px; margin:10px 0 15px;
        font-weight:700;
    }
    .processContext p {
        font-size:18px;
        color:var(--sub-color);
        line-height:1.5;
        min-height:auto;
        padding-bottom:0;
        margin-bottom:0;
    }
    .processContext i {
        width:27px; height:1px; 
        background-color: var(--sub-color);
        display: block;
        margin: 0 auto;
        margin-top:20px;
    }
       
    .pcThum1::after,
    .pcThum2::after,
    .pcThum3::after,
    .pcThum4::after {
        left: 50%; bottom: 0;
        top:auto; right:auto;
        transform: rotate(90deg);
        margin-left:-16px;
        display: none;
    }

    .formBase { margin-top:60px;}
    .formBase h2 { 
        font-size:30px;  
        margin-bottom:20px;
    }
    .myWhiteBox { margin-bottom:40px;}
    .fxb { display: block; margin-bottom:0; width: 100%; flex-wrap:wrap}
    .fxb_m { display: flex; flex-wrap: nowrap;}
    .fxb_m > div { padding-left:0; margin-left:0; margin-bottom:0 !important; }
    .w_col_5 > div { flex:0 0 calc(100%); margin-right:0; margin-left:0; margin-bottom:20px;}
	.w_col_4 > div { flex:0 0 calc(100%); margin-right:0; margin-left:0; margin-bottom:20px;}
    .w_col_3 > div { flex:0 0 calc(100%); margin-left:0; margin-right:0; margin-bottom:20px;}
    .w_col_2 > div { flex:0 0 calc(100%); margin-right:0; margin-bottom:20px; margin-left:0; height:auto;}
	.w_col_1_1 > div { flex:0 0 calc(100%); margin-left:0; margin-right:0; margin-bottom:20px; }
    .fxb_m > div { flex:0 0 50%; }

    .w_col_2.spaceBetween > div:nth-child(1) { 
        flex:0 0 calc(100%); 
        margin-left:0; margin-right:0;
     }
    .w_col_2.spaceBetween > div:nth-child(2) { 
        flex:0 0 calc(100%);  
        margin-left:0; margin-right:0;
    }
    .addrTop { margin-top:0;}
    .w_col_2.addrTop > div { height:auto;}
    .w_col_2.addrTop > div:nth-child(2) { margin-top:-15px;}
    .w_col_2.addrTop > div:nth-child(2) label { display: none;}

    .receptionArea div { 
        display: block;
        padding:20px 20px 10px;
    }
    .receptionArea div p {
        font-size:14px; line-height:1.4;
        padding-top:5px; padding-right:5px;
        margin-bottom:20px;
    }
    .receptionArea div ul { display: flex; align-items: center; justify-content: flex-end;}
    .receptionArea div ul li { margin-left:20px;}
    .receptionArea div ul li strong { margin-left:10px; font-size:14px;}
    
    .fxHe1 { height:auto; }
    .chkListDiv2 ul li.four { flex:0 0 100%; width:100%; margin-top:-10px }

    .myComInfoList {
        height:auto;
        flex-wrap:wrap;

    }
    .myComInfoList li { flex:0 0 50%;  }
    .myComInfoList li a { padding:15px 0; font-size:14px;}
    .myNbox > div .titleLabel { margin:0 10px 0 0; flex:0 0 105px;}

    .profileDiv {
        padding:30px 25px 25px;
     }
     .profileDiv div {
        padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #cecece; 
        display: flex; align-items: center; 
    }
     .profileDiv div strong { font-size:24px; font-weight:800; margin-right:6px; color:#1e1e1e;}
     .profileDiv div em { font-size:18px; font-weight:700; color:#9E9E9E; font-style: normal;}
     .profileDiv ul { padding-left:0; margin-left:0; }
     .profileDiv ul li { font-size:16px; color:#3e3e3e; margin-top:10px; line-height: 1;}
     .profileDiv ul li:nth-child(1) { margin-top:0; }




    .fsbDiv { display: flex; margin-bottom:5px; }
    .btnx { height:50px; border:1px solid var(--sub-color); background:var(--sub-color); width:125px; margin-left:5px; color:#fff; border-radius:3px;}
    .btnb { height:50px; border:1px solid var(--sub-color); background:transparent; width:100%; color:var(--sub-color); border-radius:3px;}
    a.btnClose { display: flex; align-items: center; margin-top:10px;}
    a.btnClose i { 
        width:14px; height:14px;
        display: block;
        background:url(../imgs/sub/x_del.svg) no-repeat center / 100%;
    }
    a.btnClose span { font-size:14px; color:var(--sub-color); font-weight:400; margin-left:4px; }
    
    .inpx { 
        border:1px solid #d9d9d9; height:50px; padding:0 15px; font-size:16px; color:var(--title-color); 
        background:var(--white-color);
    }
    ::placeholder { color:#cecece; }
    .w100per { width:100%; }
    
    .subBtnBottomRight { position: relative; z-index: 10; display: flex; justify-content: center; }
    .subBtnBottomRight a { margin-left:2.5px; margin-right:2.5px;}

    
    .thumList { 
        padding:30px 0; 
        flex-wrap: wrap;
    }

    .thumConLeft { 
        flex:0 0 100%; 
        padding:30px 30px 20px; 
    }

    .thumConLeft h4 { display: flex; align-items: center; }
    .thumConLeft h4 strong { font-size:28px; }
    .thumConLeft h4 em { 
        font-size:14px; padding:4px 7px;
    }

    .thumConLeft ul { padding:10px 0 0;}
    .thumConLeft ul li {
        font-size:14px; 
        margin:4px 0 4px 10px;
        padding-left:10px;
    }
    .thumConLeft ul li::before{
        content: "";
        display: block;
        width:4px; height: 4px;
        border-radius:2px;
        position: absolute;
        left:0; top: 8px;
    }

    .thumConLeft .joinPriceArea { 
        display: flex; align-items: flex-end; 
        padding:10px 0;
        text-align: left;
        justify-content: flex-start;
    }
    .thumConLeft .joinPriceArea strong { 
        font-size:26px; 
        margin-right:2px;
    }
    .thumConLeft .joinPriceArea span { 
        font-size:14px; 
        padding-bottom:3px;
    }

    .thumConRight { 
        justify-content: flex-start;
        flex:0 0 100%;
        margin-left:0;
        margin-top:25px;
    }
    .thumInsArea { width:100%;}
    .thumInsArea > li { display: flex; align-items: center; margin-top:10px; }
    .thumInsArea > li > label { font-size:16px; font-weight:600; flex:0 0 150px;}
    .thumInsArea > li > div { display: flex; align-items: center;}
    .thumInsArea > li > div span { padding-left:10px; font-weight:700;}

    .thumInsArea > li.another { align-items: flex-start; margin-top:20px; }
    .thumInsArea > li.another > label { padding-top:0px;}

    .chkList h3 { font-size:24px; font-weight:900; }
    .formChkList { padding:30px 0 0; }
    .formChkList._First { padding-top:10px;}
    .formChkList h4 { font-size:20px; font-weight:800; padding-bottom:10px; }

    .chkListDiv { display: flex; align-items: center; flex-wrap:wrap;}
    .chkListDiv h5 { flex:0 0 100%; font-size:16px; font-weight:300; }
    .chkListDiv ul { padding:10px 0 0; display: flex; flex:1; flex-wrap:wrap; }
    .chkListDiv ul li { margin-bottom:20px;}
    .chkListDiv ul li .checkingArea2 strong { font-size:16px !important; font-weight:400; margin-left:10px;}
    .chkListDiv ul li:nth-child(1) { flex:0 0 50%;}
    .chkListDiv ul li:nth-child(2) { flex:0 0 50%;}
    .chkListDiv ul li:nth-child(3) { flex:0 0 50%;}
    .chkListDiv ul li:nth-child(4) { flex:0 0 50%;}


    .baseWidth2 { width:100%; padding:0 0;}
    .mypContainer { padding:100px 20px 100px 15px !important;}
    .pcTitle { display: none !important;}

    .btnMypQuick { display: block; top:0;}
    .sv5::before { background:none; }
    .mypageMobTitle { display: block; width:100%;}
    .mypageMobTitle h2 { font-size:36px !important; font-weight:800; color:#1e1e1e; text-align: center; padding:60px 0 25px;}
    .mypageWrap {
        margin-top:0;
        display: flex;
        flex-wrap:wrap;
        justify-content: space-between;
        align-items: flex-start;
     }
     .myNav {
        flex:0 0 100%;
        display: none;
     }
     .myNav.on {
        display:block;
     }
     .myNav article:nth-child(1) { flex:1; }
     .myNav article:nth-child(2) { margin-left:0;}
     .myNavTop { 
        border-radius:0; border-top:none; background:#f7f7f7;
        padding:35px 20px 10px;
        display: block; 
     }
     .myNavTop > li { 
        width:auto;
        padding-bottom:20px;
        padding-top:20px;
        box-sizing: border-box;
     }
     .myNavTop > li:nth-child(1) { flex:0 0 auto;}
     .myNavTop > li:nth-child(2) { flex:0 0 auto; border-top:1px solid #e2e2e2}
     .myNavTop > li:nth-child(3) { flex:0 0 auto; border-top:1px solid #e2e2e2}
     .myNav article { margin-bottom:0; }
 

     .myNavBottom { 
        background:#f7f7f7;
        padding:25px 20px 0 20px;
        border-top:10px solid #eeeeee;
     }
     .myNavBottom > li {
        margin-top:20px;
        padding-top:20px;
     }



     .myConHeader { padding:25px 20px 23px; display: flex; align-items: center;}
     .myd_img {
        position:relative;
        left:0; top:0;
        margin-right:15px;
    }
    .myd_spacebetween { display: block;}
    .myd_txt {
        height:auto; 
        padding-left:0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content:flex-start;
        padding-top:7px;
    }
    .myd_txt span em { display: none; }
    .myd_txt span { display: inline; font-size:16px; margin:3px 0; line-height: 1; margin-right:5px;}
        
    .myd_day { padding-left:0; border-left:none; display: flex; align-items: center; margin-top:2px;}
    .myd_day strong { font-size:24px; margin-right:6px;}


    .myConNotice { 
        padding:25px 20px;
    }
    .myConNotice i { margin-right:10px; }
    .myConNotice a { font-size:16px; }
    
    .myContent { padding:30px 0 0;}
    .myContent h3 { font-size:24px; margin-left:0; padding:0 20px;}
    
    .myTableWrap { padding:10px 0 0 20px; margin-left:0;}
    .myTableWrap h4 { font-size:20px; margin-bottom:15px;}
    .myTable { width: 100%;}
    .myTable thead th { 
        font-size:14px; padding:11px 0; 
    }
    .myTable tbody td { 
        font-size:14px; padding:10px 0; 
    }

    
    .mycList { display: flex; justify-content: flex-start; padding-top:10px; flex-wrap:wrap;}
    .mycList section {
        flex:0 0 calc(100%);
        padding-left:0;
    }
    .mycList section:nth-child(1) { padding-left:0;}
    .mycList section:nth-child(4) { padding-left:0;}
    .mycList article {
        padding:20px 20px 20px;
        flex-direction: column;
        height:auto;
        width:auto;
    }
    .mycList article em {
        padding:0 0 0;
    }
    .mycList article h4 {
        margin-top:15px;
        padding-top:16px;
        padding:20px 0 0 !important;
    }


    .overflowMyp { overflow: hidden; overflow-x: scroll; }
    .mypageTable {  width:1000px !important; }



    .title_h3_b { display: flex; align-items: center; padding:5px 0 10px; flex-wrap: wrap; }
    .title_h3_b em { font-size:18px; flex:0 0 100%;}
    .title_h3_b strong { font-size:18px; line-height: 1.6; flex:0 0 100%; margin-top:8px;}

    .confe_header { 
        display: none;
    }

    .confe_con { 
        flex-wrap:wrap;
        border-bottom:none;
        margin-bottom:20px;
    }
    .confe_con li {
        font-size:14px; 
        justify-content: flex-start;
        padding:20px 0;
    }
    .confe_con li:nth-child(1) { flex:0 0 100%; padding:10px 0; border-top:1px solid #dcdcdc;}
    .confe_con li:nth-child(2) { flex:0 0 100%;  justify-content: flex-start; padding-left:0; padding:0 0 10px;} 
    .confe_con li:nth-child(3) { flex:0 0 100%; padding:0 0 15px;}

    .confe_con li div.conTy { flex-wrap:wrap; display: flex; width: 100%;}
    .confe_con li div.conTy strong { 
        display: inline-flex;
        border-radius:15px; 
        border:1px solid #06bfea;
        color:#06bfea;
        font-size:14px;
        margin-right:10px;
        justify-content: center;
        align-items: center;
        width:40px;
        height:20px;
        margin-bottom:5px;
    }
    .confe_con li div.conTy span { 
        font-size:16px; font-weight:700;
        display: flex;
        flex:0 0 100%;
    }

    .confe_con li div.conInfo { 
        display: flex; position: relative; 
        width:100%;
        align-items: center;
    }
    .confe_con li div.conInfo strong { 
        font-size:16px;
        margin-right:10px;
    }
    .confe_con li div.conInfo span { 
        font-size:16px;
    }
    .confe_con li div.conInfo a { 
        width:auto; height:auto;
        font-size:14px; font-weight:600;
        padding:5px 20px;
        position: absolute;
        right:0;
        top:auto;
        bottom:-5px;
        transform: translateY(0);
        
    }


    .confe_con_empty li { font-size:14px; }
    .confe_con_empty li:nth-child(1) { flex:0 0 100%; text-align: center; justify-content: center;}
    .confe_con_empty li:nth-child(2) { flex:0 0 100%;  }
    .breakTime { font-size:14px; font-weight:400; padding-right:0; }

    .lpb {
        width:100%; height:calc(100vh);
        position: relative;
        background:#fff;
        overflow-y: auto;
        padding-bottom:20px;
    }
    .lpb_title {
        font-size:20px; height:auto; 
        padding:20px 60px 20px 30px;
        background:#000; 
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-weight:800;
        line-height:1.5;
    }
    .lpb_header {
        padding:30px ; 
        display: flex;
        justify-content: space-between;
        flex-wrap:wrap;
    }
    
    .btnLayerClose {
        position: absolute;
        right:20px; top:20px;
        width:30px; height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .btnLayerClose i { width:30px; height:30px; display: block; }
    .btnLayerClose i img { width:100%;}
    .lpb_Left {
        flex:0 0 100%;
        order:2;
    }
    .lpb_Left h3 { display: flex; align-items: center; padding-bottom:22px; border-bottom:1px solid #cecece;}
    .lpb_Left h3 strong { font-size:24px; font-weight:700; color:#06bfea; margin-right:10px;}
    .lpb_Left h3 span { font-size:14px; color:#6e6e6e; font-weight:400;}
    .lpb_Left h4 { padding:25px 0 8px; font-weight:700; font-size:18px;}
    .lpb_Left ul { padding:0;}
    .lpb_Left ul li {
        font-size:14px; 
    }

    .lpb_Left ul li::before{
        left:0; top: 9px;
     }

     .lpb_Right { order:1; margin-bottom:30px;}
     .lpb_con { padding:0 30px 0 30px; }
     .lpb_con h3 { font-size:18px; font-weight:700; }
     .lpb_con p { font-size:15px; line-height:1.7; padding:10px 0 0; word-break: keep-all;}

     .bdTop1 { padding-top:20px;}
    .ticketList { padding:0;}
    .ticketList li { 
        flex-wrap:wrap;
        padding:20px 20px 20px 20px;
        height:auto;

    }

    .tic_check input[type="checkbox"] + i { 
        width:35px; height:35px;
        background-size:100%;
    }
    .tic_check input[type="checkbox"]:checked + i { 
        width:35px; height:35px;
        background-size:100%;
    }

    .ticketList li .tic_title { 
        padding-left:10px; display: flex; align-items: center; 
        font-size:26px; font-weight:700;
        flex:0 0 calc(100% - 50px);
    }
    .ticketList li .tic_con { 
        padding-left:0; 
        font-size:20px;
        flex:0 0 100%;
        padding:25px 0 0;
        font-size:15px;
         display: flex;
        justify-content: flex-end;

    }
    .ticketList li .tic_con::before { 
        display: none;;
    }

    .ticketList li .tic_price { 
        position: relative; right:auto; top:auto; transform:translateY(0); 
        display: flex; justify-content: flex-end; text-align: right;
        width:100%; 
    }
    .ticketList li .tic_price em { font-size:14px; }
    .ticketList li .tic_price strong { font-size:24px; margin-right:6px; margin-left:10px;}
    .ticketList li .tic_price span { font-size:16px; }

    .formBaseInner {
        margin:60px 0;
    }
    .title_h3_a { font-size:24px; font-weight:800; padding-bottom:15px; }

    .payResultTop { border-top:1px solid #c0c0c0;}
    .payPriceArea { padding:25px 30px; flex-wrap:wrap;}
    .payPriceArea > label { font-size:16px; flex:0 0 100%; margin-bottom:20px; }

    .payPriceWon { display: flex; align-items: flex-end; flex-wrap:wrap; width:100%;}
    .payPriceWon strong { font-size:30px; margin-right:0; margin-bottom:8px; flex:0 0 100%; text-align: right;}
    .payPriceWon span { font-size:16px; flex:0 0 100%; text-align: right;}

    .payResultBottom {  background:#fff;}
    .payPriceType { display: flex; align-items: center; margin:0; padding:0; flex-wrap:wrap;}
    .payPriceType li { display: flex; align-items: center; margin-left: 0; margin-top:15px; flex:0 0 100%;}
    .payPriceType li:nth-child(1) { margin-left: 0; margin-top:0;}

    .payPriceType li label strong { font-size:16px !important; font-weight:600 !important; }

    .payHelp { padding:20px 20px 20px 10px; margin-top:20px;}
    .payHelp li {
        font-size:14px; 
        margin:3px 0 3px 10px;
        padding-left:10px;
    }
    .payHelp li::before{
        top: 9px;
    }

    .btnPosCenter { bottom:100px;}
    .btnPosCenter .button-group { text-align: center; display: flex;}
    .btnPosCenter .button-group button { margin:0 5px 10px; }
    .btnPosCenter .button-group button:nth-child(1) { background:transparent !important}


    .cfnTop p em { 
        padding:10px 35px;
        font-size:22px;
     }
     .cfnLine { display: none;}

    .cfnList {margin-top:30px;  flex-wrap: wrap;}
    .cfnList article { 
        flex:0 0 100%;
        height:auto;
        padding:50px 0;
        margin-top:10px;
    }



}

@media (max-width:768px){

    .fxBox { padding:30px 0;}
    .fxBox h4 { flex:0 0 100%; font-size:22px; margin-right:auto}
    .fxBox p { flex:0 0 100%; font-size:16px; margin-top:auto; }

    .aboutBoxBottom { margin-top:-50px; padding:70px 0 50px ;}

    .aboutEtc { display: flex; justify-content: center; padding-top:25px; padding-bottom:25px; flex-wrap:wrap;}
    .aboutEtc article { flex:0 0 100%; height: 350px; margin-bottom:20px;}
    .aboutEtc article h3 {  font-size:20px; }
    .aboutEtc article h4 {  font-size:16px; }
    .aboutEtc article p {  font-size:14px; }

    .fxBoxEight article { flex:0 0 49%; padding:20px 0 20px;}
    .fxBoxEight article h5 {  font-size:14px; }
    .fxBoxEight article p {  font-size:16px; padding:15px 5px 0; }
    .fxBoxEight article p span { display: inline; }

    .fxBoxThree { display: flex; justify-content: center; padding-top:0; padding-bottom:50px; flex-wrap:wrap;}
    .fxBoxThree article { flex:0 0 100%; }
    .fxBoxThree article div { align-items: center; height:auto; text-align: center; justify-content: center;}
    .fxBoxThree article div img { width:80%;}
    .fxBoxThree article p {  font-size:16px; padding:20px 0 30px; }
    .fxBoxThree article p span { display: inline; }

    .aboutBox3 { padding:40px 0 100px; }

    .conferSesseion { 
        margin-top:-17px;
    }
    .conferSesseion section {
        padding:30px 30px 50px;
    } 
    .conferImg { padding-right:20px; }
    
    .conferCon h2 strong { 
        font-size:15px; 
        margin-right:10px;
    }
    .conferCon h2 span {
        font-size:18px; 
        line-height:1.6;
    }
    .conferCon ul { padding:4px 0 0 0;}
    .conferCon ul li {
        font-size:16px; 
        margin:3px 0 3px 8px;
        padding-left:12px;
     }
     .conferCon ul li::before{
        width:3px; height: 3px;
        top: 9px;
     }

     .bbRight {
        position: absolute;
        display: flex;
        justify-content: flex-end;
        right:15px;
        top:auto;
        bottom:15px;
        transform: translateY(0);
        margin-top:10px;
     }
     .btnCircleBase {
        font-size:16px;
        width:auto; height:auto;
        border-radius:5px;
        padding:10px 30px;
        
     }


    .findWrap {
        width:100%; height:auto;
        padding:0 30px;
     }
     .findBox {
        padding:75px 30px;
        border:1px solid #06bfea;
        margin-top:-17px;
    }

    .fsbWrap {
        flex-wrap:wrap;
    }
    .fsbWrap .selectBox2 { flex:0 0 100px;}
    .fsbWrap .phoneAuto { flex:0 0 calc(100% - 105px) }
    .fsbWrap .fxWrapBtn { flex:0 0 100%; margin-top:5px; margin-left:0;}


    .sessionNav li { flex:0 0 50%; }
    .sessionNav li:nth-child(2) { margin-left:-5px; flex:0 0 calc(50% + 5px) }
    .sessionNav li a { 
        display: flex; height:50px; width:100%;
        padding-right:10px;
        padding-bottom:12px;
        padding-top:10px;
        font-size:18px;
        background:#fff;
        border:1px solid #cecece;
        border-radius:10px 10px 0 0;

    }
    .sessionNav li.on a { 
        color:#06bfea;
        z-index: 100; 
        border:1px solid #06bfea;
        background:#fff;
        border-bottom: none;
    }
    .sessionNav li.on a::after {
        display: none;
    }

    .sessionNav li:nth-child(2).on a::after {
        display: none;
    }

    .attendArea { margin-top:40px; }
    .conferHeader { margin-bottom:50px; }
    .conferHeader article { flex:0 0 100%;  flex-wrap: wrap; margin-bottom:20px;}    
    .conferHeader article label  { 
        font-size:20px; 
        width:100%;  height:auto;
        letter-spacing: 5px;
    }
    .conferHeader article span  { 
        font-size:24px; 
        padding-left:0;  
        height:auto;
        margin-top:0;
    }
    .conferHeader article span::before { display: none; }

    .commTitle_h2 { margin-bottom:30px !important; }
    .loginBox {
        padding:75px 30px;
        box-sizing: border-box;
        width:auto; height:auto;
    }
    .loginBox article h2 { font-size:22px !important; }
    .loginBox article p { font-size:12px; }
    .loginBox article p { padding:5px 0 10px; }

    .thumConSq .tcsLeft { text-align: left; flex:0 0 100%;}
    .thumConSq .tcsLeft h3 { font-size:26px; font-weight:800;}
    .thumConSq .thumInsArea { flex:0 0 100%; padding-left:0; }
    .thumConSq .tcsLeft .joinPriceArea { padding-top:0; }

    .thumTotal {
        padding:20px 20px;
        justify-content: flex-start;
    }
    .thumTotal > div { 
        flex:0 0 100%;
        padding-left:0;
        padding-right:0;
        flex-wrap:wrap;
    }
    .thumTotal > div label { font-size:16px; font-weight:600; flex:0 0 auto;}
    .thumTotal > div div strong { font-size:24px; font-weight:900; }
    .thumTotal > div div span { font-size:16px; font-weight:700; padding-left:3px; }

    .thumResultPrice {
        display: flex; padding:15px 20px;
        justify-content: flex-end;
    }
    .thumResultPrice > div { 
        flex:0 0 100%;
        padding-left:0;
        padding-right:0;
        flex-wrap:wrap;
    }
    .thumResultPrice > div label { font-size:16px; font-weight:600; flex:0 0 auto; color:#fff;}
    .thumResultPrice > div div strong { font-size:30px; font-weight:900; color:#fff; }
    .thumResultPrice > div div span { font-size:16px; font-weight:700; padding-left:3px; color:#fff; }


    .hanabank {
        height:auto;
        display: flex;
        flex-wrap:wrap;
        justify-content: space-between;
        padding:20px 30px 10px 20px;
        width:100%;
    }

    .hanabank > div:nth-of-type(1) { margin-bottom:100px;}
    .hanabank > div:nth-of-type(1) i {
        display: block;
        width:200px; height:70px;
    }
    .hanabank > div:nth-of-type(1) strong {
        left:78px; top:53px; font-size:18px;
    }
    
    .hanabank > div:nth-of-type(2) { 
        width:100%; padding-top:50px;
    }
    .hanabank > div:nth-of-type(2) i {
        display: block;
        width:150px; height:40px;
        float: right;
    }
    .hanabank > div:nth-of-type(2) p strong {
        font-size:22px;
    }
    .hanabank > div:nth-of-type(2) p span {
        font-size:16px;
    }


    .thumApp {
        padding:30px 30px 10px;
        margin-bottom:30px;
        flex-wrap:wrap;
    }
    .thumApp h4 { 
        padding-top:0; 
        margin-bottom:20px; 
        width:100%;
    }
    .rightBtnArea {
        width:100%;
        flex-wrap:wrap;
        justify-content: center;
    }
    .rightBtnArea a { margin-bottom:5px; }

	.boardWriteCon article { flex-wrap:wrap;}
	.boardWriteCon article label { flex:0 0 100%; text-align: left; padding-top:5px; font-size:16px; font-weight:600; padding-bottom:5px; }
	.boardWriteCon article div { flex: 0 0 100%; }
	 .textaCon1 { height:300px !important; padding-top:10px !important; padding-bottom:10px !important;   }

}

@media (max-width:640px){
    .conferSesseion section {
        flex-wrap:wrap;
    } 
    .conferImg { padding-right:0; flex:0 0 100%; }
    
    .conferCon h2 {  flex:0 0 100%;margin:20px 0 10px; align-items: center;}
    .conferCon ul { padding:4px 0 0 0; flex:0 0 100%;}

    .bbRight {
        position: relative;
        display: flex;
        justify-content: flex-end;
        right:auto;
        left:0;
        top:auto;
        bottom:auto;
        transform: translateY(0);
        margin-top:10px;
        width:100%;
        flex:0 0 100%;
     }
     .btnCircleBase {
        font-size:16px;
        width:100%; height:auto;
        border-radius:5px;
        padding:10px 30px;
        
     }

     .bdBtnArea a.bt_product_consult { width:110px; }

     .pdvList li strong { 
        flex:0 0 60%;
        font-size:14px;
        padding-left:10px;
    }
    .pdvList li span { 
        font-size:14px;
        padding-left:10px;
        min-height:45px;
    }

}


@media (max-width:580px){
 
    .spCenter { 
        display: flex; 
        justify-content: center; 
        flex-wrap:wrap;
        padding:10px 0;
        height:auto;
        width:100%;
        margin-bottom:10px;
    }

    .proTopSearch {
        flex-wrap:wrap;
        width:100%;
        padding:10px 0 15px;
    }
    .ptLeft { 
        padding-left:0;
        display: flex; justify-content: flex-start;
        width:100%;
        padding-right:10px;
    }
    .ptLeft .dpSelect { flex:1;}
    
    
    .ptRight {
        display: flex; 
        justify-content: space-between;
        align-items: center;
        height:auto;
        margin-top:10px;
        text-align: center;
        width:100%;
        padding-left:10px;
        padding-right:10px;

    }
    .ptRight > div { margin-left:0;}
    
    .dpSelect { height:30px;}
    .dpSelect .sel { font-size:14px; }

    a.b_details  {
        display: inline-flex;
        align-items: center;
        width:auto; 
        margin-right:10px;
    }
    a.b_details strong { font-size:14px; }


    a.b_favorite  {
        height:30px;
        padding:0 10px;
        margin:0 0;
        flex:0 0 calc(49%);
    }
    a.b_favorite i { margin-right:5px; }
    a.b_favorite strong { font-size:12px; }
    
    a.b_display  {
        height:30px;
        padding:0 10px;
        margin:0 0;
        flex:0 0 calc(49%);
    }




    .checkingArea4 input[type="checkbox"]:checked + i::after { 
        width:14px; height:14px; 
        border-radius:5px;
    }
    .checkingArea4 label strong { font-weight:700; font-size:14px;}

   


    .subContainer {
        padding:150px 0 100px;
     }

     .subBtn {
        width: 140px;
        height: 42px;
      }
      .formBase { margin-top:30px;}
      .attendTopTab { flex-wrap:wrap;}
      .attendTopTab li { flex:0 0 50%; height:inherit; }
      .attendTopTab li a { padding:10px 10px;}
      .attendTopTab li a strong { font-size:10px;  left:10px; top:5px; }
      .attendTopTab li a em { font-size:14px; line-height:1.3;}
      .attendTopTab li a em span { display:block;}

      .chkList h3 { font-size:24px; font-weight:900; }
      .formChkList { padding:30px 0 0; border-bottom:1px solid #c9c9c9}
      .formChkList._First { padding-top:10px;}
      .formChkList h4 { font-size:20px; font-weight:800; padding-bottom:10px; }
  
      .chkListDiv { display: flex; align-items: center; flex-wrap:wrap;}
      .chkListDiv h5 { flex:0 0 100%; font-size:16px; font-weight:300; }
      .chkListDiv ul { padding:10px 0 0; display: flex; flex:1; flex-wrap:wrap; }
      .chkListDiv ul li { margin-bottom:20px;}
      .chkListDiv ul li .checkingArea2 strong { font-size:16px !important; font-weight:400; margin-left:10px;}
      .chkListDiv ul li:nth-child(1) { flex:0 0 100%;}
      .chkListDiv ul li:nth-child(2) { flex:0 0 100%;}
      .chkListDiv ul li:nth-child(3) { flex:0 0 100%;}
      .chkListDiv ul li:nth-child(4) { flex:0 0 100%;}

      .imgFxb { flex-wrap:wrap; }
      .imgFxb .imgLoadList { flex:0 0 100%; margin-top:25px; padding-left:0; display: flex; flex-wrap: wrap; }
      .imgFxb .imgLoadList li { margin-bottom:25px;}
    
      .thumConLeft h4 { flex-wrap: wrap; }
      .thumConLeft h4 strong { flex:0 0 100%; margin-right:0; margin-bottom:10px; }
 }

@media (max-width:450px){

    .ptRight {
        display: flex;
        align-items: center;
    }
    .ptRight > div { margin-left:0; margin-right:0;}
    


    .priceDivBox { display: flex; justify-content: space-between; padding:20px 0 0; flex-wrap:wrap;}
    .priceDivBox article { 
        margin-bottom:10px; 
        flex:0 0 100%; 
        padding:25px 20px; 
        height:230px;
    }
    .priceDivBox article a {
        position: absolute;
        margin:0 20px;
        left:0;
        bottom:30px;
        width:calc(100% - 40px);
        height:50px; 

    }



    .benefitThum { 
        flex:0 0 100%;
        margin-left:0;
        margin-bottom:20px;
    }
    
    .benefitWrap article:nth-child(1),
    .benefitWrap article:nth-child(4) { margin-left:0;}

    .thumConRight { 
        justify-content: flex-start;
        flex:0 0 100%;
        margin-left:0;
        margin-top:25px;
    }
    .thumInsArea { width:100%; margin-left:0; padding-left:5%;}
    .thumInsArea > li { display: flex; align-items: center; margin-top:10px; }
    .thumInsArea > li > label { font-size:16px; font-weight:600; flex:0 0 110px;}
    .thumInsArea > li > div { display: flex; align-items: center;}
    .thumInsArea > li > div span { padding-left:10px; font-weight:700;}

    .thumEtcForm li .radioType { padding-left:32px; }
    .thumEtcForm li .radioType span { padding-left:0 !important; margin-left:0 !important;}

    .thumInsArea .inpx.w100 { width:70px !important;}
    .thumInsArea .inpx.w170 {  width:135px !important;}

    .galleryList article { flex:0 0 calc(100%); margin:0 0 20px; }
    .galleryList article a span { font-size:15px; padding:15px 0 25px; }


    .cfnList article strong em {
        font-size:14px; 
    }
    .cfnList article p span {
        font-size:20px;
    }

}

 @media (max-width:410px){

    .thumResultPrice {
        display: flex; padding:15px 20px;
        justify-content: flex-end;
    }
    .thumResultPrice > div { 
        flex:0 0 100%;
        padding-left:0;
        padding-right:0;
        flex-wrap:wrap;
        text-align: right;
    }
    .thumResultPrice > div label { 
        font-size:16px; font-weight:600; flex:0 0 100%; color:#fff;
        text-align: right;
        margin-bottom:0;
    }
    .thumResultPrice > div div { flex:0 0 100%;}
    .thumResultPrice > div div strong { font-size:30px; font-weight:900; color:#fff; }
    .thumResultPrice > div div span { font-size:16px; font-weight:700; padding-left:3px; color:#fff; }

    a.subBtnCom {
		width: 80px;
		height: 34px;
		font-size: 12px;
    }

 }

 @media (max-width:360px){
    .lpb_Left h3 { display: flex; align-items: center; padding-bottom:22px; flex-wrap:wrap;}
    .lpb_Left h3 strong { font-size:24px; margin-right:0; margin-bottom:6px; flex:0 0 100%;}
 }


 /* speaker */

 @media (max-width:1250px){
    .speWrap { width:100%; margin:0 auto;}
    .speHeader { padding-bottom:20px;}
    .speHeader em { font-size:14px; padding:7px 20px;}
    .speHeader h3 { font-size:24px; margin-top:10px;}

    .speConList { display: flex; flex-wrap:wrap; }
    .speConList .speThum { flex:0 0 calc(49% - 20px); margin:0 10px 20px; }
}
@media (max-width:1024px){
    .speConList .speThum a .speOv .speText { padding:15px 20px;}
    .speConList .speThum a .speOv .speText strong { font-size:18px; line-height:1; }
    .speConList .speThum a .speOv .speText span { font-size:13px; padding-top:4px;}

    .speConList .speThum a .speOv p { 
        font-size:18px; 
        padding:0 30px;
        transform: translate(-50%,-100px);
        word-break: keep-all;

    }
    .speConList .speThum a .speOv i { 
        width:60px; height:60px;
        font-size:13px; 
        
    }
    .pgAnother2 { padding:0 0 25px;}

}
@media (max-width:540px){
    .speConList .speThum { flex:0 0 calc(100%); margin:0 0 20px; }
}