@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700;800&display=swap');

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {
	box-sizing: border-box;
}

html,
body {
	min-height: 100%;
	height: 100%;
}

html {
	font-size: 20px;
}

body {
	font-size: 0.7rem;
	font-family: 'Noto Sans KR';
	background: ;
	color: #333;
	line-height: 1;
	min-width: 280px;
	letter-spacing: -0.05em;
}

body.bluegreen {
background:url(../images/background_img.jpg) no-repeat center fixed;
background-size: cover;

}

a {
	color: #333;
	text-decoration: none;
}

img {
	vertical-align: top;
	max-width:100%;
}

input,
select,
button {
	letter-spacing: -0.05em;
}

.clear {
	clear: both;
	
}

.clear::after {
	content: "";
	display: block;
	clear: both;
}

.txt_hide {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.inner {
	max-width:100%;
	margin: 0rem auto;	
	padding:1rem 0rem;
	/*box-shadow:0px 0px 5px rgb(35,35,35,0.5);
	border-radius:1rem;
	background:rgb(255,255,255,0.9);*/
	
}


.inner2 { 
	max-width: 59rem;
	margin: 1rem auto;
	padding:1rem 2rem;
	background:#fff;	
	position:relative;	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius:2rem;
    font-family: 'GmarketSansMedium';
	 
}
/*inner3 {
	max-width: 59rem;
	padding: 0rem 1.5rem;
	margin: 0 auto;
	background: #fff;
}*/
.inner4 {
	max-width:50rem;
	padding:2rem 1%;
	background:#fff;	
	margin: 0 auto;
	border-radius:1rem;
	box-shadow:0px 0px 5px rgb(35,35,35,0.5);
}
	@media (max-width:420px){
		.inner4 {
			padding:2rem 5%;
			border-radius:1rem;	
			width:95%;
			margin:0 auto;
		}
	}
.btn_01 {
	display: block;
	width: 21rem;
	height: 6rem;
	line-height: 6rem;
	text-align: center;
	font-weight: 500;
	font-size: 2rem;
	color: #e6001d;
	background: #fff;
	border-radius: 1rem;
	border: 0;
	cursor: pointer;
	vertical-align: middle;
}

.btn_02 {
	width:50%;
	height:3rem;
	margin:0.5rem 0;
	text-align: center;
	font-weight: 600;
	font-size: 1.2rem;
    line-height: 120%;
	color: #fff;
	background:#f09422;  /* fallback for old browsers */
    border:0;
	cursor: pointer;
	vertical-align: middle;
	font-family: 'GmarketSansMedium';
    font-weight: 400;
	border-radius:0.8rem;
    letter-spacing: 0.2rem;
    box-shadow:0px 0px 5px rgb(35,35,35,0.5);
}

	 @media (max-width:860px){
       .btn_02 {
			  height:4rem;
			 width:70%;

			   
            }
        }
		 @media (max-width:540px){
       .btn_02 {
			  height:4rem;
			 width:80%;

			   
            }
        }
.btn_02:hover {
	border:none;
	background:#ec8e19;
	color:#d7213f;
    box-shadow: none;
}
.btn_03 {	
	text-align: center;
	font-weight: 600;
	font-size: 0.9rem;
	color: #fff;
	background:none;
	cursor: pointer;
	vertical-align: middle;
	border:2px solid #fff;
	  font-family: 'GmarketSansLight';
}
.btn_03:hover {
	border:2px solid #43cea2;
	background:#fff;
	color:#43cea2;
}

.btn_04 {
	display: inline-block;
	width: 10rem;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	font-weight: 500;
	font-size: 1.5rem;
	color: #fff;
	background: #830e06;/*웨비나 등록버튼 색상변경*/
	border: 0;
	/*border-radius: 0.6rem;*/
	cursor: pointer;
	vertical-align: middle;
}

.btn_05 {

	margin-top:0;
	width: 7.0rem;
	height: 4rem;
	line-height:4rem;
	text-align: center;
	font-weight: 500;
	font-size: 1rem;
	color: #fff;
	background: #d7213f;  /* fallback for old browsers */
	
	font-family: 'GmarketSansMedium';
	border: 0;
	border-radius:5px;
	cursor: pointer;
	vertical-align: top;
	margin-left:0.5rem;

}
.btn_06 {
	margin-top:0rem;
	width: 10rem;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	font-weight: 500;
	font-size: 1rem;
	color: #fff;
	background: #cd5e1a;/*동영상페이지 서베이버튼 색상변경*/
	border: 0;
	cursor: pointer;
	vertical-align: top;
	margin-right:0.5rem;
	display:inline-block;
}


.SURVEYzip{
    position:relative;
    width:100%; 
    height:3.5rem;
    display:inline-block;
    text-align:left;
}
.SURVEYzip a{
    display:inline-block; width:19%;
    height: 3rem; margin-right:0.5rem;
    margin-top:0.5rem;
}
.color_red {
	color: #e6001d;
}
.color_green {
	
	padding:0.5rem 0.5rem;
	color: #fff;
	position:absolute;
	top:0; right:0;
	opacity:0;
}

.color_black {
	color: #000;
	text-decoration:underline;
}

.col2 {
	float: left;
	width: 100% !important;
}
#login_main{
	
}
#contents{

