@charset "utf-8";

/*///////////////////////////////////////////////////////
 로그인/아이디,비번찾기
 ///////////////////////////////////////////////////////*/
/* 로그인 */
.login_box {width:560px; margin:0 auto; padding:140px 0;}
.login_box h2 {margin-bottom:50px; text-align:center;}
.login_box h2 img {}
.login_box h2 strong {display:block; padding-top:10px; font-size:40px; color:#606060; font-weight:normal;}
.login_box .inner_info {margin-bottom:15px;}
.login_box .inner_info input {display:block; margin-bottom:5px; padding:0 5%; width:90%; height:58px; font-size:16px;  background-color:#fff; border:solid 1px #e5e5e5;}
/*.login_box .inner_info input[type="text"] {display:block; padding:0 5%; width:90%; height:58px; background-color:#fff; border:solid 1px #e5e5e5;}*/
.login_box .inner_info input[type="password"] {margin-bottom:32px;}
.login_box .inner_info button {width:100%; height:50px; color:#fff; font-size:16px; background-color:#000; border:solid 1px #000;}
.login_box .inner_info button:hover {opacity:0.8;}

.login_box .login_func {margin-bottom:5px; font-size:12px;}
.login_box .login_func .row {overflow:hidden; padding:5px 0;}
.login_box .login_func .row.first {border-bottom:solid 1px #ececec;}
.login_box .login_func a:hover {text-decoration:underline;}

.login_box .login_func a.btn_join {display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; background-color:#264baf; border:solid 1px #264baf; text-decoration:none;}
.login_box .login_func a.btn_join:hover {opacity:0.9;}

.login_box .login_func a.btn_join02 {display:block; height:auto; line-height:1.4; text-align:center; color:#fff; font-size:16px; background-color:#29afe6; border:solid 1px #29afe6; text-decoration:none; padding:2%;}
.login_box .login_func a.btn_join02:hover {opacity:0.9;}


.login_box .sns_login {overflow:hidden; font-size:16px;}
.login_box .sns_login .facebook {display:none; float:left; width:33.33%; overflow:hidden; position:relative;}
.login_box .sns_login .facebook .sns_icon {display:inline-block; float:left; width:52px; height:50px; background:url('../images/icon/icon_sns_facebook.png') #3c5a9a no-repeat center center; position:absolute; top:0; left:0;}
.login_box .sns_login .facebook .tx {display:block; margin-left:52px; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#3c5a9a;}

.login_box .sns_login .naver {float:left; width:50%; overflow:hidden; position:relative;}
.login_box .sns_login .naver .sns_icon {display:inline-block; float:left; width:52px; height:50px; background:url('../images/icon/icon_sns_naver.png') #00bd39 no-repeat center center; position:absolute; top:0; left:0;}
.login_box .sns_login .naver .tx {display:block; margin-left:52px; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#00bd39;}
.login_box .sns_login .kakao {float:left; width:50%; overflow:hidden; position:relative;}
.login_box .sns_login .kakao .sns_icon {display:inline-block; float:left; width:52px; height:50px; background:url('../images/icon/icon_sns_kakao.png') #f8e81f no-repeat center center; position:absolute; top:0; left:0;}
.login_box .sns_login .kakao .tx {display:block; margin-left:52px; height:50px; line-height:50px; text-align:center; color:#333333; background-color:#f8e81f;}


/* 아이디/비번찾기 */
.login_tabmenu {margin-bottom:50px;}
.login_tabmenu ul {display:table; width:100%;}
.login_tabmenu ul li {display:table-cell; width:50%;}
.login_tabmenu ul li a {display:block; height:50px; line-height:50px; font-size:16px; text-align:center; border-bottom:solid 1px #cccccc;}
.login_tabmenu ul li a.active {border:solid 1px #cccccc; border-bottom:none;}

.login_box .inner_info input[type="text"].user_email {margin-bottom:32px;}

.login_box .login_info_result {text-align:center; font-size:20px;}
.login_box .login_info_result .result_ment {padding:30px 0 70px;}
.login_box .login_info_result .result_ment span {display:block;}
.login_box .login_info_result .result_ment strong {font-size:32px;}

.login_box .login_info_result button {width:100%; height:50px; color:#fff; font-size:16px; background-color:#000; border:solid 1px #000;}
.login_box .login_info_result button:hover {opacity:0.8;}

/* 모바일 */
@media all and (max-width:768px){	
	.login_box {width:90%; margin:0 auto; padding:40px 0;}
	.login_box h2 {margin-bottom:30px; text-align:center;}
	.login_box h2 strong {font-size:30px;}
}
@media all and (max-width:640px){
	.login_box h2 strong {font-size:20px;}

	.login_box .sns_login .facebook {float:none; margin-bottom:5px; width:auto;}
	.login_box .sns_login .naver {float:none; margin-bottom:5px; width:auto;}
	.login_box .sns_login .kakao {float:none; margin-bottom:5px; width:auto;}
}

/*///////////////////////////////////////////////////////
 회원가입
///////////////////////////////////////////////////////*/
/* 인증 */
.member_join_box {padding:50px 20px; border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;}

.app_ceti_area {margin:0 auto; width:600px; font-size:16px; color:#666;}
.app_ceti_area .member_ment {margin-bottom:5px; font-size:18px;}
.app_ceti_area .mobile_ceti {border:solid 1px #ccc; text-align:center;}
.app_ceti_area .member_caution {padding:10px 0;}

.app_memberinfo_area {margin:0 auto; width:800px; text-align:center;}
.app_memberinfo_area .member_ment {font-size:28px; color:#7a7a7a;}
.app_memberinfo_area .current_id {padding:50px 0; font-size:34px;}
.app_memberinfo_area .join_func {}
.app_memberinfo_area .join_func button {width:180px; margin:0 10px;}

/* 모바일*/
@media all and (max-width:1024px){
	.app_memberinfo_area {width:auto;}
	.app_memberinfo_area .member_ment {font-size:20px;}
	.app_memberinfo_area .current_id {padding:30px 0; font-size:30px;}
}

@media all and (max-width:768px){
	.app_ceti_area {margin:0 auto; width:auto; font-size:16px;}
	.app_ceti_area .member_ment {font-size:16px;}
}
@media all and (max-width:480px){
	.member_join_box {padding:50px 10px;}

	.app_ceti_area {font-size:14px;}
	.app_ceti_area .member_ment {font-size:14px;}

	.app_memberinfo_area .member_ment {font-size:16px;}
	.app_memberinfo_area .current_id {padding:30px 0; font-size:20px;}
	.app_memberinfo_area .join_func button {width:130px; margin:0 5px;}
}

/* 정보입력 */
.member_join_info {padding:30px 0; border-top:solid 1px #dcdcdc;}

/* 입력, 수정*/
table.table_member {width:100%; font-size:15px; color:#333; border-top:solid 1px #dcdcdc;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_member tbody {}
table.table_member tbody th {padding:15px 10px; padding-left:30px; text-align:left; border-bottom:solid 1px #dcdcdc;}
table.table_member tbody td {padding:15px 10px; border-bottom:solid 1px #dcdcdc;}

/* 리스트 */
table.table_member_list {width:100%; font-size:15px; color:#333; border-top:solid 1px #dcdcdc;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_member_list thead {}
table.table_member_list thead th {padding:15px 10px; border-bottom:solid 1px #dcdcdc; background-color:#f2f2f2;}
table.table_member_list tbody {}
table.table_member_list tbody th {padding:15px 10px; border-bottom:solid 1px #dcdcdc;}
table.table_member_list tbody td {padding:15px 10px; border-bottom:solid 1px #dcdcdc; text-align:center;}
table.table_member_list tfoot th {padding:15px 10px; border-bottom:solid 1px #dcdcdc; background-color:#f2f2f2; font-weight:normal;}


.agree_set_box {padding:30px 20px; border:solid 1px #ccc;}
ul.agree_set {margin-left:20px;}
ul.agree_set li {padding:5px 0; color:#666;}
ul.agree_set li a {display:inline-block; margin-left:10px; padding:0 8px; height:16px; line-height:16px; color:#333; font-size:12px; border-radius:16px; background-color:#fff; border:solid 1px #999;}
ul.agree_set li a:hover {border:solid 1px #333;}
ul.agree_set li a.btn_policy_detail_view {}
ul.agree_set li .info_guide_box{margin-top:10px; padding:20px; background-color:#f2f2f2; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}

.pgbottom_func {padding:30px 0; text-align:center;}
.pgbottom_func button {display:inline-block;  width:420px; padding:0; height:48px; line-height:48px; color:#666; font-size:18px; background-color:#fff; border:solid 1px #cccccc; 
	-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.pgbottom_func button:hover {border:solid 1px #333; color:#000;}

/* 모바일*/
@media all and (max-width:768px){
	table.table_member {font-size:13px;}
	table.table_member tbody th {padding:5px; padding-left:10px; text-align:left; border-bottom:solid 1px #dcdcdc;}
	table.table_member tbody td {padding:5px; border-bottom:solid 1px #dcdcdc;}

	table.table_member_list {font-size:13px;}
	table.table_member_list thead th {padding:5px; padding-left:10px; border-bottom:solid 1px #dcdcdc;}
	table.table_member_list tbody td {padding:5px; border-bottom:solid 1px #dcdcdc;}

	ul.agree_set {margin-left:10px;}
	ul.agree_set li a {margin-left:20px;}

	.pgbottom_func {padding:20px 0;}
	.pgbottom_func button {width:250px;}
}
@media all and (max-width:480px){
	.agree_set_box {padding:10px 0; letter-spacing:-1px;}
}

/* 정책 팝업 */
.layer_pop_member {width:800px; background-color:#fff; position:absolute; top:50%; left:50%; margin-top:-200px; margin-left:-400px; z-index:200;}
.layer_pop_member .pop_top {padding:15px 20px; text-align:center; position:relative;}
.layer_pop_member .pop_top h3 {font-size:24px;}
.layer_pop_member .pop_top a.btn_popup_close {display:inline-block; width:40px; height:40px; border:solid 1px #ccc; font-size:0; text-indent:-10000px; background:url('../images/icon/icon_close.png') no-repeat center center; position:absolute; top:50%; right:20px; margin-top:-20px;
-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.layer_pop_member .pop_top a.btn_popup_close:hover {border:solid 1px #000;}
.layer_pop_member .pop_body {margin:0 20px; padding:20px 0; border-top:solid 1px #ccc;}

/* 정책 */
.policy_cont {line-height:1.5;}
.policy_title {margin-bottom:10px; font-size:16px; font-weight:600;}
.policy_title_s {margin-bottom:10px; font-size:14px; font-weight:600;}

ul.policy_list_num {}
ul.policy_list_num li {}

/*이용약관*/
.scroll {overflow-y:scroll; max-height:500px; padding-right:20px;}
.policy_list_num table {width: 100%;border: 1px solid #444444;border-collapse: collapse;}
.policy_list_num table th {background:#f5f5f5;}  
.policy_list_num table th, .policy_list_num table td {border: 1px solid #444444; text-align: center;}

 /* SCROLLBAR Chrome, Safari */
.scroll::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
.scroll::-webkit-scrollbar-button:start:decrement, .scroll::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#efefef}
.scroll::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
.scroll::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

 /* SCROLLBAR IE */
.scroll  { scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: rgba(239, 239, 239, 1); scrollbar-base-color: #efefef; scrollbar-Face-Color:rgba(189, 189, 189, 1); scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}

@media all and (max-width:1024px){	
	.layer_pop_member {width:80%; position:absolute; top:50%; left:10%; margin-top:-200px; margin-left:0;}
	/*.scroll {overflow-y: hidden;max-height: 100%;padding-right: 0px;}	*/
}

@media all and (max-width:480px){	
	.layer_pop_member {width:96%; position:absolute; top:50%; left:2%;}
	.scroll {overflow-y:scroll; max-height:300px;}
	/*.scroll {overflow-y: hidden;max-height: 100%;padding-right: 0px;}*/
}


/* 회원가입 완료 */
.membership_box {padding-top:100px;} 

h2.membership_title_complete {padding-bottom:50px; font-size:40px; text-align:center;}
h2.membership_title_complete strong {display:block; padding-top:10px; font-weight:normal; color:#606060;}

.membership_complete_box {margin-bottom:50px; text-align:center;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
.membership_complete_box p.ment {margin-bottom:20px; font-size:30px;}
.membership_complete_box p.tx {font-size:20px; color:#606060; line-height:1.3;}

.memberstep_complete_func {margin-bottom:100px; padding:30px 0; text-align:center;}
.memberstep_complete_func button {margin:0 5px; width:200px; height:50px; font-size:16px;}

@media all and (max-width:480px){
	.membership_box {padding-top:50px;}
	h2.membership_title_complete {padding-bottom:20px; font-size:32px; text-align:center;}
	h2.membership_title_complete strong {display:block; padding-top:10px; font-weight:normal; color:#606060;}
	h2.membership_title_complete img {width:50px;}

	.membership_complete_box {margin-bottom:30px; text-align:center;}
	.membership_complete_box p.ment {margin-bottom:15px; font-size:22px;}
	.membership_complete_box p.tx {font-size:18px; color:#606060; line-height:1.3;}

	.memberstep_complete_func {margin-bottom:50px; padding:20px 0; text-align:center;}
	.memberstep_complete_func button {width:130px; height:40px; font-size:16px;}
}

/*///////////////////////////////////////////////////////
 expert-corner 
///////////////////////////////////////////////////////*/

/* 메인 페이지  */
.main_Expert_list {}
.main_Expert_list ul {margin-left:-2%;}
.main_Expert_list ul:after {display:block; content:""; clear:both;}
.main_Expert_list ul li {float:left; margin-bottom:15px; margin-left:2%; width:48%;}
.main_Expert_list ul li .outline {padding:20px 0 0; border:solid 1px #ccc; background-color:#fff;
	box-shadow:3px 3px 5px 0px #eee;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;
}
.main_Expert_list ul li .outline a {display:block;}
.main_Expert_list ul li .outline .photo {margin:0 auto; width:100px; height:100px; overflow:hidden; -webkit-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; border-radius:100px;}
.main_Expert_list ul li .outline .photo img {}
.main_Expert_list ul li .outline .info {padding:0 20px;}
.main_Expert_list ul li .outline .info .corner_name {padding:5px 0; text-align:center; font-size:18px; display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.main_Expert_list ul li .outline .info .intro_txt {display:block; margin-bottom:5px; font-size:13px; line-height:18px; color:#aaa;
	height:40px; 
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    display:none;
}
.main_Expert_list ul li .outline .new_list {display:block; padding:0 15px 10px 35px; padding-top:5px; border-top:solid 1px #ccc; font-size:14px;
	background: url('../images/icon/icon_new_red.png') #fff no-repeat 10px 12px;
}
.main_Expert_list ul li .outline .new_list a {
    	display:block;
    	padding:2px 0;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;
}


/* 테블릿과 모바일*/
@media all and (max-width:1024px){
	.main_Expert_list ul li .corner_name {margin:0 10px 5px;}
	.main_Expert_list ul li .thum {margin:0 10px; text-align:center;}
}

@media all and (max-width:768px){
	.main_Expert_list ul li .outline {border:solid 0px #ccc;}
}

/* 모바일*/
@media all and (max-width:480px){
	.main_Expert_list ul li {float:none; margin-bottom:10px; width:auto;}
}

/* 전문가코너 타이틀 배너 */
.corner_title {margin-bottom:50px;}
@media all and (max-width:768px){
	.corner_title {margin-bottom:30px;}
}


/* expert-corner - 서브메인 */
.expert_main {padding:30px 0;}

.expert_list {}
.expert_list ul {overflow:hidden; background-color:#fff;}
.expert_list ul li {float:left; padding:15px 0; width:50%;}
.expert_list ul li .corner_name {margin-bottom:5px; text-align:center; font-size:20px; font-family:'IropkeBatangM',serif; display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.expert_list ul li .corner_name span {color:#5080d8; font-family:'IropkeBatangM',serif;}
.expert_list ul li .thum {text-align:center;}
.expert_list ul li .thum img {}

/* 테블릿과 모바일*/
@media all and (max-width:1024px){
	.expert_list ul li .corner_name {margin:0 10px 5px;}
	.expert_list ul li .thum {margin:0 10px; text-align:center;}
}
/* 모바일*/
@media all and (max-width:768px){
	.expert_list ul {border-top:solid 0px #aaa; background-color:transparent;}
	.expert_list ul li {float:none; padding:15px 0; width:auto; border-bottom:solid 0px #ddd; margin-bottom:1px; background-color:#fff;}
}

.article_inner_media {clear:both; width:900px; margin:0 auto 30px; }
.article_inner_media .video-container{position:relative; padding-bottom:53%; padding-top:30px; height:0; overflow:hidden; background:url('../images/sub/forum/media_thum.png') no-repeat center center; background-size:cover;}  
.article_inner_media .video-container iframe,
.article_inner_media .video-container object,
.article_inner_media .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} 

@media only screen and (max-width:920px){
	.article_inner_media {width:96%;}
}

/* 코너 메인 */
.post_list {}
.post_list ul {border-top:solid 1px #ccc;}
.post_list ul li {padding:20px 10px;}
.post_list ul li .outline {padding-right:280px; overflow:hidden;}
.post_list ul li .outline .post_cont {float:left; width:100%; vertical-align:middle;}
.post_list ul li .outline .post_cont .info {margin-bottom:8px; color:#999;}
.post_list ul li .outline .post_cont .info span {vertical-align:middle;}
.post_list ul li .outline .post_cont .info .date {}
.post_list ul li .outline .post_cont .info .view_count {}
.post_list ul li .outline .post_cont a {display:block;}
.post_list ul li .outline .post_cont a .subject {font-size:22px; line-height:1.2;
	display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;
}
.post_list ul li .outline .post_cont .lead_txt {padding-top:10px; font-size:15px;
	max-height:67px; 
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
.post_list ul li .outline .post_cont .lead_txt span {color:#999;}
.post_list ul li .outline .post_thum {float:right; margin-right:-280px; width:250px; height:140px; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.post_list ul li .outline .post_thum img {width:100%;}

.post_list .bottom {padding:20px; text-align:center;}
.post_list .bottom a.btn_more {display:inline-block;  width:420px; padding:0; height:38px; line-height:38px; color:#666; font-size:16px; background-color:#fff; border:solid 1px #cccccc; 
	-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.post_list .bottom a.btn_more:hover {border:solid 1px #333;}

@media (max-width: 768px){
	.post_list ul li .outline {padding-right:220px;}
	.post_list ul li .outline .post_cont {padding-top:0;}
	.post_list ul li .outline .post_cont a .subject {font-size:18px;}
	.post_list ul li .outline .post_cont .lead_txt {}
	.post_list ul li .outline .post_thum {margin-right:-220px; width:200px;}
	.post_list .bottom a.btn_more, .post_list .bottom a.btn_more {width:280px;}	
}
@media (max-width: 480px){
	.post_list ul li .outline {padding-right:110px;}
	.post_list ul li .outline .post_cont {padding-right:10px;}
	.post_list ul li .outline .post_cont .info {font-size:12px; margin-bottom:5px;}
	.post_list ul li .outline .post_cont a .subject {display:block; font-size:16px; line-height:1.2;
		max-height:50px; 
	    display:-webkit-box;
	    -webkit-line-clamp:2;
	    -webkit-box-orient:vertical;
	    overflow:hidden;
	    text-overflow:ellipsis;
	}
	.post_list ul li .outline .post_cont .lead_txt {font-size:13px;
		max-height:50px; 
	    display:-webkit-box;
	    -webkit-line-clamp:2;
	    -webkit-box-orient:vertical;
	    overflow:hidden;
	    text-overflow:ellipsis;
	}
	.post_list ul li .outline .post_thum {margin-right:-110px; width:100px; height:90px;}
}

/* 상세페이지 */
.expert_corner_name {}
.expert_corner_name span {display:inline-block; margin-bottom:10px; padding:0; height:34px; line-height:34px; color:#333; font-size:24px; font-weight:normal; font-family:'IropkeBatangM',serif; /*background-color:#3f51b5;*/
-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}

.img_inner {padding:10px 0; margin-bottom:30px; text-align:center;}

@media (max-width: 480px){
	.expert_corner_name span {font-size:18px;}
}

/*///////////////////////////////////////////////////////
 아티클 리스트
///////////////////////////////////////////////////////*/
span.author {display:inline-block; padding-left:17px; font-size:12px; color:#999; background:url('../images/icon/icon_pen.png') no-repeat left center;}

/* 메인 페이지 아티클 */
.main_article_list {}
.main_article_list ul {overflow:hidden; margin-left:-2%;}
.main_article_list ul li {float:left; width:48%; margin-left:2%; margin-bottom:30px;}
.main_article_list ul li a {display:block;}
.main_article_list ul li .thum {}
.main_article_list ul li .thum img {}
.main_article_list ul li .info {padding:15px 10px; height:80px;}
.main_article_list ul li .info span.subject {display:block; margin-bottom:10px; font-size:18px; line-height:24px;
	max-height:50px; 
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis;
}
/*.main_article_list ul li .info span.author {display:inline-block; padding-left:17px; font-size:12px; color:#999; background:url('../images/icon/icon_pen.png') no-repeat left center;}*/
.main_article_list .bottom {padding:20px; text-align:center;}
.main_article_list .bottom a.btn_more {display:inline-block;  width:420px; padding:0; height:38px; line-height:38px; color:#666; font-size:16px; background-color:#fff; border:solid 1px #cccccc; 
	-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.main_article_list .bottom a.btn_more:hover {border:solid 1px #333;}

/* 서브 페이지 아티클 */
.article_list {}
.article_list ul {overflow:hidden; margin-left:-2%;}
.article_list ul li {float:left; width:31.33%; margin-left:2%; margin-bottom:10px; position:relative;}
.article_list ul li a {display:block;}
.article_list ul li .thum {height:235px; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.article_list ul li .thum img {}
.article_list ul li .info {padding:15px 10px; height:100px;}
.article_list ul li .info span.subject {display:block; margin-bottom:10px; font-size:18px; line-height:24px;
	height:50px; 
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis;
}
.article_list ul li .info span.date {display:inline-block; line-height:1; padding-right:5px; font-size:12px; color:#999;}
.article_list ul li .info span.author2 {display:inline-block; line-height:1; padding-left:5px; border-left:solid 1px #ccc; font-size:12px; color:#999;}
.article_list ul li .info span.author {display:inline-block; padding-left:17px; font-size:12px; color:#999; background:url('../images/icon/icon_pen.png') no-repeat left center;}
.article_list ul li .info span.date {display:block; padding-top:5px; line-height:1; font-size:12px; color:#999;}

.article_list ul li a.btn_list_delete {display:inline-block; width:30px; height:30px; font-size:0; text-indent:-10000px; background:url('../images/icon/icon_trash.png') no-repeat center center; position:absolute; top:10px; right:10px;
-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}

.article_list .bottom {padding:20px; text-align:center;}
.article_list .bottom a.btn_more {display:inline-block;  width:420px; padding:0; height:38px; line-height:38px; color:#666; font-size:16px; background-color:#fff; border:solid 1px #cccccc; 
	-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.article_list .bottom a.btn_more:hover {border:solid 1px #333;}

/* 테블릿과 모바일*/
@media all and (max-width:1200px){
	.article_list ul li .thum {height:200px;}
}
/* 테블릿과 모바일*/
@media all and (max-width:1024px){
	.article_list ul li .thum {height:150px;}
}

/* 모바일*/
@media all and (max-width:768px){
	.article_list ul li .thum {height:130px;}
	.main_article_list ul li, .article_list ul li {margin-bottom:10px; background-color:#fff;}
	.main_article_list ul li .info span.subject, .article_list ul li .info span.subject {font-size:14px; line-height:18px; max-height:40px;}
	.main_article_list ul li .info, .article_list ul li .info {padding:15px 10px; height:70px;}
	.main_article_list .bottom a.btn_more, .article_list .bottom a.btn_more {width:280px;}
}

/* 모바일*/
@media all and (max-width:480px){	
	.article_list ul li {float:left; width:48%; margin-left:2%;}
	.article_list ul li .thum {height:110px;}
}


/*///////////////////////////////////////////////////////
 아티클 상세페이지
///////////////////////////////////////////////////////*/
/* 아티클 타이틀 */
.article_cont {}
.article_title {padding:15px 20px; background-color:#fbfbfb; border-top:solid 2px #333; border-bottom:solid 1px #ccc;}
.article_title .top {padding-bottom:10px;}
.article_title .top strong.subject {font-size:32px; font-weight:normal; line-height:1.3;}

.article_title .bottom {display:table; width:100%;}
.article_title .bottom .info {display:table-cell;}
.article_title .bottom .info span {display:block; margin:5px 0}

.article_title .bottom .func {display:table-cell; text-align:right; vertical-align:bottom;}
.article_title .bottom .func .share {display:inline-block;  vertical-align:middle; position:relative;}
.article_title .bottom .func .share a.btn_share {display:inline-block; float:left; width:28px; height:28px; font-size:0; text-indent:-10000px; border:solid 1px #999999;
	background:url('../images/icon/icon_share.png') #fff no-repeat center center;
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; overflow:hidden;}
.article_title .bottom .func .share a.btn_share img {}
.article_title .bottom .func .share .share_list {padding:5px; background-color:#fff; border:solid 1px #ccc; position:absolute; top:-10px; right:35px;
	-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.article_title .bottom .func .share .share_list ul {display:table; width:200px;}
.article_title .bottom .func .share .share_list ul li {display:table-cell; padding:0 2px;}

.article_title .bottom .func .fontsize_set {display:inline-block; overflow:hidden; vertical-align:middle;}
.article_title .bottom .func .fontsize_set a {float:left; display:inline-block; width:28px; height:28px; line-height:28px; text-align:center; vertical-align:middle; background-color:#fff; border:solid 1px #999999;
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.article_title .bottom .func .fontsize_set a:hover {background-color:#f1f1f1;}
.article_title .bottom .func .fontsize_set a.btn_fontsize_minus {font-size:12px; border-right:none; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;}
.article_title .bottom .func .fontsize_set a.btn_fontsize_plus {font-size:16px; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0;}

.article_detail {padding:20px 10px; font-size:16px; line-height:1.8;}

/* 테블릿과 모바일*/
@media all and (max-width:1200px){
}
/* 테블릿과 모바일*/
@media all and (max-width:1024px){
	.article_title .top strong.subject {font-size:26px;}
}

/* 모바일*/
@media all and (max-width:768px){
	.article_title {padding:15px 15px;}
	.article_title .top strong.subject {font-size:20px;}
	.article_detail {padding:20px 10px; font-size:16px;}
}

/* 모바일*/
@media all and (max-width:480px){	
	.article_detail {font-size:15px;}
}


/* 이슈 기사 */
.issue_article_box {}
.issue_article_box .base_width {}

.issue_article {padding:30px; border-top:solid 1px #dcdcdc;}
.issue_article .top {padding-bottom:10px;}
.issue_article .top:after {clear:both; content:""; display:block;}
.issue_article .top h3 {float:left; font-size:20px;}
.issue_article .top .func {float:right;}
.issue_article .top .func a {display:inline-block; margin:0 3px; width:26px; height:26px; font-size:0; text-indent:-10000px; vertical-align:middle; border:solid 1px #ccc; background-color:#fff; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;
box-shadow: 1px 2px 5px 0 #ccc;}
.issue_article .top .func a:hover {border:solid 1px #666;}
.issue_article .top .func a.btn_next {background:url('../images/icon/btn_paging_next_on.png') #fff no-repeat center center;}
.issue_article .top .func a.btn_prev {background:url('../images/icon/btn_paging_pre.png') #fff no-repeat center center;}

/* 스와이프 UI */
.swipe_article {padding:20px 0; border-top:solid 1px #dcdcdc;}
.swipe_article h3.title_base {margin-left:0; margin-bottom:5px;}
.swipe_article .info {padding:20px 10px;}
.swipe_article .subject {display:block; margin-bottom:10px; font-size:18px; line-height:24px;
	max-height:50px; 
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis;}
.swipe_article .author {}

/* 테블릿과 모바일*/
@media all and (max-width:1200px){
}
/* 테블릿과 모바일*/
@media all and (max-width:1024px){
}

/* 모바일*/
@media all and (max-width:768px){
	.swipe_article {padding:10px 0;}
}

/* 모바일*/
@media all and (max-width:480px){	

}


/*///////////////////////////////////////////////////////////////////////////////
 Live 
///////////////////////////////////////////////////////////////////////////////*/
.live_bg {background:url('../images/sub/bg_live.jpg') #016b6b no-repeat center top; background-size:cover;}
.live_home_box {position:relative;}

@media all and (max-width:1600px){
	.live_bg {background-size:initial;}
}

/* 증권사 유튜브 리스트  */
.live_stock_media_list {}
.live_stock_media_list ul {}
.live_stock_media_list ul:after {display:block; content:""; clear:both;}
.live_stock_media_list ul li {float:left; margin-bottom:30px; width:33.33%; text-align:center;}
.live_stock_media_list ul li .outline {position:relative; margin:0 13px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; background-color:#fff; overflow:hidden;
	-moz-box-shadow:0px 0px 5px 20px #00ff00;
　　-webkit-box-shadow:0px 0px 5px 20px #00ff00;
　　box-shadow:0px 0px 5px 20px #00ff00;}
.live_stock_media_list ul li .outline .live_check {display:inline-block; padding:0 10px 0 5px; height:20px; line-height:20px; font-size:12px; color: #fff; background-color:#ff0000; position:absolute; top:0; left:0; z-index:10;
-webkit-border-radius:5px 0 20px 0; -moz-border-radius:5px 0 20px 0; -o-border-radius:5px 0 20px 0; border-radius:5px 0 20px 0;}
.live_stock_media_list ul li .outline .video-container{position:relative; padding-bottom:53%; padding-top:30px; height:0; overflow:hidden; background:url('../images/sub/forum/media_thum.png') no-repeat center center; background-size:cover;
	-webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; background-color:#fff; overflow:hidden;}  
.live_stock_media_list ul li .outline .video-container iframe,
.live_stock_media_list ul li .outline .video-container object,
.live_stock_media_list ul li .outline .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} 


.live_stock_media_list ul li .outline .info {padding:10px; text-align:left; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; border:solid 1px #ddd;}
.live_stock_media_list ul li .outline .info span.label {display:inline-block; margin-bottom:2px; color:#0066cc; font-size:13px;}
.live_stock_media_list ul li .outline .info strong.title {display:block; font-size:16px; font-weight:normal; color:#666666; line-height:1.2;
      display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}

.live_stock_media_list .bottom {padding:20px; text-align:center;}
.live_stock_media_list .bottom a.btn_more {display:inline-block;  width:420px; padding:0; height:38px; line-height:38px; color:#666; font-size:16px; background-color:#fff; border:solid 1px #cccccc; 
	-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.live_stock_media_list .bottom a.btn_more:hover {border:solid 1px #333;}

@media all and (max-width:1024px){
}
@media all and (max-width:768px){
	.live_stock_media_list ul li {float:left; margin-bottom:30px; width:100%; text-align:center;}
	.live_stock_media_list .bottom a.btn_more {width:280px;}
}
@media all and (max-width:480px){
	.live_stock_media_list ul li .outline {margin:0 5px;}
}

.other_channel_list {padding-top:50px; margin-bottom:10px;}
.other_channel_list h3.title_base {color:#fff;}


/* 라이브 중인 다른 증권 채널 */
.other_channel_box {margin-top:50px;}
.other_channel_box .base_width {}

.other_channel {padding:30px 0; border-top:solid 1px #dcdcdc;}
.other_channel .top {padding:0 10px 10px;}
.other_channel .top:after {clear:both; content:""; display:block;}
.other_channel .top h3 {float:left; font-size:20px;}
.other_channel .top .func {float:right;}
.other_channel .top .func a {display:inline-block; margin:0 3px; width:26px; height:26px; font-size:0; text-indent:-10000px; vertical-align:middle; border:solid 1px #ccc; background-color:#fff; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;
box-shadow: 1px 2px 5px 0 #ccc;}
.other_channel .top .func a:hover {border:solid 1px #666;}
.other_channel .top .func a.btn_next {background:url('../images/icon/btn_paging_next_on.png') #fff no-repeat center center;}
.other_channel .top .func a.btn_prev {background:url('../images/icon/btn_paging_pre.png') #fff no-repeat center center;}


/* 포럼 라이브 */
.live_func {margin:0 auto 3px; width:900px; overflow:hidden;}
.live_func .media_select {float:left;}
.live_func .pds_down_box {float:right;}
@media only screen and (max-width:920px){
	.live_func {width:96%;}
}


/* 언어선택 */
.media_select {overflow:hidden;}
.media_select a {float:left; display:inline-block; margin-bottom:1px; width:70px; height:30px; text-align:center; line-height:30px; color:#333; font-size:13px; background-color:#fff; border:solid 1px #ddd;
/*-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;*/}
.media_select a:hover {border:solid 1px #999;}
.media_select a.active {background-color:#ff5300; border:solid 1px #a94e4e; color:#fff;}

@media only screen and (max-width:1024px){
	.media_select a {width:50px;}
}

/* 강의자료 다운로드 버튼 */
a.btn_pds_down {display:inline-block; padding:2px 0; background-color:#ff5722; /*-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;*/
	/*position:absolute; bottom:90px; right:50%; margin-right:-650px; z-index:10;*/
}
a.btn_pds_down:hover {background-color:#da1a1a;}
a.btn_pds_down span {display:inline-block; vertical-align:middle; height:28px; line-height:28px; text-align:center;}
a.btn_pds_down span.tx  {padding:0 0 0 10px; font-size:14px; color:#fff;}
a.btn_pds_down span.icon {width:40px; text-align:center;}

/* 테블릿과 모바일*/
@media all and (max-width:1200px){
	/*.pds_down_box {padding:20px 0 50px;}
	a.btn_pds_down {margin:10px auto; position:relative; bottom:0; right:auto; margin-right:0;}*/
}


.live_title {margin-bottom:20px; text-align:center;}
.live_title .name {margin-bottom:10px;}
.live_title .slogon {margin-bottom:10px;}
.live_title .live {}

.online_live {width:900px; margin:0 auto; }
.online_live .video-container{position:relative; padding-bottom:53%; padding-top:30px; height:0; overflow:hidden; background:url('../images/sub/forum/media_thum.png') no-repeat center center; background-size:cover;}  
.online_live .video-container iframe,
.online_live .video-container object,
.online_live .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} 
.online_live .bottom {display:table; width:100%; padding:10px 0; background-color:#fff;  /*background:url('../images/sub/live/view_bottom.png') no-repeat bottom center;*/
/*-webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;*/}
.online_live .bottom:after {display:block; content:""; clear:both;}
.online_live .bottom .left {vertical-align:middle; padding-left:15px;}
.online_live .bottom .left .time {display:inline-block; color:#666;}
.online_live .bottom .left .title {display:block; font-size:20px; line-height:1.2;}
/*.online_live .bottom .right {display:table-cell; padding-right:15px; color:#666; width:150px; text-align:right; vertical-align:middle;}
.online_live .bottom .right span {display:inline-block; padding:0 5px; height:26px; line-height:26px; border:solid 1px #ddd;}
.online_live .bottom .right strong {color:#000;}*/

@media only screen and (max-width:920px){
	.online_live {width:96%;}
}

@media only screen and (max-width:480px){
	.online_live .bottom .left .title {display:block; font-size:18px;}
}


/*///////////////////////////////////////////////////////////////////////////////
 Forum 
///////////////////////////////////////////////////////////////////////////////*/
.forum_bg {background:url('../images/sub/bg_forum.jpg') #eeeef2 no-repeat center top; background-size:cover;}
.forum_home_box {}
.forum_home_box .blank_forum {margin-bottom:50px; padding:30px; text-align:center; background-color:#fff;
-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}

/* 진행중인 포럼 */
.forum_ing_list {}
.forum_ing_list ul {}
.forum_ing_list>ul>li {margin-bottom:20px; background-color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden;}
.forum_ing_list>ul>li .outline {display:table; width:100%;}
.forum_ing_list>ul>li .outline .thum {display:table-cell; vertical-align:middle; width:300px; background-color:#ccc;}
.forum_ing_list>ul>li .outline .thum img {}

.forum_ing_list>ul>li .outline .info_box {display:table-cell; vertical-align:middle;}
.forum_ing_list>ul>li .outline .info_box .innerbox {padding:15px;}
.forum_ing_list>ul>li .outline .info_box .innerbox .forum_name {display:inline-block; margin-bottom:3px; padding:0 10px; height:20px; line-height:22px; font-size:13px; color:#505050; background-color:#dcdcdc; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.forum_ing_list>ul>li .outline .info_box .innerbox .forum_title {display:block; font-size:24px; color:#000; line-height:27px;}
.forum_ing_list>ul>li .outline .info_box .innerbox .base_info {padding-top:10px;}
.forum_ing_list>ul>li .outline .info_box .innerbox .base_info ul { color:#666666; font-size:14px; line-height:1.5;}
.forum_ing_list>ul>li .outline .info_box .innerbox .base_info ul li {padding-left:10px; background:url('../images/icon/icon_dot.png') no-repeat left 7px;}
.forum_ing_list>ul>li .outline .info_box .innerbox .base_info ul li .ti {}
.forum_ing_list>ul>li .outline .info_box .innerbox .base_info ul li .tx {}

.forum_ing_list>ul>li .outline .func {display:table-cell; vertical-align:middle; width:250px; text-align:center;}
.forum_ing_list>ul>li .outline .func button {width:90px; height:90px; font-size:16px; color:#fff; background-color:#929292; border:none;
-webkit-border-radius:90px; -moz-border-radius:90px; -o-border-radius:90px; border-radius:90px;}
.forum_ing_list>ul>li .outline .func button:hover {opacity:0.8;}
.forum_ing_list>ul>li .outline .func button.btn_app {}
.forum_ing_list>ul>li .outline .func button.btn_app.bg_primary {background-color:#4e50a1;}
.forum_ing_list>ul>li .outline .func button.btn_app.bg_gray {}

.forum_ing_list>ul>li .outline .qr_code {display:table-cell; vertical-align:middle; width:250px; text-align:center;}

/* 모바일*/
@media all and (max-width:1200px){
	.forum_ing_list>ul>li .outline .thum {width:300px;}
	.forum_ing_list>ul>li .outline .info_box .innerbox .forum_title {font-size:20px; line-height:25px;}
	.forum_ing_list>ul>li .outline .func {width:200px;}
	.forum_ing_list>ul>li .outline .func button {width:70px; height:70px; font-size:14px;}
}
@media all and (max-width:1024px){
	.forum_ing_list>ul>li .outline .thum {width:250px;}
	.forum_ing_list>ul>li .outline .info_box .innerbox .forum_title {font-size:20px; line-height:25px;}
	.forum_ing_list>ul>li .outline .func {width:170px;}
	.forum_ing_list>ul>li .outline .func button {width:70px; height:70px; font-size:14px;}
}
@media all and (max-width:768px){
	.forum_ing_list>ul>li .outline .thum {display:none;}
}
@media all and (max-width:480px){
	.forum_ing_list>ul>li .outline .thum {display:block; width:auto; text-align:center;}
	.forum_ing_list>ul>li .outline .info_box {display:block; width:auto;}
	.forum_ing_list>ul>li .outline .func {display:block; width:auto; padding:10px 0; border-top:solid 1px #ccc;}
	.forum_ing_list>ul>li .outline .func button {width:100px; height:40px;}
}

/* 종료된 포럼 */
.forum_end_list {}
.forum_end_list ul {overflow:hidden; margin-left:-20px;}
.forum_end_list ul li {float:left; margin-left:20px; margin-bottom:20px;}
.forum_end_list ul li .outline {-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden;}

.forum_end_list .bottom {padding:20px; text-align:center;}
.forum_end_list .bottom a.btn_more {display:inline-block;  width:420px; padding:0; height:38px; line-height:38px; color:#666; font-size:16px; background-color:#fff; border:solid 1px #cccccc; 
	-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.forum_end_list .bottom a.btn_more:hover {border:solid 1px #333;}

/* 모바일*/
@media all and (max-width:1200px){
	.forum_end_list ul {margin-left:-2%;}
	.forum_end_list ul li {width:48%; margin-left:2%;}
}
@media all and (max-width:480px){
	.forum_end_list ul {margin-left:0;}
	.forum_end_list ul li {width:auto; margin-left:0; margin-bottom:10px;}
	.forum_end_list .bottom a.btn_more {width:300px;}
}


/* 포럼 상세페이지  */
.forum_detail_base {margin-bottom:50px; }
.forum_detail_base ul {}
.forum_detail_base>ul>li {background-color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden;}
.forum_detail_base>ul>li .outline {display:table; width:100%;}
.forum_detail_base>ul>li .outline .thum {display:table-cell; vertical-align:middle; width:457px; background-color:#999;}
.forum_detail_base>ul>li .outline .thum img {}

.forum_detail_base>ul>li .outline .info_box {display:table-cell; vertical-align:middle;}
.forum_detail_base>ul>li .outline .info_box .innerbox {padding:10px 30px;}
.forum_detail_base>ul>li .outline .info_box .innerbox .forum_name {display:inline-block; margin-bottom:7px; padding:0 10px; height:20px; line-height:22px; font-size:13px; color:#505050; background-color:#dcdcdc; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.forum_detail_base>ul>li .outline .info_box .innerbox .forum_title {display:block; margin-bottom:5px; font-size:24px; color:#000; line-height:27px;}
.forum_detail_base>ul>li .outline .info_box .innerbox .base_info {padding-top:10px;}
.forum_detail_base>ul>li .outline .info_box .innerbox .base_info ul { color:#666666; font-size:14px; line-height:1.5;}
.forum_detail_base>ul>li .outline .info_box .innerbox .base_info ul li {margin-bottom:5px; padding-left:10px; background:url('../images/icon/icon_dot.png') no-repeat left 7px;}
.forum_detail_base>ul>li .outline .info_box .innerbox .base_info ul li .ti {margin-right:10px;}
.forum_detail_base>ul>li .outline .info_box .innerbox .base_info ul li .tx {}

.forum_detail_base>ul>li .outline .info_box .innerbox .sns_share {padding:15px 0 20px;}
.forum_detail_base>ul>li .outline .info_box .innerbox .sns_share a {margin-left:5px;}
.forum_detail_base>ul>li .outline .info_box .innerbox .sns_share a img {}

.forum_detail_base>ul>li .outline .info_box .innerbox .func {}
.forum_detail_base>ul>li .outline .info_box .innerbox .func button {width:220px; height:50px; font-size:16px; color:#fff; background-color:#929292; border:none;
-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.forum_detail_base>ul>li .outline .info_box .innerbox .func button:hover {opacity:0.8;}
.forum_detail_base>ul>li .outline .info_box .innerbox .func button.btn_app {}
.forum_detail_base>ul>li .outline .info_box .innerbox .func button.btn_app.bg_primary {background-color:#4e50a1;}

/* 모바일*/
@media all and (max-width:1200px){
}
@media all and (max-width:1024px){
	.forum_detail_base>ul>li .outline .thum {width:35%;}
}
@media all and (max-width:768px){
}
@media all and (max-width:480px){
	.forum_detail_base>ul>li .outline .thum {display:block; width:auto;}
	.forum_detail_base>ul>li .outline .info_box {display:block;}
	.forum_detail_base>ul>li .outline .info_box .innerbox {padding:15px;}
	.forum_detail_base>ul>li .outline .info_box .innerbox .forum_title {font-size:18px; line-height:22px;}
	.forum_detail_base>ul>li .outline .info_box .innerbox .base_info ul {font-size:12px;}
	.forum_detail_base>ul>li .outline .info_box .innerbox .func {text-align:center;}
	.forum_detail_base>ul>li .outline .info_box .innerbox .func button {width:100%; height:40px;}
}


/* 포럼 상세영역 */
.forum_detail {-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; background-color:#fff; overflow:hidden;}
.tabmenu_forum {}
.tabmenu_forum ul {display:table; width:100%; background-color:#fafafa;}
.tabmenu_forum ul li {display:table-cell; width:16.66%;}
.tabmenu_forum ul li a {display:block; height:62px; line-height:62px; font-size:18px; color:#000; text-align:center; border-left:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; opacity:0.5;}
.tabmenu_forum ul li:first-child a {border-left:none;}
.tabmenu_forum ul li a:hover, .tabmenu_forum ul li a.active {background-color:#fff; opacity:1; border-bottom:solid 1px #fff;}

.tab_cont {padding:30px; font-size:14px;}

/* 모바일*/
@media all and (max-width:1200px){
}
@media all and (max-width:1024px){
	.tabmenu_forum ul li a {font-size:16px;}
}
@media all and (max-width:768px){
	.tabmenu_forum ul li {display:block; float:left; width:33.33%;}
	.tabmenu_forum ul li a {font-size:15px; height:40px; line-height:40px;}

	.tab_cont {padding:30px 20px;}
}
@media all and (max-width:480px){
	.tab_cont {padding:30px 10px;}
}


/* 지난 포럼 연도별(회차별) 리스트 */
.forum_late_list {}
.forum_late_list ul {}
.forum_late_list ul:after {display:block; content:""; clear:both;}
.forum_late_list ul li {float:left; margin-bottom:30px; width:25%; text-align:center;}
.forum_late_list ul li .outline {margin:0 13px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; background-color:#fff;
	-moz-box-shadow:0px 0px 5px 20px #0f0;
　　-webkit-box-shadow:0px 0px 5px 20px #0f0;
　　box-shadow:0px 0px 5px 20px #0f0;}
.forum_late_list ul li .outline a {}
.forum_late_list ul li .outline a:hover .info strong.title {text-decoration:underline;}
.forum_late_list ul li .outline .thum {-webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; background-color:#fff; overflow:hidden;}
.forum_late_list ul li .outline .thum img {width:100%;}
.forum_late_list ul li .outline .info {padding:15px; text-align:left; border-top:solid 1px #ddd;}
.forum_late_list ul li .outline .info span.label {display:inline-block; margin-bottom:2px; color:#0066cc; font-size:13px;}
.forum_late_list ul li .outline .info strong.title {display:block; font-size:16px; font-weight:normal; color:#666666; line-height:1.2; height:40px;	
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis;}

.forum_late_list .bottom {padding:20px; text-align:center;}
.forum_late_list .bottom a.btn_more {display:inline-block;  width:420px; padding:0; height:38px; line-height:38px; color:#666; font-size:16px; background-color:#fff; border:solid 1px #cccccc; 
	-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.forum_late_list .bottom a.btn_more:hover {border:solid 1px #333;}

@media all and (max-width:1024px){
	.forum_late_list ul li {float:left; margin-bottom:30px; width:33.33%; text-align:center;}
}
@media all and (max-width:768px){
	.forum_late_list ul li {float:left; margin-bottom:30px; width:50%; text-align:center;}
	.forum_late_list .bottom a.btn_more {width:280px;}
}
@media all and (max-width:480px){
	.forum_late_list ul li .outline {margin:0 5px;}
}



/* 지난 포럼 연도별(회차별) 리스트__상세페이지_동영상리스트 */
.forum_media_list {}
.forum_media_list ul {}
.forum_media_list ul:after {display:block; content:""; clear:both;}
.forum_media_list ul li {float:left; margin-bottom:30px; width:33.33%; text-align:center;}
.forum_media_list ul li .outline {margin:0 13px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; background-color:#fff;
	-moz-box-shadow:0px 0px 5px 20px #0f0;
　　-webkit-box-shadow:0px 0px 5px 20px #0f0;
　　box-shadow:0px 0px 5px 20px #0f0;}

.forum_media_list ul li .outline {position:relative;}
.forum_media_list ul li .outline .video-container{position:relative; padding-bottom:58%; padding-top:0; height:0; overflow:hidden; background:url('../images/sub/forum/media_thum.png') no-repeat center center; background-size:cover;
	-webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; background-color:#fff; overflow:hidden;}  
.forum_media_list ul li .outline .video-container iframe,
.forum_media_list ul li .outline .video-container video,
.forum_media_list ul li .outline .video-container object,
.forum_media_list ul li .outline .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} 


.forum_media_list ul li .outline .info {padding:15px; text-align:left; border-top:solid 1px #ddd;}
.forum_media_list ul li .outline .info span.label {display:inline-block; margin-bottom:2px; color:#0066cc; font-size:13px;}
.forum_media_list ul li .outline .info strong.title {display:block; font-size:16px; font-weight:normal; color:#666666; line-height:1.2; height:40px;	
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis;}

.forum_media_list .bottom {padding:20px; text-align:center;}
.forum_media_list .bottom a.btn_more {display:inline-block;  width:420px; padding:0; height:38px; line-height:38px; color:#666; font-size:16px; background-color:#fff; border:solid 1px #cccccc; 
	-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.forum_media_list .bottom a.btn_more:hover {border:solid 1px #333;}

@media all and (max-width:1024px){
}
@media all and (max-width:768px){
	.forum_media_list ul li {float:left; margin-bottom:30px; width:100%; text-align:center;}
	.forum_media_list .bottom a.btn_more {width:280px;}
}
@media all and (max-width:480px){
	.forum_media_list ul li .outline {margin:0 5px;}
}


/* 사진 갤러리 */
.photo_gallery {margin-bottom:50px; padding:20px; background-color:#fff;}
.photo_gallery ul {}
.photo_gallery ul:after {display:block; content:""; clear:both;}
.photo_gallery ul li {float:left; width:14.285%; text-align:center;}
.photo_gallery ul li .outline {margin:2px; height:110px; background-color:#f2f2f2}

/*///////////////////////////////////////////////////////////////////////////////////////////
 연사소개
 ///////////////////////////////////////////////////////////////////////////////////////////*/
.speaker_list {
    word-break:keep-all;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;}
  .speaker_list ul {overflow:hidden; padding-top:30px; border-bottom:solid 1px #ddd; /*background:url('images/forum/sub2020/speaker_vilne.png') repeat-y center top;*/}
  .speaker_list ul>li {float:left; width:46%; margin:0 2% 50px; overflow:hidden;}
  /*.speaker_list ul>li.gep_left {position:relative; top:-100px;}
  .speaker_list ul>li.gep_right {margin-top:150px;}*/
  .speaker_list ul>li .outline {padding-left:170px; overflow:hidden;}
  .speaker_list ul>li .thum {float:left; width:170px; height:190px; margin-left:-170px; -webkit-border-radius:200px; -moz-border-radius:200px; -o-border-radius:200px; border-radius:200px; overflow:hidden;}
  .speaker_list ul>li .thum img {width:100%;}
  .speaker_list ul>li .base_info {float:right; width:100%;}
  .speaker_list ul>li .base_info .name_info {margin-left:20px; padding:10px 0 5px; color:#333; text-align:left;}
  .speaker_list ul>li .base_info .name_info .name {display:block; margin-bottom:5px; color:#333; font-size:20px;}
  .speaker_list ul>li .base_info .name_info .cata {display:inline-block; margin-bottom:5px; padding:0 10px; height:24px; font-size:12px; line-height:24px; color:#fff; background-color:#3f51b5; 
  -webkit-border-radius:200px; -moz-border-radius:200px; -o-border-radius:200px; border-radius:200px;}
  .speaker_list ul>li .base_info .name_info .org {display:block; height:30px; font-size:12px; line-height:14px;}
  .speaker_list ul>li .base_info .history {margin-left:20px; margin-bottom:20px; color:#333; font-size:14px; text-align:left;}
  .speaker_list ul>li .base_info .history ol {padding-top:15px; background:url('../images/sub/bar.png') no-repeat left top;}
  .speaker_list ul>li .base_info .history li {padding-left:15px; background:url('../images/sub/bullet_dot.png') no-repeat 5px 7px; line-height:1.3 !important;}
  .speaker_list ul>li .base_info .lect_plan {margin-left:20px;}
  .speaker_list ul>li .base_info .lect_plan a.btn_lect_plan {display:inline-block; padding:0 15px; height:30px; line-height:30px; color:#fff; background-color:#000;
  	-webkit-border-radius:200px; -moz-border-radius:200px; -o-border-radius:200px; border-radius:200px;
  }

@media only screen and (max-width: 1200px){
	.speaker_list ul>li .outline {padding-left:100px;}
  	.speaker_list ul>li .thum {width:100px; height:100px; margin-left:-100px;}

    .speaker_list ul>li .base_info .name_info {padding:10px 0 5px 10px; margin-left:0;}
    .speaker_list ul>li .base_info .history {padding-left:10px; margin-left:0;}
    .speaker_list ul>li .base_info .lect_plan {padding-left:10px; margin-left:0;}
}

@media only screen and (max-width: 768px){    
	.speaker_list ul {padding-top:0; border-bottom:solid 0px #ddd; border-top:solid 1px #ddd;}
    .speaker_list ul>li {float:none; width:auto; margin:0 20px; padding:30px 0; border-bottom:solid 1px #ddd;}

    .speaker_list ul>li .outline {padding-left:150px;}
  	.speaker_list ul>li .thum {width:150px; height:170px; margin-left:-150px;}
    
    .speaker_list ul>li .base_info {float:right; width:100%;}
    .speaker_list ul>li .base_info .name_info .name {font-size:18px;}
    .speaker_list ul>li .base_info .name_info .org {display:inline-block;}

    .speaker_list ul>li .base_info .history {font-size:13px;}
    .speaker_list ul>li .base_info .history ol {padding-top:15px; background:url('../images/sub/bar.png') no-repeat left top;}
    .speaker_list ul>li .base_info .history li {padding-left:15px; background:url('../images/sub/bullet_dot.png') no-repeat 5px 7px; line-height:1.3 !important;}
}

@media only screen and (max-width: 480px){
    .speaker_list ul>li {margin:0 5px 0; padding:15px 0;}
    .speaker_list ul>li .outline {padding-left:100px;}
  	.speaker_list ul>li .thum {width:100px; height:110px; margin-left:-100px;}
}

/* 강의계획서 popup style ***/
.layer_pop_lec_plan {width:500px; background-color:#fff; border:solid 1px #666; position:absolute; top:100px; left:50%; margin-left:-250px; z-index:101;}
.layer_pop_lec_plan .pop_top {height:60px; line-height:60px; background-color:#042274; border-bottom:solid 1px #e1e1e1; position:relative;}
.layer_pop_lec_plan .pop_top h3.pop_ti {margin-left:20px; color:#fff; font-size:20px; font-weight:normal;}
.layer_pop_lec_plan .pop_top h3 span {font-size:14px;}
.layer_pop_lec_plan .btn_popup_close {display:inline-block; width:33px; height:33px; font-size:0; text-indent:-10000px; background:url('../images/icon/btn_popup_close_white.png') no-repeat center center; position:absolute; top:50%; right:10px; margin-top:-17px;}
.layer_pop_lec_plan .pop_body {padding:20px 20px 0px;
	word-break:keep-all;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
}
.layer_pop_lec_plan .pop_body.refund_area {padding:20px 0;}
.layer_pop_lec_plan .pop_footer {padding:5px 20px 30px;}
.layer_pop_lec_plan .pop_footer a {margin:0 5px;}

/* 모바일*/
@media all and (max-width:900px){
	.layer_pop_lec_plan {width:96%; position:absolute; top:100px; left:2%; margin-left:0;}
}
@media all and (max-width:480px){
	.layer_pop_lec_plan .pop_body {padding:10px 10px 0px;}
	.layer_pop_lec_plan .pop_footer {padding:5px 10px 30px;}
}

h4.lec_plan_title {display:inline-block; padding:0 10px; font-size:20px; padding-bottom:5px; border-bottom:solid 3px #ff5722;}
.plan_row {padding:20px 10px; border-bottom:solid 1px #999;}
.plan_row .ti {margin-bottom:5px; font-size:16px; font-weight:600;}
.plan_row .dec {}
.plan_row .keyword span {display:inline-block; padding:0 5px;}
.plan_row ul {}
.plan_row ul li {margin-bottom:3px; padding-left:15px; background:url('../images/sub/bullet_dot.png') no-repeat 5px 7px;}


/*///////////////////////////////////////////////////////
 포럼 프로그램
 ///////////////////////////////////////////////////////*/
.pro_cata {display:inline-block; padding:0 10px; height:20px; line-height:20px; color:#fff; font-size:12px; background-color:#e91e63; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
table.table_program {width:100%; font-size:14px; color:#282828; border-top:solid 2px #7e7f88;}
table.table_program thead {}
table.table_program thead th {padding:10px 5px; border:solid 1px #ececec; background-color:#f5f5f5;}
table.table_program tbody {}
table.table_program tbody td {padding:10px 5px; color:#555555; text-align:center; border:solid 1px #ececec; background-color:#fff;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}


/*///////////////////////////////////////////////////////
 참가신청 및 결제하기
 ///////////////////////////////////////////////////////*/
.forum_app_info {padding:20px 30px; border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;}
.forum_app_info .outline {display:table; width:100%;}
.forum_app_info .outline .thum {display:table-cell; width:300px; background-color:#0f0f35; vertical-align:middle;}
.forum_app_info .outline .thum img {width:100%;}
.forum_app_info .outline .info_box {display:table-cell; padding:10px; padding-left:20px; vertical-align:middle;}
.forum_app_info .outline .info_box span.forum_name {display:inline-block; margin-bottom:10px; padding:0 10px; height:20px; line-height:22px; font-size:13px; color:#505050; background-color:#dcdcdc; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.forum_app_info .outline .info_box strong.forum_title {display:block; margin-bottom:10px; font-size:24px; color:#000; line-height:27px;}
.forum_app_info .outline .info_box .base_info {font-size:16px; color:#666;}
.forum_app_info .outline .forum_status {display:table-cell; vertical-align:middle; text-align:right; width:100px;}
.forum_app_info .outline .forum_status span.forum_pay_complete {display:inline-block; padding:3px 10px; color:#333; font-size:14px; background-color:#ddd; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;}

@media all and (max-width:1024px){
	.forum_app_info {padding:20px 20px;}
	.forum_app_info .outline .thum {display:table-cell; width:250px;}
	.forum_app_info .outline .forum_status span.forum_pay_complete {font-size:14px;}
}
@media all and (max-width:768px){
	.forum_app_info {padding:10px 10px;}
	.forum_app_info .outline .thum {display:table-cell; width:200px;}

	.forum_app_info .outline .info_box {padding-left:10px;}
	.forum_app_info .outline .info_box strong.forum_title {font-size:20px; line-height:24px;}
	.forum_app_info .outline .info_box .base_info {font-size:14px;}
}
@media all and (max-width:480px){
	.forum_app_info .outline .thum {display:block; width:auto; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden;}
	.forum_app_info .outline .info_box {display:block; width:auto;}	
	.forum_app_info .outline .forum_status {display:block; padding-top:10px; width:auto; text-align:center; border-top:solid 1px #f2f2f2;}	
	.forum_app_info .outline .forum_status span.forum_pay_complete {display:inline-block; width:100%; padding:3px 0; color:#333; font-size:14px;
		-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
}

/* 결제 방법 */
.payhow {}
.payhow label {display:inline-block; margin:0 30px;}
@media all and (max-width:768px){
	.payhow {padding:10px;}
	.payhow label {display:inline-block; margin:10px 20px;}
}
@media all and (max-width:480px){
	.payhow {padding:0 10px;}
	.payhow label {display:inline-block; margin:5px 0; width:40%;}
}

/* 멤버십 table*/
table.table_membership_pay {width:100%; font-size:14px; color:#282828; border-top:solid 2px #333;}
table.table_membership_pay tbody {}
table.table_membership_pay tbody th {padding:10px 10px 10px 20px; text-align:left; border:solid 1px #ececec; background-color:#f5f5f5;}
table.table_membership_pay tbody td {padding:10px; color:#555555; border:solid 1px #ececec; background-color:#fff;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_membership_pay tbody td.disible {background-color:#f9f9f9;}

@media all and (max-width:768px){	
	table.table_membership_pay {padding:10px 0; border-top:solid 1px #dc943a;}
	table.table_membership_pay tbody th {display:block; padding:10px 5px 5px 20px; border:none; background:url('../images/icon/bullet_bar.png') no-repeat 10px center; background-color:#ffffff; }
	table.table_membership_pay tbody td {display:block; padding:5px 15px 5px; border:none; border-bottom:solid 1px #ddd;}
	table.table_membership_pay tbody td input[type="text"] {margin-bottom:5px;}
	table.table_membership_pay tbody td label {display:inline-block;}

	table.table_membership_pay tbody th.th_title {padding:6px 15px; background:none; background-color:#ebebeb;}
}

/*///////////////////////////////////////////////////////
 결제 완료 페이지
 ///////////////////////////////////////////////////////*/
.pay_complete_box {margin-top:30px; padding:50px 50px; background-color:#fff; border:solid 4px #ebf0f2;}
.pay_complete_box .subject {width:480px; margin:0 auto 50px; text-align:center; overflow:hidden;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
.pay_complete_box .subject img {float:left;}
.pay_complete_box .subject strong {font-size:26px; color:#333333;}
.pay_complete_box .desc {font-size:16px; line-height:1.5;}
.pay_complete_box .desc a {text-decoration:underline;}


.pay_complete_func {padding:30px 0; text-align:center;}
.pay_complete_func button {margin:0 5px; width:280px; height:48px; font-size:16px;}
.pay_complete_func button.btn_go_main {color:#fff; background-color:#000000; border:solid 1px #000000;}
.pay_complete_func button.btn_go_my {color:#333;background-color:#fff; border:solid 1px #ccc;}
.pay_complete_func button:hover {opacity:0.8;}

/* 테블릿 */
@media all and (max-width:768px){	
	.pay_complete_box {padding:30px 20px;}
	.pay_complete_box .subject {width:90%; margin:0 auto 20px; text-align:left;}
	.pay_complete_box .subject img {float:left; margin-right:10px; width:50px;}
	.pay_complete_box .subject strong {font-size:22px;}

	.pay_complete_func button {margin:0 5px; width:46%; height:48px; font-size:14px;}
}
/* 모바일 */
@media all and (max-width:414px){
	.pay_complete_box {padding:20px 15px;}
	.pay_complete_box .subject {text-align:center;}
	.pay_complete_box .subject img {float:none; display:inline-block; margin-right:0; margin-bottom:10px; width:40px;}
	.pay_complete_box .subject strong {display:block; font-size:20px;}

	.pay_complete_func button {margin:0 0 5px; width:100%; height:48px; font-size:14px;}
}


/*///////////////////////////////////////////////////////
 Mypage
 ///////////////////////////////////////////////////////*/
 .mypage_title {padding:20px 0 10px; border-bottom:solid 1px #ccc;}

 /* 참석할 포럼 리스트 */
 .forum_attend_box {padding-top:50px; border-top:solid 1px #ccc;}
 .user_welcome {font-size:24px; color:#999;}
 .user_welcome strong.user_name {color:#000;}

@media all and (max-width:768px){
	.user_welcome {margin-bottom:10px;}
}
@media all and (max-width:640px){
	.user_welcome {font-size:18px;}
}

.forum_attend_list {}
.forum_attend_list ul {}
.forum_attend_list>ul>li {padding:20px 0; border-top:solid 1px #ccc;}
.forum_attend_list>ul>li:first-child {border-top:none;}
.forum_attend_list>ul>li .outline {display:table; width:100%;}
.forum_attend_list>ul>li .outline .thum {display:table-cell; vertical-align:middle; width:250px; background-color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.forum_attend_list>ul>li .outline .thum img {border:solid 1px #ddd; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}

.forum_attend_list>ul>li .outline .info_box {display:table-cell; vertical-align:middle;}
.forum_attend_list>ul>li .outline .info_box .innerbox {padding:15px 15px 15px 30px;}
.forum_attend_list>ul>li .outline .info_box .innerbox .forum_title {display:block; font-size:24px; color:#000; line-height:27px; font-weight:normal;}
.forum_attend_list>ul>li .outline .info_box .innerbox .base_info {padding-top:10px;}
.forum_attend_list>ul>li .outline .info_box .innerbox .base_info ul { color:#666666; font-size:16px; line-height:1.5;}
.forum_attend_list>ul>li .outline .info_box .innerbox .base_info ul li {padding-left:10px; background:url('../images/icon/icon_dot.png') no-repeat left 9px;}
.forum_attend_list>ul>li .outline .info_box .innerbox .base_info ul li .ti {display:inline-block; width:80px; font-weight:normal;}
.forum_attend_list>ul>li .outline .info_box .innerbox .base_info ul li .tx {}

.forum_attend_list>ul>li .outline .qr_code {display:table-cell; vertical-align:middle; width:150px; text-align:center;}

a.btn_qrcode {display:inline-block; padding:5px 20px; color:#fff; font-size:16px; background-color:#3366cc; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;}
a.btn_qrcode:hover {opacity:0.8;}
span.forum_attend_complete {display:inline-block; padding:5px 20px; color:#333; font-size:16px; background-color:#ddd; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;}

/* qr코드 팝업 */
.qr_code_pop {display:table; width:100%; height:100%; background-color:rgba(0, 0, 0,0.7); position:absolute; left:0; top:0; z-index:10;}
.qr_code_pop .outline {display:table-cell; vertical-align:middle; text-align:center;}
.qr_code_pop .outline .qr_cont_box {display:inline-block; padding:20px 20px 30px; background-color:#fff; position:relative;
-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.qr_code_pop .outline .pop_top {padding:10px; color:#333; font-size:16px; 
	word-break:keep-all;
  	white-space:-moz-pre-wrap;
  	white-space:-pre-wrap;
  	white-space:-o-pre-wrap;
  	word-wrap:break-word;}
.qr_code_pop .outline .pop_top .btn_pop_qrcode_close {position:absolute; top:10px; right:20px;}

.qr_code_pop .outline .pop_top strong {display:block; margin-bottom:5px; font-size:20px;}
.qr_code_pop .outline .pop_top span {display:block; font-size:14px; line-height:1.4;}
.qr_code_pop .outline .pop_cont {}


/* 모바일*/
@media all and (max-width:1200px){
	.forum_attend_list>ul>li .outline .thum {width:250px;}
	.forum_attend_list>ul>li .outline .info_box .innerbox .forum_title {font-size:20px; line-height:25px;}
	.forum_attend_list>ul>li .outline .qr_code {width:120px;}
}
@media all and (max-width:1024px){
	.forum_attend_list>ul>li .outline .thum {width:200px;}
	.forum_attend_list>ul>li .outline .info_box .innerbox .forum_title {font-size:20px; line-height:25px;}
	.forum_attend_list>ul>li .outline .info_box .innerbox .base_info ul {font-size:14px;}
	.forum_attend_list>ul>li .outline .info_box .innerbox .base_info ul li .ti {width:60px;}
}
@media all and (max-width:768px){
	.forum_attend_list>ul>li {padding:10px; margin-bottom:10px; border:solid 1px #ccc; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden;}
	.forum_attend_list>ul>li:first-child {border-top:solid 1px #ccc;}
	.forum_attend_list>ul>li .outline .thum {display:none;}
	.forum_attend_list>ul>li .outline .info_box .innerbox {padding:10px;}
	.forum_attend_list>ul>li .outline .info_box .innerbox .base_info ul {font-size:14px;}
	.forum_attend_list>ul>li .outline .info_box .innerbox .base_info ul li {background:url('../images/icon/icon_dot.png') no-repeat left 7px;}
	.forum_attend_list>ul>li .outline .info_box .innerbox .base_info ul li .ti {width:auto; padding-right:10px; border-right:solid 1px #ccc; line-height:1;}
	.forum_attend_list>ul>li .outline .info_box .innerbox .base_info ul li .tx {padding-left:5px;}
}
@media all and (max-width:480px){
	.forum_attend_list>ul>li .outline .info_box {display:block; width:auto;}
	.forum_attend_list>ul>li .outline .info_box .innerbox .forum_title {font-size:18px;}
	.forum_attend_list>ul>li .outline .qr_code {display:block; width:auto; padding:10px 0; border-top:solid 1px #ccc;}
	.forum_attend_list>ul>li .outline .qr_code img {width:100px;}

	.qr_code_pop {overflow:hidden; background-color:rgba(256, 256, 256, 1.0);}
	.qr_code_pop .outline {padding-top:100px; vertical-align:top;}
	.qr_code_pop .outline .qr_cont_box {padding:20px 20px 30px; position:initial;}
}

/* 마이페이지 탭 UI */
.mypage_tab {padding-top:30px; margin-bottom:30px;}
.mypage_tab ul {display:table; width:100%;}
.mypage_tab ul li {display:table-cell; width:50%;}
.mypage_tab ul li a {display:block; height:55px; line-height:55px; font-size:20px; color:#999; text-align:center; background-color:#fff; border:solid 1px #ddd;}
.mypage_tab ul li:hover a {color:#333; background-color:#eee;}
.mypage_tab ul li.active a {color:#fff; background-color:#0c7ce6;}

@media all and (max-width:768px){
	.mypage_tab ul li a {height:40px; line-height:40px; font-size:18px;}
}
@media all and (max-width:480px){

}

/* 결제일, 날짜, 영수증 출력 버튼 영역 */
.pay_date_receipt {display:table; padding:10px 0; width:100%; font-size:24px;}
.pay_date_receipt .title {display:table-cell; padding:0 10px; vertical-align:middle; width:150px;}
.pay_date_receipt .title h3 {margin-bottom:0;}
.pay_date_receipt .date {display:table-cell; vertical-align:middle;}
.pay_date_receipt .receipt {display:table-cell; padding:0 20px; vertical-align:middle; text-align:right;}
.pay_date_receipt .receipt a {display:inline-block; padding:3px 15px; font-size:14px; color:#333; text-align:center; background-color:#fff; border:solid 1px #ccc;
-webkit-border-radius:40px; -moz-border-radius:40px; -o-border-radius:40px; border-radius:40px;}
.pay_date_receipt .receipt a:hover {border:solid 1px #333;}

@media all and (max-width:768px){
	.pay_date_receipt {display:table; padding:10px 0; width:100%; font-size:18px;}
	.pay_date_receipt .title {display:table-cell; padding:0 10px; vertical-align:middle; width:auto;}
	.pay_date_receipt .title h3 {font-size:18px;}
	.pay_date_receipt .receipt {padding:0 10px;}
}

/* 1:1 문의 ==> 진행상태 */
.ask_status {display:inline-block; padding:3px 0; width:70px; font-size:12px; color:#fff; text-align:center; background-color:#0c7ce6;
-webkit-border-radius:40px; -moz-border-radius:40px; -o-border-radius:40px; border-radius:40px;}
.ask_status.ask_status_complete {color:#333; background-color:#dcdcdc;}

.pg_func_ask {text-align:right;}
button.btn_ask {padding:0 20px; height:40px; font-size:16px; color:#333; background-color:#fff; border:solid 1px #999; -webkit-border-radius:40px; -moz-border-radius:40px; -o-border-radius:40px; border-radius:40px;}
button.btn_ask:hover {background-color:#f2f2f2;}

@media all and (max-width:480px){
	.pg_func_ask {text-align:center;}
}

.ask_box {margin-top:30px; border:solid 1px #ccc;}
.ask_box .top {padding:20px;}
.ask_box .top .subject {font-size:18px; line-height:1.2;}
.ask_box .top .info {}
.ask_box .top .info span {display:inline-block; line-height:1; vertical-align:middle;}
.ask_box .top .info .date {padding-right:10px; border-right:solid 1px #666;}
.ask_box .top .info .user_name {padding-left:10px;}
.ask_box .ask_txt {padding:20px; border-top:solid 1px #ccc;}
.ask_box .ask_txt .txt_area {}

.answer_box {margin-top:30px; border:solid 1px #ccc;}
.answer_box .top {padding:10px 20px;}
.answer_box .top strong {display:inline-block; padding-left:10px; border-left:solid 3px #ff5722; line-height:1;}
.answer_box .answer_txt {padding:20px; border-top:solid 1px #ccc; background-color:#f2f2f2;}
.answer_box .answer_txt .txt_area {}


/* 쿠폰인증 */
.coupon_ceti {padding:50px 50px; border-bottom:solid 1px #dcdcdc;}
.coupon_ceti .outline {display:table; width:100%;}
.coupon_ceti .outline .thum {display:table-cell; width:35%; text-align:right; vertical-align:middle;}
.coupon_ceti .outline .info_box {display:table-cell; padding:10px; padding-left:20px; vertical-align:middle; font-size:16px;}
.coupon_ceti .outline .info_box .form_cont {}
.coupon_ceti .outline .info_box .form_cont input {width:355px; text-align:center; font-size:20px; height:40px; border:solid 1px #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.coupon_ceti .outline .info_box button {width:370px; height:40px; font-size:16px; color:#fff; background-color:#0c7ce6; border:none; -webkit-border-radius:40px; -moz-border-radius:40px; -o-border-radius:40px; border-radius:40px;}

@media all and (max-width:640px){
	.coupon_ceti .outline {display:block; width:100%;}
	.coupon_ceti .outline .thum {display:block; margin-bottom:20px; width:auto; text-align:center;}
	.coupon_ceti .outline .info_box {display:block; padding:0; padding-left:0; text-align:center;}
}
@media all and (max-width:480px){
	.coupon_ceti {padding:50px 10px;}
	.coupon_ceti .outline .info_box {letter-spacing:-1px;}
	.coupon_ceti .outline .info_box .form_cont input {width:100%; box-sizing:border-box;}
	.coupon_ceti .outline .info_box button {width:100%; height:40px;}
}


/* 비밀번호 변경 및 확인 */
.password_modify {padding:50px 50px; border-bottom:solid 1px #dcdcdc;}
.password_modify .outline {display:table; width:100%;}
.password_modify .outline .thum {display:table-cell; width:25%; text-align:right; vertical-align:middle;}
.password_modify .outline .info_box {display:table-cell; padding:10px; padding-left:20px; vertical-align:middle; font-size:16px;}
.password_modify .outline .info_box .ment {font-size:16px; letter-spacing:-1px;}
.password_modify .outline .info_box .form_cont {}
.password_modify .outline .info_box .form_cont dl.form_row {padding:5px 0; overflow:hidden;}
.password_modify .outline .info_box .form_cont dl.form_row dt {float:left; padding-left:15px; width:135px; height:40px; line-height:40px; letter-spacing:-1px; background:url('../images/sub/mypage/bullet_dot_blue.png') no-repeat left center;}
.password_modify .outline .info_box .form_cont dl.form_row.form_row_comform dt {float:left; padding-left:15px; width:80px; height:40px; line-height:40px; letter-spacing:-1px; background:url('../images/sub/mypage/bullet_dot_blue.png') no-repeat left center;}
.password_modify .outline .info_box .form_cont dl.form_row dd {float:left;}
.password_modify .outline .info_box .form_cont dl.form_row dd input {width:330px; text-align:center; font-size:20px; height:38px; border:solid 1px #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.password_modify .outline .info_box button {width:500px; height:40px; font-size:16px; color:#fff; background-color:#0c7ce6; border:none; -webkit-border-radius:40px; -moz-border-radius:40px; -o-border-radius:40px; border-radius:40px;}

@media all and (max-width:768px){
	.password_modify {padding:50px 10px;}
	.password_modify .outline {display:block; width:100%;}
	.password_modify .outline .thum {display:block; margin-bottom:20px; width:auto; text-align:center;}
	.password_modify .outline .info_box {display:block; padding:0; padding-left:0; text-align:center; letter-spacing:-1px;}
	.password_modify .outline .info_box .form_cont {padding:0 10px;}
	.password_modify .outline .info_box .form_cont dl.form_row dt {float:none; text-align:left; height:auto;}
	.password_modify .outline .info_box .form_cont dl.form_row dd {float:none; text-align:left;}
	.password_modify .outline .info_box .form_cont dl.form_row dd input {width:100%; box-sizing:border-box;}
	.password_modify .outline .info_box button {width:100%; height:40px;}
}

/* 정보수정 */
.ceti_submit_box {margin-top:10px; padding:10px; padding-left:0; border-top:solid 1px #ddd;}
.pg_func_infomodify {padding:30px 0; text-align:center;}
.pg_func_infomodify button {padding:0 20px; margin:0 5px; height:40px; font-size:16px; color:#333; background-color:#fff; border:solid 1px #999; -webkit-border-radius:40px; -moz-border-radius:40px; -o-border-radius:40px; border-radius:40px;}
.pg_func_infomodify button:hover {background-color:#f2f2f2;}
.pg_func_infomodify button.btn_active {color:#fff; background-color:#2196f3; border:solid 1px #2196f3;}
.pg_func_infomodify button.btn_active:hover {opacity:0.8;}


/* 회원탈퇴 */
.leave_ment {padding:20px; margin-bottom:20px; text-align:center;}
.leave_ment .img {display:inline-block; vertical-align:middle;}
.leave_ment .txt {display:inline-block; vertical-align:middle; text-align:left;}

.leave_requirement {padding:10px; background-color:#f2f2f2;}
.leave_requirement .top {padding:10px 10px;}
.leave_requirement .requirement_list {padding:20px; background-color:#fff;}
.leave_requirement .requirement_list ul {}
.leave_requirement .requirement_list ul li {}

@media all and (max-width:768px){
	.leave_ment .img {display:block; margin-bottom:10px;}
}

/* 고객센터용 : gray - table */
table.table_notice_list {width:100%; font-size:14px; color:#282828;}
table.table_notice_list thead {}
table.table_notice_list thead th {padding:15px 10px; border-bottom:solid 1px #ececec; border-top:solid 1px #ccc; background-color:#fff;}
table.table_notice_list tbody {}
table.table_notice_list tbody tr {background-color:#fff;}
table.table_notice_list tbody td {padding:15px 10px; color:#555555; text-align:center; border-bottom:solid 1px #ececec; background-color:#fff;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}

table.table_notice_view {width:100%; font-size:14px; color:#282828;}
table.table_notice_view thead th {padding:15px 10px; font-size:17px; border-top:solid 1px #373737; border-bottom:solid 1px #ececec; background-color:#f9f9f9;}
table.table_notice_view tbody {border-top:solid 1px #ececec;}
table.table_notice_view tbody th {padding:15px 5px; background-color:#f9f9f9; border-bottom:solid 1px #ececec;}
table.table_notice_view tbody td {padding:15px 15px; color:#555555; border-bottom:solid 1px #ececec; background-color:#fff;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_notice_view tbody td .notice_cont {min-height:150px;}


/*///////////////////////////////////////////////////////
 타이틀
 ///////////////////////////////////////////////////////*/
h3.title_base {display:inline-block; margin-bottom:10px; font-size:24px; color:#333; font-weight:normal;}
h4.title_base_s {padding-left:20px; font-size:20px; color:#666; font-weight:normal; background:url('../images/icon/icon_bar_red.png') no-repeat 5px center;}


/*///////////////////////////////////////////////////////
 button 
 ///////////////////////////////////////////////////////*/
/*size*/
.btn {-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.btn_mx {display:inline-block; padding:0 10px; margin:0 1px; height:48px; line-height:48px; font-size:18px; text-decoration:none !important;}
.btn_mx:hover {opacity:0.8;}
.btn_md {display:inline-block; padding:0 10px; margin:0 1px; height:31px; line-height:31px; text-decoration:none !important;}
.btn_md:hover {opacity:0.8;}
.btn_ms {display:inline-block; padding:0 10px; margin:0 1px; height:26px; line-height:26px; font-size:12px; text-decoration:none !important;}
.btn_ms:hover {opacity:0.8;}
.btn_sm {display:inline-block; padding:0 5px; margin:0 1px; height:18px; line-height:18px; font-size:12px; text-decoration:none !important;}
.btn_sm:hover {opacity:0.8; text-decoration:none !important;}

.btn_notice {padding:0 30px; margin:0 1px; height:34px; line-height:34px; text-decoration:none !important; background-color:#9b9b9b;
	-webkit-border-radius:34px; -moz-border-radius:34px; -o-border-radius:34px; border-radius:34px;}

/*color*/
.btn_white {color:#333 !important; background-color:#fff; border:solid 1px #666666;}
.btn_gray {color:#fff !important; background-color:#979797; border:solid 0px #333;}
.btn_black {color:#fff !important; background-color:#000; border:solid 1px #000;}
.btn_red {color:#fff !important; background-color:#eb3b12; border:solid 1px #eb3b12;}
.btn_blue {color:#fff !important; background-color:#237ded; border:solid 1px #237ded;}
.btn_primary {color:#fff !important; background-color:#3366cc; border:solid 1px #3366cc;}

.btn_naver {color:#fff !important; background-color:#1cba01; border:solid 1px #1cba01;}
.btn_kakao {color:#fff !important; background-color:#f9ca02; border:solid 1px #f9ca02;}
.btn_naver img, .btn_kakao img {width:17px; margin-right:5px;}


/*///////////////////////////////////////////////////////////////////////////////////////////
 팝업
 ///////////////////////////////////////////////////////////////////////////////////////////*/
/* popup style : layer pop ****************************/
.modal_screen {width:100%; height:100%; height:100vh; background-color:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:100;}
.layer_pop {width:900px; background-color:#fff; border:solid 1px #666; position:absolute; top:100px; left:50%; margin-left:-450px; z-index:101;}
.layer_pop .pop_top {height:90px; line-height:90px; background-color:#f4f4f4; border-bottom:solid 1px #e1e1e1; position:relative;}
.layer_pop .pop_top h3.pop_ti {margin-left:20px; font-size:30px; font-weight:normal;}
.layer_pop .btn_popup_close {display:inline-block; width:33px; height:33px; font-size:0; text-indent:-10000px; background:url('../images/icon/btn_popup_close.png') no-repeat center center; position:absolute; top:50%; right:30px; margin-top:-17px;}
.layer_pop .pop_body {padding:20px 20px 0px;}
.layer_pop .pop_body.refund_area {padding:20px 0;}
.layer_pop .pop_footer {padding:5px 20px 30px;}
.layer_pop .pop_footer a {margin:0 5px;}

/* 모바일*/
@media all and (max-width:900px){
	.layer_pop {width:96%; position:absolute; top:100px; left:2%; margin-left:0;}
}
@media all and (max-width:480px){
	.layer_pop .pop_body {padding:10px 10px 0px;}
	.layer_pop .pop_footer {padding:5px 10px 30px;}
}

/* paging */
.paging {clear:both; text-align:center; margin-top:20px; margin-bottom:20px;}
.paging strong {display:inline-block; height:30px; line-height:30px; padding:0 12px; color:#333333; /*border:1px solid #333;*/ vertical-align:middle;}
.paging a {display:inline-block; height:30px; line-height:30px; padding:0 12px; color:#c0c0c0; vertical-align:middle;}
.paging a:hover {color:#333333; font-weight:bold;}
.paging .prev {background:url('../images/icon/btn_paging_pre.png') no-repeat center center; height:30px; width:30px; padding:0; margin-right:5px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px; border:solid 1px #999;}
.paging .prev:hover {background:url('../images/icon/btn_paging_pre_on.png') no-repeat center center; border:solid 1px #333;}
.paging .next {background:url('../images/icon/btn_paging_next.png') no-repeat center center; height:30px; width:30px; padding:0; margin-left:5px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px; border:solid 1px #999;}
.paging .next:hover {background:url('../images/icon/btn_paging_next_on.png') no-repeat center center; border:solid 1px #333;}

/* 강의계획서 팝업 하단 버튼영역 */
.pg_func {padding:30px 0; text-align:center;}
.pg_func button {margin:0 5px; width:200px; height:48px; font-size:16px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;}
.pg_func button.btn_pg_app {color:#fff; background-color:#042274; border:solid 1px #042274;}
.pg_func button.btn_pg_cancle {color:#666666;background-color:#d7d7d7; border:solid 1px #d7d7d7;}
.pg_func button:hover {opacity:0.8;}

/* 테블릿 */
@media all and (max-width:768px){
	.pg_func button {margin:0 1% 5px; width:45%; height:48px; font-size:14px;}
}

/*///////////////////////////////////////////////////////
 table 
 ///////////////////////////////////////////////////////*/
 /* 반응형 가로스크롤 생성 */
.table_container_outer {position:relative;}
.table_container_fade {position:absolute; right:0; width:30px; height:100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.0), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
}
.table_container {width:100%; overflow-y: none; _overflow: auto;}

@media screen and (max-width:768px) {
	.table_container table.table_program {width:800px;}
	#pay_list {width:740px;}
	#ask_list {width:740px;}

	.table_container_outer {width:100%; position:relative;}
	.table_container_fade {position:absolute; right:0; width:30px; height:100%;
	background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1));
	}
	.table_container {overflow-y: auto; _overflow: auto;}
}


/*첨부파일 폼 */
.file_row {display:table; width:100%;}
.file_row .title {display:table-cell; padding:7px 10px 7px 30px; width:130px; font-size:14px; border-right:solid 1px #e1e1e1; background-color:#f5f5f5; vertical-align:middle;}
.file_row .inner_data_box {display:table-cell; padding:0px 5px; vertical-align:middle;} 
.file_row .inner_data_box .inner_data_outline {display:table; width:100%;}
.file_row .inner_data_box .inner_data_outline .info_txt {display:table-cell; padding:7px 10px; text-align:right;}
.file_row .inner_data_box .inner_data_outline .btn_area {display:table-cell; width:100px; text-align:center; vertical-align:middle; border-left:solid 1px #e1e1e1;}

/*첨부파일 리스트 */
ul.file_list {padding:10px; height:100px; overflow-y:auto;}
ul.file_list li {line-height:27px;}
ul.file_list li a {text-decoration:none;}
ul.file_list li a:hover {text-decoration:underline;}

ul.file_list_outline {text-align:left;}
ul.file_list_outline li {display:inline-block; padding:5px 10px; font-size:12px; background-color:#eee; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
ul.file_list_outline li a.file_name {}
ul.file_list_outline li a.btn_delete i {margin-left:5px; font-size:14px; vertical-align:middle;}
ul.file_list_outline li a.btn_delete:hover i {color:#333;}

/*파일업로드*/
.filebox label, .filebox .upload_name {border-radius:4px; height:30px; line-height:30px; background:#666;  border:0px solid #666; border-width:1px;   box-sizing:border-box; font-size:14px; color:#fff; vertical-align: middle;  cursor: pointer; padding:0 10px;}
.filebox{ display:inline-block;}
.filebox input[type="file"] { position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip:rect(0,0,0,0);  border: 0;}
.filebox label {display: inline-block;}

/* named upload */
.filebox .upload_name{ display: inline-block; width:400px; padding:0 0.5em;  font-size: inherit; font-family: inherit;vertical-align: middle; background-color: #fff; color:#333; border:none; box-sizing:border-box; cursor:inherit;}

/*첨부파일 리스트 */
.file_list {text-decoration:underline;}


/* 달력 input */
input[type="text"].date {padding-left:23px; width:100px; background:url('../images/icon/icon_calendar.png') #fff no-repeat 5px center;}


/*///////////////////////////////////////////////////////
모바일 전용 서브메뉴
 ///////////////////////////////////////////////////////*/
.m_submenu {display:none;}

@media screen and (max-width:768px) {
	.m_submenu {display:block; padding:5px 0;}
	.m_submenu select {width:100%;}	
}


/* 스페셜리포트 - 구독신청 */
.subscribe_corner {margin-bottom:10px; text-align:right;}
a.btn_subscribe {display:inline-block; padding:0 15px; height:31px; line-height:31px; font-size:16px; color:#fff; text-align:center; background-color:#f44336; border: solid 1px #f44336;
-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
a.btn_subscribe.complete {color:#666; background-color:#ddd; border: solid 1px #aaa;}
a.btn_subscribe:hover {opacity:0.8;}

@media screen and (max-width:480px) {
	a.btn_subscribe {display:block;}
}

/* qr코드 팝업 */
.subscribe_pop {display:table; width:100%; height:100%; background-color:rgba(0, 0, 0,0.7); position:absolute; left:0; top:0; z-index:10;}
.subscribe_pop .outline {display:table-cell; vertical-align:middle; text-align:center;}
.subscribe_pop .outline .subscribe_box {display:inline-block; padding:20px; background-color:#fff; position:relative;
-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.subscribe_pop .outline .pop_top {padding:10px; color:#333; font-size:16px; 
	word-break:keep-all;
  	white-space:-moz-pre-wrap;
  	white-space:-pre-wrap;
  	white-space:-o-pre-wrap;
  	word-wrap:break-word;}
.subscribe_pop .outline .pop_top .btn_pop_qrcode_close {position:absolute; top:10px; right:20px;}

.subscribe_pop .outline .pop_top strong {display:block; margin-bottom:5px; font-size:20px;}
.subscribe_pop .outline .pop_top span {display:block; font-size:14px; line-height:1.4;}
.subscribe_pop .outline .pop_bottom {padding-top:10px; border-top:solid 1px #ccc;}

@media all and (max-width:480px){
	.subscribe_pop {overflow:hidden; background-color:rgba(256, 256, 256, 1.0);}
	.subscribe_pop .outline .subscribe_box {padding:20px 20px 30px; position:initial;}
}


/* 정기 구독 서비스 신청 : 2021-06-10 */
.subscribe_info_box {padding:50px 100px; border-top:solid 1px #dcdcdc;}
.subscribe_ment_box {padding:20px; margin-bottom:30px; text-align:center; background-color:#f2f2f2; /*border:solid 2px #ddd;*/ -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}

.subscribe_item {margin-bottom:100px;}
.subscribe_item ul {}
.subscribe_item ul li {margin-bottom:10px; padding:15px; border:solid 2px #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.subscribe_item ul li:hover {border:solid 2px #aaa;}
.subscribe_item ul li .outline {display:table; width:100%;}
.subscribe_item ul li .outline .title {display:table-cell; vertical-align:middle; text-align:right; padding-right:50px; width:150px; letter-spacing:-1px;}
.subscribe_item ul li .outline .title strong {display:block; font-size:20px; line-height:1;}
.subscribe_item ul li .outline .title span {}
.subscribe_item ul li .outline .price {display:table-cell; vertical-align:middle; text-align:right; padding-right:50px; border-left: solid 1px #ddd;}
.subscribe_item ul li .outline .price .cost_base {display:block; font-size:16px; color:#999; text-decoration: line-through; font-weight:normal; line-height:1;}
.subscribe_item ul li .outline .price .cost_current {display:block; font-size:20px;}
.subscribe_item ul li .outline .app_area {display:table-cell; vertical-align:middle; text-align:center; width:150px;}
.subscribe_item ul li .outline .app_area button {width:100px; height:30px; color:#fff; font-size:15px; border: solid 1px #d84c1f; background-color:#ff5722; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}

@media all and (max-width:1024px){
	.subscribe_info_box {padding:50px 50px;}
}
@media all and (max-width:768px){
	.subscribe_info_box {padding:50px 0px; border-top:none;}
	.subscribe_item ul li .outline .title {padding-right:30px; width:120px;}
	.subscribe_item ul li .outline .price {padding-right:30px;}
	.subscribe_item ul li .outline .app_area {width:120px;}
}
@media all and (max-width:480px){
	.subscribe_ment_box {text-align:left;}

	.subscribe_item ul li {padding:15px 0;}
	.subscribe_item ul li .outline .title {padding-right:10px; width:100px;}
	.subscribe_item ul li .outline .title strong {display:block; font-size:16px; line-height:1;}
	.subscribe_item ul li .outline .price {display:table-cell; vertical-align:middle; text-align:right; padding-right:10px; border-left: solid 1px #ddd;}
	.subscribe_item ul li .outline .app_area {width:100px;}
	.subscribe_item ul li .outline .app_area button {width:80px; height:26px; font-size:14px;}
}
@media all and (max-width:320px){
	.subscribe_item ul li {padding:15px 0;}
	.subscribe_item ul li .outline .title {padding-right:10px; width:100px;}
	.subscribe_item ul li .outline .title strong {display:block; font-size:16px; line-height:1;}
	.subscribe_item ul li .outline .price {display:table-cell; vertical-align:middle; text-align:right; padding-right:10px; border-left: solid 1px #ddd;}
	.subscribe_item ul li .outline .price .cost_base {font-size:12px;}
	.subscribe_item ul li .outline .price .cost_current {font-size:14px;}
	.subscribe_item ul li .outline .app_area {width:100px;}
}


.info_title_row {overflow:hidden; margin-top:50px; padding-bottom:5px; margin-bottom:10px; border-bottom:solid 1px #ccc;}
.info_title_row .left {float:left;}
.info_title_row .right {float:right; font-size:16px; padding-right:20px;}

.info_sub_row {overflow:hidden; padding:10px 20px; font-size:16px;}
.info_sub_row .dl_dt {float:left;}
.info_sub_row .dl_dt strong {display:block; line-height:1;}
.info_sub_row .dl_dd {float:right;}
.info_sub_row .caution {margin-top:10px; padding:5px; background-color:#f2f2f2;}
.info_sub_row .caution span {}

.info_sub_row.final {margin-bottom:30px; font-size:20px; background-color:#f2f2f2;}

.subscribe_bottom_func {padding:30px 0; text-align:center;}
.subscribe_bottom_func button {display:inline-block; margin:0 5px; width:200px; padding:0; height:48px; line-height:48px; color:#666; font-size:18px; background-color:#fff; border:solid 1px #cccccc; 
	-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.subscribe_bottom_func button:hover {border:solid 1px #333; color:#000;}
.subscribe_bottom_func button.btn_pay {color:#fff; background-color:#4e50a1; border:solid 1px #4e50a1;}
.subscribe_bottom_func button.btn_pay:hover {opacity:0.8;}
.subscribe_bottom_func button.btn_cancle {}

@media all and (max-width:480px){
	.info_title_row {margin-top:30px;}
	.info_sub_row {overflow:hidden; padding:10px 20px; font-size:13px;}
	.info_sub_row .dl_dt {float:none;}
	.info_sub_row .dl_dt strong {display:block; line-height:1; color:#999;}
	.info_sub_row .dl_dd {float:none; font-size:18px;}
	.info_sub_row.final .dl_dd {font-size:20px;}
	.info_sub_row .caution {text-align:left;}

	.info_title_row .right {display:none;}

	.subscribe_bottom_func {padding:10px 0; text-align:center;}
	.subscribe_bottom_func button {width:120px; padding:0; height:40px; line-height:40px; font-size:16px;}
}

/* 리스트 */
table.table_base {width:100%; font-size:14px; color:#333; border-top:solid 1px #dcdcdc;}
table.table_base thead {}
table.table_base thead th {padding:10px; border:solid 1px #dcdcdc; background-color:#f2f2f2;}
table.table_base tbody {}
table.table_base tbody th {padding:10px; border:solid 1px #dcdcdc;}
table.table_base tbody td {padding:10px; border:solid 1px #dcdcdc; text-align:center;}
table.table_base tfoot th {padding:10px; border:solid 1px #dcdcdc; background-color:#f2f2f2; font-weight:normal;}


/*////////////////////////////////////////////////////////////////////
검색
////////////////////////////////////////////////////////////////////*/
.search_page_top_title {padding:30px 10px 20px; text-align:center;}

.search_page_top_title .pg_search_area {padding-bottom:20px; margin-bottom:20px; border-bottom: solid 1px #ddd;}
.search_page_top_title .pg_search_area input {padding:0 10px; width:200px; height:38px; font-size:16px; font-weight:600; border:solid 2px #c5c5c5; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.search_page_top_title .pg_search_area button {width:50px; height:42px; font-size:0; text-indent:-10000px; background:url('../images/icon/icon_search_white.png') #2196f3 no-repeat center center; border:solid 1px #2196f3;
-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.search_page_top_title .pg_search_area button:hover {opacity:0.8;}

.search_page_top_title h2 {font-size:22px;}
.search_page_top_title h2 strong {color:#2196f3; vertical-align:middle;}
.search_page_top_title h2 span {color:#333; vertical-align:middle;}


.search_cata {margin-bottom:30px; border-top:solid 2px #333; border-bottom:solid 1px #ddd;}
.search_cata ul {display:table;}
.search_cata ul li {display:table-cell;}
.search_cata ul li a {display:block; padding:10px 25px; font-size:16px;}
.search_cata ul li a:hover {text-decoration:underline;}
.search_cata ul li.active a {color:#fff; background-color:#1c7ac5;}
.search_cata ul li.active a:hover {text-decoration:none;}

@media all and (max-width:480px){
	.search_page_top_title .pg_search_area input {width:200px; height:32px;}
	.search_page_top_title .pg_search_area button {height:36px;}

	.search_page_top_title {padding:20px 0 10px; text-align:left; line-height:1.2;}
	.search_page_top_title h2 {font-size:18px;}

	.search_cata ul {width:100%;}
	.search_cata ul li {width:25%;}
	.search_cata ul li a {padding:10px 0; font-size:14px; text-align:center;}
}
@media all and (max-width:320px){
	.search_cata ul li {width:auto;}
	.search_cata ul li a {padding:10px 15px;}
}


/* 검색결과: 아티클 */
.search_result_article_list {}
.search_result_article_list ul {border-top:solid 1px #ccc;}
.search_result_article_list ul li {padding:15px 0; padding-left:180px; overflow:hidden; border-bottom:solid 1px #ccc;}
.search_result_article_list ul li a {display:block;}
.search_result_article_list ul li .thum {float:left; width:160px; height:110px; margin-left:-180px; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.search_result_article_list ul li .thum img {}
.search_result_article_list ul li .info {float:right; width:100%; padding-top:5px;}
.search_result_article_list ul li .info span.subject {display:block; margin-bottom:5px; font-size:17px; line-height:22px;}
.search_result_article_list ul li .info span.lead_txt {display:inline-block; margin-bottom:5px; line-height:1.2; font-size:14px; color:#999;
	max-height:40px; 
	      display:-webkit-box;
	      -webkit-line-clamp:2;
	      -webkit-box-orient:vertical;
	      overflow:hidden;
	      text-overflow:ellipsis;
}
.search_result_article_list ul li .info span.date {display:block; padding-top:3px; line-height:1; font-size:12px; color:#999;}


/* 태블릿*/
@media all and (max-width:768px){
	.search_result_article_list ul li {padding-left:170px;}
	.search_result_article_list ul li .thum {margin-left:-170px;}
	.search_result_article_list ul li .info span.subject {display:block; margin-bottom:5px; font-size:16px; line-height:20px;
		max-height:40px; 
	      display:-webkit-box;
	      -webkit-line-clamp:2;
	      -webkit-box-orient:vertical;
	      overflow:hidden;
	      text-overflow:ellipsis;
	}
}

/* 모바일*/
@media all and (max-width:480px){	
	.search_result_article_list ul li {padding-left:120px;}
	.search_result_article_list ul li .thum {width:110px; height:90px; margin-left:-120px;}
	.search_result_article_list ul li .info {padding-top:0;}
}


/* 포럼 상세페이지  */
.search_result_forum {margin-bottom:50px; }
.search_result_forum ul {}
.search_result_forum>ul>li {background-color:#fff; border:solid 1px #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; overflow:hidden;}
.search_result_forum>ul>li .outline {display:table; width:100%;}
.search_result_forum>ul>li .outline .thum {display:table-cell; vertical-align:middle; width:360px; background-color:#999;}
.search_result_forum>ul>li .outline .thum img {}

.search_result_forum>ul>li .outline .info_box {display:table-cell; vertical-align:middle;}
.search_result_forum>ul>li .outline .info_box .innerbox {padding:10px 30px;}
.search_result_forum>ul>li .outline .info_box .innerbox .forum_name {display:inline-block; margin-bottom:7px; padding:0 10px; height:20px; line-height:22px; font-size:13px; color:#505050; background-color:#dcdcdc; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.search_result_forum>ul>li .outline .info_box .innerbox .forum_title {display:block; margin-bottom:5px; font-size:22px; color:#000; line-height:27px;}
.search_result_forum>ul>li .outline .info_box .innerbox .base_info {padding-top:10px;}
.search_result_forum>ul>li .outline .info_box .innerbox .base_info ul { color:#666666; font-size:14px; line-height:1.5;}
.search_result_forum>ul>li .outline .info_box .innerbox .base_info ul li {margin-bottom:5px; padding-left:10px; background:url('../images/icon/icon_dot.png') no-repeat left 7px;}
.search_result_forum>ul>li .outline .info_box .innerbox .base_info ul li .ti {margin-right:10px;}
.search_result_forum>ul>li .outline .info_box .innerbox .base_info ul li .tx {}

.search_result_forum>ul>li .outline .info_box .innerbox .sns_share {padding:15px 0 20px;}
.search_result_forum>ul>li .outline .info_box .innerbox .sns_share a {margin-left:5px;}
.search_result_forum>ul>li .outline .info_box .innerbox .sns_share a img {}

.search_result_forum>ul>li .outline .info_box .innerbox .func {padding-top:5px;}
.search_result_forum>ul>li .outline .info_box .innerbox .func button {width:220px; height:40px; font-size:16px; color:#fff; background-color:#929292; border:none;
-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.search_result_forum>ul>li .outline .info_box .innerbox .func button:hover {opacity:0.8;}
.search_result_forum>ul>li .outline .info_box .innerbox .func button.btn_app {}
.search_result_forum>ul>li .outline .info_box .innerbox .func button.btn_app.bg_primary {background-color:#4e50a1;}

/* 모바일*/
@media all and (max-width:1200px){
}
@media all and (max-width:1024px){
	.search_result_forum>ul>li .outline .thum {width:35%;}
}
@media all and (max-width:768px){
	.search_result_forum>ul>li .outline .info_box .innerbox {padding:10px 15px;}
	.search_result_forum>ul>li .outline .info_box .innerbox .forum_title {margin-bottom:0; font-size:20px;}
}
@media all and (max-width:480px){
	.search_result_forum>ul>li .outline .thum {display:block; width:auto;}
	.search_result_forum>ul>li .outline .info_box {display:block;}
	.search_result_forum>ul>li .outline .info_box .innerbox {padding:15px;}
	.search_result_forum>ul>li .outline .info_box .innerbox .forum_title {font-size:18px; line-height:20px;}
	.search_result_forum>ul>li .outline .info_box .innerbox .base_info ul {font-size:12px;}
	.search_result_forum>ul>li .outline .info_box .innerbox .func {text-align:center;}
	.search_result_forum>ul>li .outline .info_box .innerbox .func button {width:100%; height:40px;}
}


/* 뉴스레터 구독신청 페이지 */
.newsletter_subscribe_box {padding-top:50px; border-top:solid 1px #ccc;}
.subscribe_list {margin:0 auto; width:600px; border:solid 1px #ccc; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden;}
table.table_subscribe {width:100%;color:#333;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_subscribe thead {}
table.table_subscribe thead th {padding:5px 10px; border-top:none; background-color:#ddecf9;}
table.table_subscribe tbody {}
table.table_subscribe tbody th {padding:20px; width:50%; text-align:center; vertical-align:middle; border-top:solid 1px #ccc; border-right:solid 1px #ccc;}
table.table_subscribe tbody td {padding:20px; width:50%; text-align:center; vertical-align:middle; border-top:solid 1px #ccc;}

button.btn_subscribe {width:80px; height:30px; text-align:center; color:#fff; border: solid 1px #3f51b5; background-color:#3f51b5; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
button.btn_subscribe:hover {opacity:0.8;}
button.btn_subscribe.active {color:#333; font-size:12px; width:60px; height:26px; border:solid 1px #ccc; background-color:#f2f2f2;}

.newsletter_agree_txt {padding:15px; background-color:#f2f2f2;
-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}

@media all and (max-width:768px){

}
@media all and (max-width:640px){
	.subscribe_list {width:96%;}
}


/******************************************************************************  
뉴스브리핑
*******************************************************************************/
.list_search {padding:10px; text-align:right;}
.list_search .search_box {}
.list_search .search_box input {padding:0 10px; height:30px; border-radius:30px;}
.list_search .search_box button {padding:0 10px; height:30px; color:#fff; border-radius:30px; border:none; background-color:#1a4c7c;}
.list_search .search_box button:hover {background-color:#666;}


/******************************************************************************  
다시보기
*******************************************************************************/
.movie_search_box {margin-bottom:30px; padding:10px; text-align:center; background-color:#fff; border:solid 3px #c3d1df; border-radius:5px;}
.movie_search_box .top {}
.movie_search_box .top select,
.movie_search_box .top input[type="text"] {margin:0 2px; height:30px; font-size:16px; border-radius:7px;}
.btn_forum_search {margin:0 2px; padding:0 10px; height:30px; font-size:16px; color:#fff; background-color: #042274; border-radius:7px;  border:none;}
.movie_search_box .bottom {margin-top:10px; padding-top:10px; border-top:solid 1px #ddd;}

h4.title_forum_movie {padding-left:20px; padding-bottom:10px; font-size:20px; color:#034992; font-weight:600; border-bottom:solid 2px #ccc; background:url(../images/icon/icon_bar_red.png) no-repeat 5px 10px;}
.forum_topic {margin-top:10px; padding:20px 15px; text-align:center; font-size:18px; background-color:#e9ecef; border-radius:5px;}

.movie_playlist {padding:20px 0; position:relative;}
.movie_playlist ul {overflow:hidden; margin-bottom:30px;}
.movie_playlist li {float:left; width:50%; margin-bottom:30px;}
.movie_playlist li .speaker_box {margin:0 10px;}
.movie_playlist li .speaker_box a {display:block; margin: 0 1px}
.movie_playlist li .speaker_box .title {display:table; width:100%; background:url('../images/forum_fintech_2022/replay/icon_speak.png') no-repeat left center;}
.movie_playlist li .speaker_box .title strong {display:table-cell; padding:0 0 0 40px; height:40px; font-size:18px; line-height:1.2; vertical-align:middle;}
.movie_playlist li .speaker_box .info {padding:10px; box-sizing:border-box; border:solid 1px #ccc;}
.movie_playlist li .speaker_box .info strong {font-size:16px;}
.movie_playlist li .speaker_box .info span {display:block; padding-top:3px; font-size:12px; color:#999;}


@media only screen and (max-width:1024px){
	.movie_playlist li {width:50%;}	
}

@media only screen and (max-width:768px){
	.movie_search_box .top {padding:0 20px;}
	.movie_search_box .top select {display:block; margin:3px 0; width:100%;}
	.movie_search_box .top input[type="text"] {margin:3px 0; width:100%; box-sizing:border-box;}
	button.btn_forum_search {margin:5px 0; width:100%; box-sizing:border-box;}

	.movie_playlist li .speaker_box .title {height:50px;}
}

@media only screen and (max-width:640px){
	.movie_search_box .top {padding:0 10px;}
	.movie_playlist ul {margin-bottom:0;}
	.movie_playlist li {width:auto; margin-bottom:20px;}	
	.movie_playlist li .speaker_box .title {height:auto;}
	.movie_playlist li .speaker_box .title strong {font-size:16px;}
	.movie_playlist li .speaker_box .info strong {font-size:14px;}
}



/******************************************************************************  
지난 포럼 리스트
*******************************************************************************/
.blank_select_forum {margin-bottom:50px; padding:30px; text-align:center; background-color:#f3f3f3; border-radius:5px;}

.forum_pass_list {}
.forum_pass_list ul {}
.forum_pass_list>ul>li {margin-bottom:20px; background-color:#fff; border:solid 1px #ccc; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden;}
.forum_pass_list>ul>li .outline {display:table; width:100%;}
.forum_pass_list>ul>li .outline .thum {display:table-cell; vertical-align:middle; width:300px; background-color:#ccc;}
.forum_pass_list>ul>li .outline .thum img {}

.forum_pass_list>ul>li .outline .info_box {display:table-cell; vertical-align:middle;}
.forum_pass_list>ul>li .outline .info_box .innerbox {padding:15px;}
.forum_pass_list>ul>li .outline .info_box .innerbox .forum_name {display:inline-block; margin-bottom:3px; padding:0 10px; height:20px; line-height:22px; font-size:13px; color:#505050; background-color:#dcdcdc; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.forum_pass_list>ul>li .outline .info_box .innerbox .forum_title {display:block; margin-bottom:0; padding:10px 0; font-size:24px; color:#000; line-height:27px;}
.forum_pass_list>ul>li .outline .info_box .innerbox .base_info {padding-top:10px;}
.forum_pass_list>ul>li .outline .info_box .innerbox .base_info ul { color:#666666; font-size:14px; line-height:1.5;}
.forum_pass_list>ul>li .outline .info_box .innerbox .base_info ul li {padding-left:10px; background:url('../images/icon/icon_dot.png') no-repeat left 7px;}
.forum_pass_list>ul>li .outline .info_box .innerbox .base_info ul li .ti {}
.forum_pass_list>ul>li .outline .info_box .innerbox .base_info ul li .tx {}

.forum_pass_list>ul>li .outline .func {display:table-cell; vertical-align:middle; width:250px; text-align:center;}
.forum_pass_list>ul>li .outline .func button {width:90px; height:90px; font-size:16px; color:#fff; background-color:#929292; border:none;
-webkit-border-radius:90px; -moz-border-radius:90px; -o-border-radius:90px; border-radius:90px;}
.forum_pass_list>ul>li .outline .func button:hover {opacity:0.8;}
.forum_pass_list>ul>li .outline .func button.btn_app {}
.forum_pass_list>ul>li .outline .func button.btn_app.bg_primary {background-color:#4e50a1;}
.forum_pass_list>ul>li .outline .func button.btn_app.bg_gray {}

.forum_pass_list>ul>li .outline .qr_code {display:table-cell; vertical-align:middle; width:250px; text-align:center;}

/* 모바일*/
@media all and (max-width:1200px){
	.forum_pass_list>ul>li .outline .thum {width:300px;}
	.forum_pass_list>ul>li .outline .info_box .innerbox .forum_title {font-size:20px; line-height:25px;}
	.forum_pass_list>ul>li .outline .func {width:200px;}
	.forum_pass_list>ul>li .outline .func button {width:70px; height:70px; font-size:14px;}
}
@media all and (max-width:1024px){
	.forum_pass_list>ul>li .outline .thum {width:250px;}
	.forum_pass_list>ul>li .outline .info_box .innerbox .forum_title {font-size:20px; line-height:25px;}
	.forum_pass_list>ul>li .outline .func {width:170px;}
	.forum_pass_list>ul>li .outline .func button {width:70px; height:70px; font-size:14px;}
}
@media all and (max-width:768px){
	.forum_pass_list>ul>li .outline .thum {display:none;}
	.forum_pass_list>ul>li .outline .info_box .innerbox .forum_title {padding:5px 0;}
}
@media all and (max-width:480px){
	.forum_pass_list>ul>li .outline .thum {display:block; width:auto; text-align:center;}
	.forum_pass_list>ul>li .outline .info_box {display:block; width:auto;}	

	/* .forum_pass_list>ul>li .outline .info_box .innerbox .base_info {display:none;} */

	.forum_pass_list>ul>li .outline .func {display:block; width:auto; padding:10px 0; border-top:solid 1px #ccc;}
	.forum_pass_list>ul>li .outline .func button {width:100px; height:40px;}
}


/******************************************************************************  
사은품: 2023
*******************************************************************************/
.gift_ment {padding:20px; text-align:center; font-size:20px; font-weight:600; color:#ff0000; word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;}

.gift_box {padding:30px 50px;}
.gift_box ul {display:flex; justify-content: space-between;}
.gift_box ul li {padding:0 10px;}

.gift_guide_box {padding:30px; font-size:16px; background-color:#f2f2f2; border-radius:10px;}
.gift_guide_box h3.gift_guide_title {margin-bottom:20px;}
.gift_guide_box strong.gift_guide_title_s {font-size:18px;}
.gift_guide_box ul {padding:10px; margin-bottom:20px;}
.gift_guide_box ul:last-child {margin-bottom:0;}
.gift_guide_box ul li {padding:3px 0 3px 12px; background:url('../images/icon/icon_bar.png') no-repeat left 10px;}

@media all and (max-width:1024px){
	.gift_box {padding:30px 30px;}
}
@media all and (max-width:768px){
	.gift_box {padding:0;}
	.gift_box ul li {padding:20px;}
	.gift_guide_box strong.gift_guide_title_s {font-size:16px;}
}
@media all and (max-width:480px){
	.gift_ment {padding:10px; font-size:16px;}

	.gift_box {margin-bottom:20px;}
	.gift_box ul {display:block;}
	.gift_box ul li {text-align:center;}
	.gift_guide_box strong.gift_guide_title_s {font-size:14px;}
	.gift_guide_box {padding:20px 10px; font-size:14px;}
}

/* 참여 세션 */
.session_select {}
.session_select label {display:inline-block; margin:0 30px;}
@media all and (max-width:768px){
	.session_select {padding:10px;}
	.session_select label {display:inline-block; margin:10px 20px;}
}
@media all and (max-width:480px){
	.session_select {padding:0 10px;}
	.session_select label {display:inline-block; margin:5px 0; width:100%;}
}

/* 사은품 선택 */
.gift_select {}
.gift_select label {display:inline-block; margin:0 30px;}
@media all and (max-width:768px){
	.gift_select {padding:10px;}
	.gift_select label {display:inline-block; margin:10px 20px;}
}
@media all and (max-width:480px){
	.gift_select {padding:0 10px;}
	.gift_select label {display:inline-block; margin:5px 0; width:100%;}
}

/* 배송지 주소 입력 */
.delivery {padding:5px 50px;}
.delivery .delivery_row_top {margin:0 auto; padding:15px; width:360px; background-color:#f2f2f2; border-radius:10px;}
.delivery .delivery_row_top input {height:30px;}
.delivery .delivery_row_top button {height:30px;}
.delivery .delivery_row {margin-top:15px; padding:10px 5px 0; border-top:solid 1px #ddd;}
.delivery .delivery_row input {margin:5px 0; width:100%; height:30px; box-sizing:border-box;}

@media all and (max-width:768px){
	.delivery {padding:5px 30px;}
}
@media all and (max-width:480px){
	.delivery {padding:5px 0;}
	.delivery .delivery_row_top {width:90%;}
}