@charset "utf-8";

.info_wrap{max-width:1920px; height:auto;  margin:0 auto;}
.info_container{width:100%; height:100%;  margin:0 auto; padding-bottom:30px;}

.info_top_bar{width:100%; height:142px; margin:0 auto;
position:relative; background-color:#fea600;}
.info_top{width:100%; height:100%; padding-top:48px; position:relative;}    
.company_title{position:absolute; left:7%; font-size:40px; font-weight:600; color:#000;}
.btnArea{position:absolute; top:50%; right:7%; transform: translate(0, -50%);}
.btnArea button{border:none; width:160px; height:50px; text-align:center;
margin-right:5px; font-size:15px; float:left; }
.white_btn{background-color:#fff; color:#000;}
.blue_btn{background-color:#0a2464; color:#fff;}
/*###### 08-12 추가 영문 넓이 조절 #####*/
/*strong.tit0_en{width:20%;}*/

/*##### intro_wrap 영역 #####*/    
.Exhibitors_wrap{width:100%; margin:38px auto 0;}
.Exhibitors_content{width:1253px; margin:0 auto;}
.introduce_cont{padding-bottom:65px; border-bottom:1px solid #ccc;}
.info_text{margin-top:37px; font-size:18px; line-height:1.5em; color:#fff;}
/*##### uniqueness_cont 영역 #####*/
.uniqueness_cont{width:100%; padding-top:45px;}
.uniqueness_cont ul{content:""; display:block; clear:both;}
.uniqueness_cont ul li{width:50%; padding-bottom:60px;  float:left;}
.uniqueness_cont ul li:nth-child(2){width:47%;}
.uniqueness_cont ul li .uni_t{font-size:22px; font-weight:600;}
.uniqueness_cont ul li p.uni_desc{margin-top:18px;}
.desc_in{font-size:18px; font-weight:300; font-family:"mice";margin-bottom: 0;}
/*####### 바이어 페이지 sns #######*/
.sns_buyer{clear:both; margin-top:66px; position:relative;}
.sns_buyer span{display:inline-block; margin-right:11px;}
.sns_buyer:after{content:""; display:block; clear:both;
position:absolute; background-color:#ccc; width:71%; height:1px;
left:364px;  bottom:0;}

/*####### 참가사 페이지 sns #######*/
.sns_area{margin-top:66px; position:relative;}
.sns_area span{display:inline-block; margin-right:11px;}
.sns_area:after{content:""; display:block; clear:both;
position:absolute; background-color:#ccc; width:71%; height:1px; 
left:364px; top:44px;}

 /*##### Exhibitors_Information_wrap 영역 #####*/ 
.Exhibitors_Information_wrap{width:100%; margin:61px auto 0; border-bottom:1px solid #ccc;}
.title_box{width:100%; height:30px; font-size:20px; font-weight:600; 
background-color:#fea600; color:#fff;
text-align:Center; line-height:30px; font-family: "mice";}

.Exhibitors_Information_wrap ul{width:100%; padding:35px 0 72px 0; overflow:hidden; /*background-color: beige;*/ 
flex-wrap:wrap; align-content;}
.Exhibitors_Information_wrap ul li{display:block; overflow:hidden; margin-bottom:30px;}
strong.tit0{width:12%; font-size:22px; font-weight:600;
/*background-color: cadetblue;*/ float:left;}
.desc0{display:block; width:75%; /*margin-left:38px;*/ font-size:18px;
 font-weight:500; font-family:"mice"; float:left;}
 .desc_line0{line-height:30px;}
 /*##### representation_content_wrap 영역 #####*/ 
.representation_content_wrap{width:100%; overflow:hidden; margin:54px auto 0;} 
.content_title{width:100%; margin:20px auto 0; overflow:hidden;}
.content_img{width:302px; height:170px; float:left;}
.content_desc{width:900px; margin-left:32px; float:left;}
.content_desc strong{font-size:30px;}
.content_tag{width:100%; overflow:hidden; margin-top:27px;}
.content_tag span{display:inline-block; padding:8px; margin-right:11px; float:left; color:#fff; background-color:#707070;}
.content_text{margin-top:16px; font-size:18px;}

.content_Details{width:100%; padding-top:52px; clear:both;}
.content_Details li{display:block; overflow:hidden; margin-bottom:40px;}

/*##### 메세지 전송 팝업창 #####*/
#popup_wrap{width:100%; height:100%; position:fixed; left:0; top:0;
background-color:rgba(0,0,0,0.2); display:none;/*숨기기*/}
.messages_popup{width:800px; height:auto; padding-bottom:20px; background-color:#ebebeb;position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}

.popup_top{width:100%; height:100px; position:relative; background-color:#0a2464;}
.popup_title{text-indent:40px; font-size:30px; font-weight:600; line-height:100px;
    position:relative;  color:#fff;}
.popup_close{width:30px; height:30px; position:absolute; right:35px; top:35px; cursor:pointer;}
.popup_content{padding:44px 50px 0 50px;}
.popup_desc{overflow:hidden; color:#000; font-size:20px;}
.p_m_text0{display:inline; float:left; width:12%;}
.p_m_text1{margin-left:15px; float:left;}
.textarea_box{height:auto!important; position:relative; margin-top:29px;}
/*#### placeholder 글씨 넣기 web-kit####*/
textarea::placeholder{color:#9d9696; font-size:20px;}
textarea::-webkit-placeholder{color:#9d9696; font-size:20px;}
textarea::-ms-placeholder{color:#9d9696; font-size:20px;}
textarea::-ms-placeholder{color:#9d9696; font-size:20px;}
/*#####################################*/
.textarea_box textarea{border:none;  width:673px; height:370px; padding:30px 0 0 30px; background-color: #fff;}
.popup_submit_btn{display:block; width:100%; height:50px; margin-top:18px; font-size:20px; font-weight:600;
background-color:#fea600; color:#fff; text-align:Center;}
/*#### 08-12 추가 코드 ####*/
.popup_desc li{display:block;}
.popup_desc li:nth-child(2){margin-top:10px;}
.popup_desc .ms_sel{display:inline-block; margin-left:2%; 
width:178px; padding:.40em .5em; background:#fff url("../images/sub/drop-down.png")no-repeat 95% 50%; border:1px solid #acacac; border-radius:0;font-size:20px;appearance:none; font-family:"Nanum Gothic"; color:#424242; letter-spacing:-1px;}
/*.popup_desc .sel_line{margin-left:1.6%;}*/


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 2%; /* Location of the box */
    left: 2%;
    top: 2%;
    width: 96%; /* Full width */
    height: 96%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 50px;
    font-size: 18px;
}

#captionYoutube {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 50px;
    font-size: 18px;
}

/* Add Animation */
.modal-content, #caption {  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}


    /* PC Full*/
    @media (max-width:1381px){
        
    }
    /* PC size */
    @media (max-width:1320px){
        .company_title{font-size:2.6em;}
        .company_logo img{width:20%; height:20%;}
        .info_text{font-size:1.2em;}
        .Exhibitors_content{width:86%;}
        .sns_area:after{width:64%;}
        .content_desc{max-width:640px;}
        .content_Details{max-width:900px;}
        strong.tit0{font-size:1.3em;}
        .desc0{font-size:1.2em;}
        .content_text{font-size:1.2em;}

    }
    @media (max-width:1260px){
    }
     /* Notebook size */
    @media (max-width:1024px){
        .btnArea button{width:146px; height:46px;}
        .company_title{font-size:2.6em;}
        .company_logo img{width:20%; height:20%;}
        .info_text{font-size:1.1em;}
        .Exhibitors_content{width:86%; /*background-color: antiquewhite;*/}
        .sns_area span{width:5%; height:5%;}
        .sns_buyer span{width:5%; height:5%;}
        .sns_area span img{width:100%; height:100%;}
        .sns_buyer span img{width:100%; height:100%;}
        .sns_area:after{width:59%; left:355px; top:41px;}

        .sns_buyer:after{width:58%; left:355px; top:41px;}

        strong.tit0{width:16%;}
        .content_img{width:35%; height:35%;}
        .content_img img{width:100%; height:100%;}
        .content_desc{width:56%;}
        .content_desc strong{font-size:1.6em;}
        .content_tag{margin-top:12px;}
        .content_tag span{padding:5px; font-size:0.9em;}
        .content_text{font-size:1.1em;}
        .desc0{font-size:1.1em;}
        .strong.tit0{font-size:1.25em;}
        .title_box{width:100%; font-size:16px;}
        .uni_desc .desc_in{font-size:1.1em;}
        .desc0 .desc_in{font-size:1em;}

        .messages_popup{width:50%;}
        .popup_top{height:16%;}
        .popup_title{line-height:90px; font-size:1.9em;}
        .popup_close {top:25px;}
        .popup_content{padding:40px 30px 0 30px;}
        .popup_desc{font-size:1.32em;}
        .textarea_box textarea{width:90%; height:230px; padding:30px 12px 0 30px;}

        /*#### placeholder 글씨 넣기 web-kit####*/
        textarea::placeholder{font-size:1.4em;}
        textarea::-webkit-placeholder{font-size:1.4em;}
        textarea::-ms-placeholder{font-size:1.4em;}
        textarea::-ms-placeholder{font-size:1.4em;}
        .p_m_text0{width:18%;}
        /*#####################################*/
    }
    /* Tablet size */
    @media (max-width:768px){
        .btnArea{top:75%; right:5%;}
        .btnArea button{width:146px; height:46px;}
        .company_title{font-size:2.5em;}
        .Exhibitors_content{width:88%; /*background-color: aquamarine;*/}
        .company_logo img{width:30%; height:30%;}
        .info_text{font-size:1.2em;}
        .sns_buyer span{width:5%; height:5%;}
        .sns_area:after{width:57%; left:294px; top:31px;}
        .sns_buyer:after{width:57%; left:294px; top:31px;}
        strong.tit0{width:16%;}
        .content_img{width:40%; height:40%; clear:left;}
        .content_img img{width:100%; height:100%;}
        .content_desc{width:100%; margin-left:0; margin-top:27px; clear:left;}
        .content_desc strong{font-size:2em;}
        .content_tag{margin-top:20px;}
        .content_tag span{/*padding:4px; font-size:0.85em;*/}
        .content_text{font-size:1.1em;}

        .desc0{font-size:0.9em;}
        .strong.tit0{font-size:1.25em;}

        .messages_popup{width:60%;}
        

    }
    /* Mobile1 */
    @media (max-width:640px){
        .info_top_bar{height:169px;}
        .info_top{padding-top:25px;}
        .company_title{font-size:3em;}
        .btnArea button{width:136px; height:46px;}
        .Exhibitors_content{width:88%; /*background-color: cadetblue;*/}
        .sns_area:after,.sns_buyer:after{left:260px; top:26px;}
        strong.tit0{width:20%;}
        .uni_desc .desc_in{font-size:1.2em;}
        .desc0 .desc_in{font-size:1.4em;}

        .messages_popup{width:100%; top:0; transform:translate(-50%,0);}
        .popup_top{height:16%;}
        .popup_title{line-height:90px; font-size:1.9em;}
        .popup_close {top:25px;}
        .popup_content{padding:40px 30px 0 30px;}
        .popup_desc{font-size:1.32em;}
        .textarea_box textarea{width:90%; height:340px; padding:30px 60px 0 0;}

        /*#### placeholder 글씨 넣기 web-kit####*/
        textarea::placeholder{font-size:1.4em;}
        textarea::-webkit-placeholder{font-size:1.4em;}
        textarea::-ms-placeholder{font-size:1.4em;}
        textarea::-ms-placeholder{font-size:1.4em;}
        /*#####################################*/
    }

    /* Mobile12 */
    @media (max-width:480px){
        .btnArea{right:3%;}
        .btnArea button{width:122px; height:40px;}
        .Exhibitors_content{width:80%; /*background-color: cornflowerblue;*/}
        .company_logo img{width:50%; height:50%;}
        .sns_area span,.sns_buyer span{width:10%; height:10%;}
        .sns_area:after,.sns_buyer:after{left:330px; top:34px; width:10%; display:none;} 
        .title_box{width:100%;}
        .content_img{width:60%; height:60%;}
        strong.tit0{width:25%;}
        .uniqueness_cont ul li{width:100%; clear:left;}
        .uniqueness_cont ul li:nth-child(2){width:100%;}
        .popup_top{height:15%;}
        .popup_title{line-height:80px;}
        .popup_content{padding:30px 25px 0 25px;}
        .textarea_box textarea{height:320px;}
        .uni_desc .desc_in{font-size:1.2em;}
        .desc0 .desc_in{font-size:1.2em;}
    }

    @media (max-width:380px){
        .company_title{padding-top:24px;}
        .btnArea button{width:100px; font-size:0.9em;}
        .company_logo img{width:55%; height:55%;}
        .Exhibitors_content{width:340px; /*background-color: darkgrey;*/}
        .company_title{font-size:2em;}
        .sns_area span,.sns_buyer span{width:8%; height:8%;}
        .sns_area:after,.sns_buyer:after{left:257px; top:25px; width:10%; display:none;}
        .content_img{width:70%; height:70%;}
        .content_tag{width:80%;}
        .content_tag{margin-top:15px;}
        .content_tag span{margin-top:5px;}
        strong.tit0{width:28%; font-size:1.25em;}
        .desc0{width:70%; font-size:1em;}
        .info_text,.content_text {font-size:1em;}
        .popup_desc{font-size:1.1em; line-height:1.8em;}
        .textarea_box textarea{width:82%; height:230px; padding:30px;}

        .uniqueness_cont ul li .uni_t{font-size:1.25em;}
        .uni_desc .desc_in{font-size:1em;}
        .desc0 .desc_in{font-size:1.3em;}
        .p_m_text0{width:16%;}
    }