padding:0.5rem 0;
font-family: 'GmarketSansMedium';

}
#contents2{
background: #d30e31;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #f4a21a, #d30e31);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #f4a21a, #d30e31); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
padding:1.7rem 0;
font-family: 'GmarketSansMedium';

}
	
#header {	
	text-align:center;
}


#header .logo{		
		margin:0 auto;
		padding:0rem 0;
	}  
	@media (max-width:540px){
		#header .logo{
			width:24vw;
		}
	}
	
#Wrap{
		width:46rem;
		margin:2rem auto;	
		/*box-shadow:0px 0px 5px rgb(35,35,35,0.5);*/
		border-top-left-radius:2rem;
		border-top-right-radius:2rem;
        background:#d7213f;
         position: relative;
     
}
    
#Wrap .con_wrap{		
        height:365px;
        width: 52rem;
        margin: 0 auto;    
       position: relative;
         left:-3rem;      
       
	}
  @media (max-width:860px){
		#Wrap .con_wrap{	
		 width: 100%;
         left:0;      
         height:800px;
		 
        }
}
	 @media (max-width:770PX){
		#Wrap .con_wrap{	
		 width: 100%;
         left:0;      
         height:730px;
		 
        }
}
 @media (max-width:540PX){
		#Wrap .con_wrap{	
		 width: 100%;
         left:0;      
         height:550px;
		 
        }
}
#Wrap .left_con{
     display:flex;
     height:365px;
     justify-content: space-between;
	 
}
    @media (max-width:860px){
		#Wrap .left_con{
			display:block;
            justify-content: center;
        }
}
	
#Wrap .photo_con{
    padding-top:1rem;
    width:50%;
       
}
       @media (max-width:860px){
		#Wrap .photo_con{
              padding-top:2rem;  
			  width:100%;
        }
}
	
#Wrap .photo_con p{
    font-size: 1.2rem;
    padding-left:6rem;
    color:#ffffff;
    font-family: 'GmarketSansMedium';
}
 @media (max-width:860px){
		#Wrap .photo_con p{ 			
            font-size: 2.5em;
        }
}
	 @media (max-width:540px){
		#Wrap .photo_con p{ 
		padding-left:3rem;			
          font-size:2.2em;
        }
}
#Wrap .photo_con .photoimg{   
    height: 320px;
    position: relative;
}
    
     @media (max-width:860px){
		#Wrap .photo_con .photoimg{   			
            height:330px;
        }
}
 
     @media (max-width:540px){
		#Wrap .photo_con .photoimg{   			
            height:215px;
        }
}
    
#Wrap .photo_con .photoimg .bg_orange{
    position: absolute;
    background: #f09422;
    border-top-left-radius:2rem;
    width: 100%;
    height:300px;
    top:1rem;
     z-index:1;

}
     @media (max-width:860px){
		#Wrap .photo_con .photoimg .bg_orange{            
		   border-top-right-radius:2rem;
           height:300px;
           top:2rem;
           z-index:1;
           overflow: hidden;
        }
}
	@media (max-width:540px){
		#Wrap .photo_con .photoimg .bg_orange{          
		  
           height:190px;
         
        }
}
#Wrap .photo_con .photoimg .doctorimg{
    background: url(../images/doctors.png) no-repeat center;
    background-size: cover;
    width: 100%;
    height:320px;
    z-index:2;
    position: relative;

}
    @media (max-width:860px){
		#Wrap .photo_con .photoimg .doctorimg{
		 background: url(../images/doctors.png) no-repeat top center;
         background-size: cover;
         height:335px;
        }
}

	 @media (max-width:540px){
		#Wrap .photo_con .photoimg .doctorimg{
		 background: url(../images/doctors.png) no-repeat top center;
         background-size: cover;
         height:215px;
        }
}
.main_title {	

       width:50%;
       background: #fff;
       border-top-right-radius:4rem;
       box-shadow:0px 0px 5px rgb(35,35,35,0.5);
	
}
    @media (max-width:860px){
		.main_title {
             width:100%;
             margin:0 auto;
              border-top-right-radius:0rem;
             border-bottom-right-radius:2rem;
              border-bottom-left-radius:2rem;
            margin-top:0rem;
            padding-bottom:2rem;
            
        }
    }
.main_title .bookmark{
	width:1.8rem;
    height:3rem;
    background:#d7213f;
    border-bottom-right-radius:4rem;
    border-bottom-left-radius:4rem;
    left:75%;
    position: relative;
}	

        @media (max-width:860px){
            .main_title .bookmark{
                width:2.5rem;
                  height:4rem;
                    left:80%;
            }
        }


.main_title p span{	
	font-size:1.2rem;
	line-height:150%;
	vertical-align:middle;
	color:#d30e31;
	font-weight:600;
}
		@media (max-width:540px){
		.main_title p span{	
			font-size:3.5vw;
		}
	}
		@media (max-width:420px){
			.main_title p span{	
				font-size:4vw;
			}
		}
.main_title div.seminar{
	text-align:left;
	padding-left:3rem ;
}
    @media (max-width:860px){
          .main_title div.seminar{
               padding-left:13vw;
            
            }
        }

.main_title div.seminar h4{
    color: #d7213f;
    font-size:1.6rem;
     font-family: 'GmarketSansMedium';
     font-weight: 600;
     line-height:120%;

}
    @media (max-width:860px){
           .main_title div.seminar h4{
                font-size:2.5em;
            }
        }


.main_title div.seminar h4 span{
    display:block;


}

.main_title div dl{
	margin-bottom:1rem;
	border-left:5px solid #d30e31;
	padding-left:0.5rem;
    margin-top:1rem;

}
.main_title div dl.dl2 dd span{
	font-size:1.2rem;
	font-weight:500;

}
.main_title div dl.dl3 dd span{
	font-size:0.8rem;
}
.main_title div dl.dl3 dd img {
	vertical-align:middle;
	width:4rem;
}

.main_title div dl dt{
	font-size:1rem;
	line-height:150%;
	color:#1f1f1f;
	font-family: 'GmarketSansLight';
    font-weight: 500;
	
}
        @media (max-width:860px){
          .main_title div dl dt{
                font-size:1.5em;
            }
        }


.main_title div dl dd{
	font-size:0.9rem;
	line-height:150%;
	color:#1f1f1f;
	padding-left:1rem;
}
    
        @media (max-width:860px){
         .main_title div dl dd{
                font-size:1.7em;
            }
        }
.main_title ul li.title2{
	font-family: 'M PLUS 1p', sans-serif;
	color:#7b7979;
	display:block;
	font-size:4.2rem;
	line-height:3rem;
	font-weight:700;
	letter-spacing:-5px;
}

.main_title ul.seminarCon{
	text-align:left;
	font-family: 'Questrial', sans-serif;
	margin-top:1rem;
	}
.main_title ul.seminarCon li{
	font-size:1.2rem;
	line-height:1.7rem;
	color:#00755d;
	font-weight:600;
	letter-spacing:1px;
}

.main_title ul li.date span{
		color:#00755d;
		line-height:2rem;
		font-size:1rem;
	
}
.main_title ul li.day span{
	color:#333;
	line-height:3rem;
	
}

#main_contents{	
    position:relative; 		
}

#main_contents .contents_width{    
	width:100%;
	margin:0rem auto;	
}

#main_contents .right_con { 
	width:100%;
   /* border-right:1px solid #fff;*/
    text-align:center;
	margin:0 auto;
	margin-top:0rem;
	
}

#main_contents .right_con .white_box {	
	padding:2rem 2rem;	
		
}

	@media (max-width:860px){
			#main_contents .right_con .white_box {	
				padding:1rem 1rem;	
				
			}

	}
.id_pass{
    display:flex;
    justify-content:space-between;
    position: relative;
    width:100%;
    margin-bottom:1rem;

}

@media (max-width:860px){
     .id_pass{
             display:block;
			justify-content:center;
			position: relative;
            }
        }

#main_contents .right_con .white_box .form_list .con {	
	 
      width:49%;
}

	 @media (max-width:860px){
       #main_contents .right_con .white_box .form_list .con {	
               width:70%;
			   margin:0 auto;

            }
        }
	 @media (max-width:540px){
       #main_contents .right_con .white_box .form_list .con {	
               width:80%;
			   margin:0 auto;

            }
        }
#main_contents .right_con .white_box .form_list .con input {
	border: 0;
	height: 3rem;
	width: 100%;
	padding: 0 1rem;
	font-size: 0.8rem;
	color: #0e0e0e;
	border-radius:1rem;
	font-family: 'GmarketSansMedium';
	background:#fff;
    letter-spacing: 1px;
	/*box-shadow:inset 0px 0px 3px rgb(35,35,35,0.5);*/
}
	 @media (max-width:860px){
       #main_contents .right_con .white_box .form_list .con input {
			  height:4rem;
			  margin:1rem 0;
			   font-size: 1.2rem;
            }
        }
#main_contents .right_con .white_box .form_list .con input::placeholder {
	color:#3d3d3d;
	font-size: 0.9rem;
    font-family: 'GmarketSansMedium';
}
	 @media (max-width:860px){
      #main_contents .right_con .white_box .form_list .con input::placeholder {
			 
			   font-size: 1.2rem;
            }
        }

#main_contents .right_con .white_box .form_list .con input:focus {
	outline: 1px solid #fff;
	box-shadow:inset 0px 0px 3px rgb(35,35,35,0.5);
}

#main_contents .right_con .white_box .guide_list {
	padding-top: 0.5rem;
	margin-bottom: 1rem;
    text-align: center;
	

}


#main_contents .right_con .white_box .guide_list li {
	font-size: 0.8rem;
	color: #fff;
	line-height:120%;
	text-align:center;
    font-family: 'GmarketSansLight';
}
	@media (max-width:860px){
      #main_contents .right_con .white_box .guide_list li {
			font-size: 1.4em;

			   
            }
        }
	@media (max-width:540px){
      #main_contents .right_con .white_box .guide_list li {
			font-size: 1.6em;

			   
            }
        }
#main_contents .right_con .white_box .guide_list li span{
    font-family: 'GmarketSansMedium';
}

#main_contents .right_con .white_box .guide_list li:last-child {
	padding-bottom: 0;
}
#main_contents .right_con .white_box .guide_list2{
    margin:1rem 0;
  

}
#main_contents .right_con .white_box .guide_list2 li {
	font-size: 0.8rem;
	font-weight: 300;
	color: #fff;
	line-height:1rem;
	 font-family: 'GmarketSansLight';
	text-align:center;
	line-height:120%;
}
	@media (max-width:540px){
   	#main_contents .right_con .white_box .guide_list2 li {
			font-size: 1.6em;
			text-align:left;
			
            }
        }

#main_contents .right_con .white_box .guide_list2 li:last-child {
	padding-bottom: 0;
}
#main_contents .right_con .white_box .guide_list2 a{
	color: #fff;
}
.btnWrap{
	display:flex;
	justify-content: space-between;
	margin:10px 0;
}
.btnWrap input{
	width:49.5%;
	height:2.5rem;
	line-height:2.5rem;
	border-radius:0.2rem;
	
}


#product_list{	
	margin-top:1rem;	
	text-align:center;
}
.medicine{
	color:#1b1b1b;
	line-height:130%;
	margin: 0.5rem auto;
	font-size:0.7rem;
    letter-spacing: 0.8px;
    font-family: 'GmarketSansMedium';
    font-weight: 200;
        
}
	
.medicine span{ 
	display:block;

}
	/*#product_list ul li{
	float:left;
	}
	#product_list ul li.logo_bottom{ width:25%;	
	margin-right:1rem;
	}
	#product_list ul li.address{	width: 50%;
	font-size:0.8rem;
	line-height:1rem;
	}*/


/*프로그램*/
	#product_list div.program{
		width:60%;
		margin:1.5rem auto;
		
	}
	
	#product_list div.program table{
		width:100%;
		
	}
	#product_list div.program table caption{
		font-size:1.5rem;
		text-align:left;
		color:#0c6e56;
		margin:1rem 0;
		font-weight:600;
	}
	#product_list div.program table thead tr{
		border-top:2px solid #0c6e56;
		border-bottom:2px solid #0c6e56;
	}
	#product_list div.program table thead tr th{
		font-weight:600;
		color:#0c6e56;
		font-size:0.8rem;
		line-height:1.5rem;
	}
		@media (max-width:850px){
				#product_list div.program table thead tr th{
					font-size:2vw;
				}
		}
		@media (max-width:540px){
				#product_list div.program table thead tr th{
					font-size:2.1vw;
				}
		}

	.border{
		border-left:1px solid #BCBEC0;
		border-right:1px solid #BCBEC0;
		font-weight:600;
	}
	#product_list div.program table tbody tr{
		border-top:1px solid #BCBEC0;
		border-bottom:1px solid #BCBEC0;
	}
	#product_list div.program table tbody tr td{
		text-align:Center;
		font-size:0.8rem;
		line-height:1rem;
		vertical-align:middle;
	}
	@media (max-width:850px){
				#product_list div.program table tbody tr td{
					font-size:1.6vw;
					line-height:120%;
				}
		}
	@media (max-width:540px){
				#product_list div.program table tbody tr td{
					font-size:1.8vw;
					line-height:120%;
				}
		}
	#product_list div.program table tbody tr td.photo{
		text-align:center;
		vertical-align:middle;
	}
		#product_list div.program table tbody tr td.speaker{
			text-align:left;
			padding-left:0.5rem;
		}
		#product_list div.program table tbody tr td.speaker span,.Session span{
			font-weight:600;
			color:#0c6e56;
			letter-spacing:0.2px;
		}
		.Session{
			text-align:center;
			font-weight:600;
		}
	.bottom{
		height:3rem;
	}
/*게이트화면*/


.Time_minutes{
	display:flex;
	justify-content: center;
	flex-wrap:no-wrap;	
	width:100%;
	margin:1rem auto;
	
}
.Time_minutes div.zip{
	width:20%;
	display:none;
}
.Time_minutes div.zip input{
	border:1px solid #3d3d3d;
	background:#fff;
	padding:0.3rem 1rem;
	font-size:0.8rem;
	border-radius:2rem;
	color:#3d3d3d;
	text-align:center;	
	height:2rem;
	cursor:Pointer;	
	width:100%;
	font-family: 'GmarketSansMedium';
}
.Time_minutes div.zip input:hover{
	background:#ccc;
	padding:0.3rem 1rem;
	font-size:0.8rem;
	border-radius:2rem;
	color:#3d3d3d;
	text-align:center;
	border:0;	
	height:2rem;
	cursor:Pointer;	
	width:100%;
	font-family: 'GmarketSansMedium';
}
.Time_minutes div.totalTime{
	font-size:0.8rem;
	line-height:120%;
	padding:0.5rem 0.5rem;
	border-radius:2rem;
	background:#c31321;
	text-align:center;
	color:#fff;	
	width:20%;
	font-weight:600;
	margin-right:1rem;
}
.Time_minutes div.totalTime span{
	vertical-align:middle;
	margin-top:0.2rem;
}
.programTable{
	display:block;
	flex-wrap:wrap;
	justify-content: space-between;
	
}
.programTable p.CC{
	 font-size:1rem;
	 line-height:1.2rem;
	color:#cc0025;
	text-align:left;
	background:#f1f1f1;
	padding:0.5rem 0.5rem;
	margin-top:1rem;
	width:100%;
}
.programTable p.CC span{
	 display:block;
	 font-size:0.8rem;
}
.programTable p.CC1{
	 font-size:1rem;
	 line-height:1.2rem;
	color:#000;
	text-align:left;
	background:#f1f1f1;
	padding:0.5rem 0.5rem;
	margin-top:0.2rem;
	width:100%;
}
.programTable p.CC1 span{
	 display:block;
	 font-size:0.8rem;
}
.programTable .SessionList {	
	display:flex;
	justify-content: space-between;
    position: relative;	
	flex-wrap:no-wrap;
	width:100%;
	vertical-align:middle;
	margin-bottom:0.5rem;
	
}
        
    @media (max-width:550px){
      .programTable .SessionList {	
            display:block;
            justify-content: flex-start;
            flex-wrap:wrap;
        }
        
    }


.programTable .SessionList div.part{
	padding-left:1rem;
	font-size:1.1rem;
	line-height:130%;
	color:#d7213f;
	vertical-align:middle;	
    font-family: 'GmarketSansLight';
    font-weight:600;
    width:70%;
    border-left:5px solid #d7213f;
	
}
     @media (max-width:550px){
      .programTable .SessionList div.part{
           width:100%;
           margin-top:2rem;
        }
        
    }
.programTable .SessionList div.part span{
        display:block;
        color: #333;
    }
.programTable .SessionList div.click{
	width:30%;	
	vertical-align:middle;
    text-align:right;
}
     @media (max-width:550px){
        .programTable .SessionList div.click{
               width:100%;
               margin:1rem 0;
               text-align: center;
        }
        
    }
.BTN{
    background: #f09422;
    height:2.5rem;
	width:100%;
    padding:0.3rem 1rem;
	font-size:1rem;
	border-radius:1rem;
	font-weight:400;
	color:#fff;
	text-align:center;
	border:0;
	margin:0 auto;
	cursor:Pointer;
	font-family: 'GmarketSansMedium';
    font-weight:400;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
    letter-spacing:1px;
	/*border:2.8px solid #d30e31;*/
}
    @media (max-width:550px){
        .BTN{
            height:3rem;
            line-height: 120%;          
            width:50%;
            margin:0 auto;
            font-size: 2.5vw;
               
        }
    }
        @media (max-width:420px){
        .BTN{
            height:3rem;
            line-height: 120%;          
            width:70%;
            margin:0 auto;
            font-size: 3.2vw;
               
        }
    }
.BTN:hover {	
	background:#d30e31;
	color:#f09422;
    box-shadow:none;
}
.programTable .SessionList span{
	font-weight:600;
}

.programTable table{
	width:100%;
	text-align:left;
	background:#fafafa;
	border-radius:1rem;
	margin-bottom:1rem;

}
.programTable table caption{
	display:none;
	
}

.programTable table tbody{
	
	
}
.programTable table tbody tr{
	border-bottom:1px solid #ccc;
	vertical-align:middle;
	background:#fff;
}
.programTable table tbody tr td{
	vertical-align:middle;
	padding:0.1rem 0.2rem;
	border-bottom:1px solid #d7213f;
    font-weight:300;
    word-break: keep-all;
   
}

.programTable table tbody tr td.time{
	background:#f1f1f1;
	text-align:center;
	vertical-align:middle;

}


.programTable table tbody tr.tab td.mc {
	letter-spacing:-1.5px;
}
.programTable table tbody tr.tab td.click{
	text-align:center;
	
}

.downBtn{
	TEXT-align:center;
}
.downBtn a{
	background:#333;
	color:#fff;
	font-size:0.8rem;
	padding:0.2rem 0.5rem;
	border-radius:0.2rem;
}
.programTable table tbody tr td{
	color:#333;
	font-size:0.8rem;
	line-height:120%;
	padding-left:0.5rem;
    height:2rem;
    font-family: 'GmarketSansLight';
    font-weight:600;
    vertical-align: middle;


}
.programTable table tbody tr td span{
	font-size:0.8rem;
	line-height:120%;
	display:block;
}
.programTable table tbody tr.tab{
	color:#fff;	
	vertical-align:middle;
    height:2rem;
	font-size:1rem;
	background: #d7213f;  /* fallback for old browsers */
    border-top-left-radius: 1rem;
    


}
.programTable table tbody tr.tab td{
	color:#fff;
	font-weight:600;
    letter-spacing: 1px;
    font-family: 'GmarketSansLight';
    text-align: center;
    line-height:120%;
       vertical-align: middle;
}
.speaker{
	text-align:left;
}
.programTable table tbody tr.break td.font-style{
	color:#f4a21a;
	font-style:italic;
	font-family: 'GmarketSansLight';
}
.font-style span{ font-weight:600;}
.programTable table tbody tr.point{
	background:#fff;

}
.programTable table tbody tr.point td span{
	font-weight:600;

}

.buttonzip{
	width:80%;
	margin:0 auto;
	text-align:center;
	vertical-align:top;
	display:flex;
	justify-content:center;
}
.buttonzip div{
	width:30%;
	margin:0 0.5rem;
}


.ebooth{
	background:#fff;
	border:1px solid #841000;
	color:#841000;
	border-radius:0.2rem;
	width:100%;
	height:2.5rem;
	cursor:Pointer;
	padding:0.3rem 1rem;
	font-size:0.9rem;
	border-radius:0.2rem;
	letter-spacing:1px;
	vertical-align:top;
}
.eposter{
	background:#fff;
	border:1px solid #841000;
	color:#841000;
	border-radius:0.2rem;
	width:100%;
	height:2.5rem;
	cursor:Pointer;
	padding:0.3rem 1rem;
	font-size:0.9rem;
	border-radius:0.2rem;
	letter-spacing:1px;
	vertical-align:top;
}

#viewer  .sub_top div.logo2 .logoutBTN {
	padding:0.5rem 2rem;
	color:#fff;
	background:#333;
	font-size:1rem;
	line-height:1.5rem;
	float:right;
	margin:1rem 0;
	border-radius:1rem;
    text-align: center;
    vertical-align: middle;
   
}

/******************Mvote*********************************************/
.MvoteWrap{
	background:url(../images/Mvote.png) no-repeat 1rem 1rem #efefef;
	width:100%;
	padding:1rem 6.5rem;
	border-radius:0.5rem;
}
.Mvote p{
	font-size:1rem;
	line-height:1.5rem;
	padding-left:1rem;
}
.Mvote p span{
	font-weight:bold;
}

.votelist{
	width:100%:

}
.votelist li{
		margin:1rem 0;
		width:100%;		
		
		
	
}

.votelist li a{
	width:100%;
	height:100%;
	font-size:1rem;
	line-height:1.5rem;
	color:#252525;
	vertical-align:middle;
	display:flex;
	align-items :center;
	background:#fff;	
	padding:0.5rem 1rem;
	overflow:hidden;
	border-radius:5rem;
}
.votelist li a:hover{
    background: #43cea2;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #185a9d, #43cea2);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #185a9d, #43cea2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color:#fff;
}

.votelist li a span{ margin-right:0.5rem;}
.votelist li a span:before{
	content: url(/images/vote_img.png);
	display:block;
	width:54px;
	height:54px;

}

.alivem{text-align:center;}



/******************Mvote*********************************************/

/* 동영상페이지*/
.viewer_white{
	
	}
#viewer_main {	
	margin: 0rem 0rem;
background:url(../images/background_img.jpg) no-repeat center fixed;
background-size: cover;
	padding:0rem 1rem 1rem 1rem;	
	
}

#viewer2{

	}
.inner3 { 
	max-width: 62rem;
	margin: 1rem auto;
	background:#fff;
	height:100%;	
	position:relative;	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding:1rem 2rem;
	border-radius:2rem;
	font-family: 'GmarketSansMedium';
}
	

#viewer .con_wrap { 
	width:100%;	
	vertical-align:top;
	
	
}

#viewer  .sub_top {	
	display: inline-block;
	width:100%;
	text-align: left;

	
}
#viewer  .sub_top p{
	text-align:center;
	margin-bottom:0.5rem;
}
@media (max-width:420px){
	#viewer  .sub_top p{
		width:50vw;
		margin:0rem auto;
		margin-bottom:1rem;
	}
}
#viewer  .sub_top div.logo2{
	font-size:1.8rem;
	line-height:120%;
	vertical-align:top;
	font-weight:400;
	color:#333;
	text-align:left;
	margin-bottom:1rem;
    display: flex;
    justify-content: space-between;
    position: relative;
}
#viewer  .sub_top div.logo2 img{
		width:8rem;vertical-align:middle;
	
}
#viewer  .sub_top div.logo2 p{
	display:inline-block;
	vertical-align:top;
	color:#0c6e56;
	font-size:3rem;
	font-weight:800;
	font-family: 'M PLUS 1p', sans-serif;
	letter-spacing:-5px;
	margin-bottom:1rem;
}
#viewer  .sub_top div.logo2 span{
	font-family: 'M PLUS 1p', sans-serif;
	color:#f99d1c;
	font-style: italic;
	text-shadow:2px 2px 0px rgb(12,110,86,1);
	font-weight:500;	
}

#viewer  .sub_top div.logo2 p span.title2{
	clear:both;
	font-family: 'M PLUS 1p', sans-serif;
	color:#7b7979;
	font-size:3rem;
	font-style: nomal;
	font-weight:700;
	letter-spacing:-5px;
	text-shadow:none;
font-style: normal;
}


.timerWrap{
	width:100%;
	background:#f1f1f1;
	margin-top:1rem;
	padding:0.5rem 0.5rem;
	display:flex;
	font-family: 'GmarketSansMedium';
	
}
.timerWrap div.txt{
	width:84%;
	text-align:left;

}
.timerWrap div p{
	 font-size:0.8rem;
	 line-height:120%;
	color:#c31321;
	text-align:left !important;
	
}
.timerWrap div p span{
	display:block;
	margin-bottom:0.2rem;
}
.timerWrap div#timer{
	font-size:0.85rem;
	line-height:1.2rem;
	padding:0.3rem 0.8rem;
	border-radius:1.2rem;
	background: #f4a21a;
	width:15%;	
	height:1.7rem;
	margin-top:1.5rem;
	text-align:center;
	color:#fff;
	vertical-align:middle;
	
}

#viewer .left_con{ 
	/*margin: 0.5rem auto;*/
	text-align:left;
	/*float: left;*/
	width:100%;
	max-height: 100%;
	display:inline-block;
	
	
}
/*.time{float:right; width: 28.2%;  vertical-align:top;margin-top:-0%;}*/



#viewer .left_con .movie-zone {
    position: relative;
    overflow: hidden;
	padding-bottom: 56.25%;
	height:0;

}


#viewer .left_con .movie-zone .iframe{
	position: absolute;
    top: 0;
    left: 0;
    width:  100%;
    height: 100%;
    border: 0;
	
	}


#viewer .left_con .qna-box {
	padding-top: 0.5rem;
	width: 100%;
	margin: 0 auto;
}

#viewer .left_con .qna-box .txt p {
	text-align: center;
	font-weight: 300;
	font-size: 0.7rem;
	padding-left:0.5rem;
	line-height:2rem;
	margin-bottom:0.5rem;
	color:#000;
}

#viewer .left_con .qna-box .txt p span{
	font-size: 1.2rem;
	line-height:2rem;
	font-weight: 500;
	color:#000;
 }

#viewr .left_con .qna-box .qna-forms{
	width: 100%;
	
}

#viewer .left_con .qna-box .qna-forms textarea{
border:1px solid #cccccc;
/*width:calc(100% - 15.5rem);*/
width:calc(100% - 7.8rem);
height:4rem;
resize:none;
border-radius:0.2rem;
}

#viewer .left_con .qna-box .qna-forms .default_set{
background:url(/images/board_default_txt.png) no-repeat center center #fff ;
background-size: 10rem;
}

#viewer .left_con .qna-box .qna-forms input[type=submit]{
	margin-right: 0;
	position:relative;
	vertical-align: top;
	font-size: 1rem;
}
/********************광고*************************/

.bannerimg{	 
	 margin:0rem auto;	
	 width:100%;
	margin-top:2.5rem;
	border-top:1px solid #ccc;
	display:none;
}

.bannerimg p{
	font-size:1rem;
	line-height:150%;
	color:#fff;
	text-align:center;
	letter-spacing:1px;
	display:none;
}
	@media (max-width:540px){
		.bannerimg p{
		font-size:3vw;
		}
	}
.bannerimg p span{
	vertical-align:middle;
}
.bannerWrap{
	
	width:100%;
	margin:0rem auto;
	display:flex;
	justify-content: space-between;
   flex-wrap:wrap;
  padding:0.5rem 0; 

}
	@media (max-width:1024px){
		.bannerWrap{
			width:100%;
		}
	}
.bannerWrap div{
	width:10.5%;		
	margin:0.25rem 0;
	background:#fff;
	border-radius:0.2rem;
	
}
	@media (max-width:540px){
		.bannerWrap div{
			width:32%;	
			
		}
	}
	
.bannerWrap div img{
	width:100%;
	border-radius:0.2rem;
}



/* 신청 */
#header_sub {	
	/*웨비나 등록신청서 헤더색상변경*/
	padding:0.5rem 0rem 0rem 0rem;
	text-align:center;
	font-size:1.5rem;
	line-height:120%;
	font-weight:600;	
	/*background: #00702c url(../images/sub_header_bg.png) no-repeat center; */

}
#header_sub h1{	
	color:#d49600;
	
	}
#header_sub .seminarCon{
		border-top:1px solid #d49600;		
		padding:1rem 0;
		font-size:0.9rem;
		margin:0rem auto;
		margin-top:1rem;
		vertical-align:middle;
		color:#333;
		text-align:left;		
		width:60%;
		background: #fff url(../images/conjuran.png) no-repeat 0 1rem;
		background-size:7.5rem;
		
	}
	@media (max-width:420px){
		#header_sub .seminarCon{
		width:100%;
		font-size:3vw;
		padding:4.5rem 0 0 0;
		background: #fff url(../images/conjuran.png) no-repeat center 1rem;
		background-size:12rem;
		}
	}
#header_sub .seminarCon li{
	vertical-align:middle;
	font-size:0.9rem;
	line-height:150%;
	font-weight:400;
	padding:0rem 0rem 0rem 8rem;
}
	@media (max-width:420px){
		#header_sub .seminarCon li{
		width:100%;
		padding:0rem 0rem 0rem 1rem;
		font-size:3.5vw;
		}
	}
#header_sub .seminarCon li.day{
	text-align:center;
	margin:1rem auto;
	font-size:1rem;
	padding:0rem !important;
}
	@media (max-width:420px){
		#header_sub .seminarCon li.day{
			font-size:3.8vw;
		}
	
	}
#header_sub .seminarCon li span{
	color:#252525;
	margin-right:0.2rem;
	vertical-align:middle;
}
#application {
	padding: 1rem 0;
	margin-top:0rem;		
	font-family: 'Questrial', sans-serif;
	
}
#application2{
	padding: 1rem 0;
	margin-top:0rem;
	font-size:1rem;
	line-height:1.2rem;
}

#application .application_form {	
	width:30rem;
	margin: 0 auto;

}
	@media (max-width:420px){
		#application .application_form {	
			width:100%;
			margin: 0 auto;

		}
	}
#application .application_form th {
	font-size: 0.8rem;
	font-weight: 600;
	color: #222;
	text-align: left;
	width:7rem;
	vertical-align: middle;
}
@media (max-width:420px){
	#application .application_form th {
		font-size: 3vw;
	}
}
#application .application_form th span{color:red; font-size:0.6rem; text-align:center; margin-left:10px;}

#application .application_form td {
	padding: 0.5rem 0;
	
}

#application .application_form input[type=text],
#application .application_form input[type=tel] {
	height: 2.2rem;
	border: 1px solid #bbb;
	border-radius:5px;
	width: 100%;
	padding: 0 0.5rem;
	color: #444;
	font-size: 0.8rem;

}

@media (max-width:420px){
	#application .application_form input[type=text],
	#application .application_form input[type=tel] {
		height: 3.5rem;
		font-size: 3vw;
	}
}
#application .application_form input[type=text]:focus,
#application .application_form input[type=tel]:focus,
#application .application_form select:focus {
	outline: 2px solid #d49600;/*입력창 테두리색상*/
	border: 1px solid transparent;
}


#application .application_form select {
	height: 3rem;
	border: 1px solid #bbb;
	width: 100%;
	padding: 0 2rem 0 1rem;
	font-size: 0.8rem;
	color: #444;
}

#application .application_form input::placeholder {
	color: #aaa;
	font-size: 0.8rem;
}
	@media (max-width:420px){
		
		#application .application_form input::placeholder {
			font-size:3vw;
		}
	}
#application .application_form textarea {
	font-family: 'Noto Sans KR';
	width: 100%;
	height: 4rem;
	border: 1px solid #bbb;
	resize:none;
	color: #444;
	padding: 1rem;
}

#application .application_form textarea::placeholder {
	color: #aaa;
	font-size: 0.8rem;
	font-weight:300;
}

#application .application_form textarea:focus {
	outline: 2px solid #304d99; /*질문창테두리색상*/
	border: 1px solid transparent;
}

#application .btn_wrap {
	margin-top: 1.5rem;
	padding-top: 2.5rem;
	text-align: center;
	
}

#application .btn_wrap .agree{margin-bottom:2rem;  font-size:0.7rem;}
#application .btn_wrap .agree .regulation {color:#e85158; text-decoration:underline;}
#application .btn_wrap .agree .marketing {color:#e85158;text-decoration:underline;}



#application .btn_wrap .cancel {
	border: 1px solid #e8e8e8;
}
.btn_cancel{
	margin-top:0rem;
	width: 10rem;
	height: 3rem;
	line-height:3rem;
	text-align: center;
	font-weight: 500;
	font-size: 1rem;
	color: #333;
	background: #fff;/*동영상페이지 서베이버튼 색상변경*/
	border: 0;
	cursor: pointer;
	vertical-align: top;
	margin-right:0.5rem;
	display:inline-block;
	border-radius:0.5rem;
}
.btn_OK{
	margin-top:0rem;
	width: 10rem;
	height: 3rem;
	line-height:3rem;
	text-align: center;
	font-weight: 500;
	font-size: 1rem;
	color: #fff;
	background: #d49701;  /* fallback for old browsers */
	border: 0;
	cursor: pointer;
	vertical-align: top;
	margin-right:0.5rem;
	display:inline-block;
	font-family: 'GmarketSansMedium';	
	vertical-align: middle;
	white-space: normal;
	word-break:keep-all;
	line-height: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	border-radius:0.5rem;
}
#application2 .gap{margin:1rem 0;
font-size:1rem;
}
#application2 .gap p{margin:0.5rem 0;
font-size:0.8rem;
line-height:1.5rem;}
#application2 .gap p span{
color:#e85158;
}
#application2 .gap p.text_bold{ font-size:1rem;

}




#footer {
	height: 6rem;
}

#footer .inner2 {
	position: relative;

}

#footer .logo {
	position: absolute;
	top: 1.7rem;
	left: 2.5rem;
}

#footer .logo img {
	width: 4.1rem;
	height: auto;
}

#footer .address {
	font-size: 0.9rem;
	color: #1d1d1d;
	text-align: center;
	padding-top: 2.35rem;
    letter-spacing: 1px;
}

#footer .address a {
	color: #1a1a1a;
}







/******************강의선택**************************
.contain{width:75%; margin:0 auto; text-align:center;}
.contain p.title{ font-size:2rem; font-weight:600;}
.select_part{
	width:100%;
}
.select_part ul{}
.select_part ul li{
	height:4rem;
	margin-bottom:1rem !important;
	vertical-align:top;
	}

.select_part ul li img{ 
	vertical-align:middle;
	width:65%;
	}
.select_part ul li a{
	vertical-align:middle;
	margin-left:1rem;
	background-color:#841000;
	padding:0.5rem 1rem;
	color:#fff;
	border-radius:0.5rem;
	font-size:1rem;
	}

.Reference{
	font-size:1rem; 
	text-align:left; 
	width:85%;
	margin:0 auto; 
	padding:2rem 2rem;
	
	border-bottom:1px solid #ccc;
}
.Reference p {line-height:2rem; }

.Reference p span{
	font-size:1rem;
	margin:0 1rem;  
	background-color:#841000;
	padding:0.2rem 1rem;
	color:#fff;
	border-radius:0.5rem;
}
.download {padding:0rem 0; 
	height:6rem;
	width:85%; 
	margin:0 auto;
	text-align:center; 
	}
.download ul{width:100%;padding:1rem 0; text-align:center; margin:0 auto;}
.download ul li{
	display:inline-block;
	
	width:40%;	
	background-color:#cd5e1a;	
	font-size:1rem;
	line-height:3rem;
	height:3rem;
	border:1px solid #fff;
	}
.download ul li a{
	
	color:#fff !important;
}
.programimg{width:80%; margin:0 auto;
}





*******/