@charset "UTF-8";

/***** 00_전체 class 오류 수정 *****/
.write_date {display:inline-block;}
input.inner_cell, select.inner_cell {border:1px solid #ccc; height:32px; line-height:32px; padding-left:8px; padding-right:8px; display:inline-block; margin:-10px 3px !important; font-size:14px !important;}
input.inner_cell {width:32%;}
select.inner_cell {width:18%;}
input[type="radio"] {width:18px; height:18px; line-height:18px; float:left; margin-right:10px;}
.write_subject span {display:inline-block; margin-right:40px;}

button {background:none; border:none;}
button.btn_register {height:32px; line-height:30px; padding:0 20px; display:inline-block; min-width:150px; margin-top:15px; float:right;}

@media (max-width:960px){
	.writing_form dt, .writing_form dd {width:100%; border-top:1px solid #ccc;}
	input.inner_cell {width:32% !important;}
	select.inner_cell {width:14%; !important;}
}

.fluid_table.txtAlign_left td.table_price {text-align:left;}
.fluid_table.txtAlign_left td.table_price big {color:#d00909;}

/***** 00_전문가 홈 *****/
.home_info p:first-child {letter-spacing:-1.5pt; margin-top:-30px;}
.home_info h2 {padding-bottom:5px; border-bottom:1px dashed #999; margin-bottom:5px;}
.home_pro h3 {width:100%; display:block; padding:0;}
.home_pro p {margin-top:5px; line-height:20px; display:inline-block; letter-spacing:-0.5pt;}
.home_live_btn {margin:20px 50px; width:140px; height:32px; line-height:5px !important; text-align:center; border-radius:5px;}
.home_live_btn b {font-size:16px; 
	animation: blink 1s ease-in-out infinite alternate; -webkit-animation: blink 1s ease-in-out infinite alternate; -ms-animation: blink 1s ease-in-out infinite alternate; -moz-animation: blink 1s ease-in-out infinite alternate; -o-animation: blink 1s ease-in-out infinite alternate;}
.table_price .normal_price {text-decoration:line-through;}


/***** 01_VIP 상품안내 *****/
.nav_tabs>li>a {font-size:15px !important;}
.tab_content #con01 {width:100%;}
.tab_content #con01 h3 {margin:20px 0 5px;}
.tab_content #con01 dt {width:65%; float:left; font-size:14px;}
.tab_content #con01 dt .cell, .tab_content #con01 dt .cell_1 {font-size:16px;}
.tab_content #con01 dt .cell p {padding:6px 10px 10px 10px;}
.tab_content #con01 dt .cell_1 p {padding:10px 10px 14px 10px;}
.tab_content #con01 dt h4 {margin-bottom:5px;}
.tab_content #con01 dt p {text-align:center; border:1px solid #fff; width:100%; font-size:15px; font-weight:500; text-align:left; background-color:#eee;}
.tab_content #con01 dt p big {margin-right:15px;}
.tab_content #con01 dt p:nth-child(odd) {background-color:#ddd;}
.tab_content #con01 dd {width:35%; height:400px; display:inline-block; float:right;}
.tab_content #con01 dd img {width:82%; margin-left:8%;}
/** **/
.tab_content #con02 {margin-top:20px; width:100%; background:url('/img/sub/01_VIP_con02_bg.jpg') no-repeat; background-size:100%; text-align:center; /***border:1px dashed #ccc;***/ padding:30px; display:inline-block;} 
.tab_content #con02 h1, .tab_content #con02 p {letter-spacing:-1pt;}
.tab_content #con02 h1 {color:#555; margin:0 0 20px 0;}
.tab_content #con02 hr {width:60px; height:2px; margin:0 auto; border-color:#d61920; margin:10px; display:inline-block;}
.tab_content #con02 p {color:#d61920; font-size:24px; display:inline-block; margin-bottom:10px; display:block;}
.tab_content #con02 .envelope {width:100%; display:inline-block;}
.tab_content #con02 .envelope li {padding-top:40px; font-size:18px; line-height:30px; width:31%; margin-right:3.2%; background:url('/img/sub/01_VIP_con02.png') no-repeat; background-size:100%; letter-spacing:-1pt; text-align:center; float:left; font-weight:500; height:auto; min-height:300px; display:block;}
.tab_content #con02 .envelope li:last-child {margin-right:0;}
.tab_content #con02 .envelope li big {color:#555; font-weight:800; display:block;}

@media (max-width:987px){
	.tab_content #con01 dt {width:60%;}
	.tab_content #con01 dd {width:40%;}
	.tab_content #con01 dt p {padding:2px 8px 6px 8px; font-size:14px;}
	.tab_content #con01 dt p big {margin-right:10px;}
	.tab_content #con02 {height:auto; min-height:450px; background-size:110%; margin-bottom:-100px;}
}		
@media (min-width:641px) and (max-width:987px){
	.nav_tabs>li {padding:8px auto;}
	.nav_tabs>li>a>span {display:block; line-height:15px;}
	.tab_content #con01 dd img {width:80%; margin-left:0;}
	.tab_content #con02 {margin-top:30px;}
	.tab_content #con02 hr {display:none;}
	.tab_content #con02 .envelope li {font-size:15px; line-height:20px; padding-top:20px;}	
}
@media (max-width:640px){
	.nav_tabs {width:100%;}
	.nav_tabs>li {width:50% !important; padding:8px auto;}
	.nav_tabs>li>a>span {display:block; line-height:15px;}
	.tab_content #con01 dt {width:100%;}
	.tab_content #con01 dt .cell {display:block;}
	.tab_content #con01 dd {width:100%; display:block;}
	.tab_content #con01 dd img {width:60%; margin-left:15%;}
	.tab_content #con02 {background:none; background-color:#f0d7da;}
	.tab_content #con02 h1 {letter-spacing:-1.5pt; font-size:22px;}
	.tab_content #con02 h1 span {display:block;}
	.tab_content #con02 p {letter-spacing:-1.5pt; font-size:22px !important;}
	.tab_content #con02 .envelope li {width:80%; margin:0 10%; display:block; font-size:18px; line-height:28px; padding-top:40px;}
	.tab_content #con02 .envelope li:first-child {margin-top:0;}
}
@media (max-width:430px){
	.tab_content #con01 dd img {width:70%; margin:10px 8% 0;}
	.tab_content #con02 {margin-top:-50px;}
}

/***** 02_무료체험신청 *****/
#freeService ._upper {width:100%; height:634px; overflow:hidden; display:block; background:#000 url('/img/sub/02_free_bg.jpg'); text-align:center; padding-top:50px; position:relative;}
#freeService ._upper h2 {width:100%; text-align:center; font-weight:normal; color:#fff;}
#freeService ._upper img {display:inline-block;}
#freeService ._upper img.copy_top {width:40%; margin:0 auto; max-width:426px;}
#freeService ._upper img.head {width:100%; margin:0 auto; max-width:978px; margin:10px 0 0 20px;}
#freeService ._upper img.arrow {position:absolute; bottom:0; left:0;}
#freeService ._upper ul {font-size:18px; position:absolute; left:130px; top:320px; z-index:100;}
#freeService ._upper li {display:block; padding:3px 25px; margin-bottom:8px; background-color:rgba( 0, 0, 0, 0.5); color:#fc843d; font-weight:500; text-align:left; border:1px solid #c0667a;}
#freeService ._upper dl {font-size:18px; width:330px; position:absolute; right:80px; top:300px; z-index:100; text-align:left;}
#freeService ._upper dl>img.free {width:26%; float:left; margin-right:2%; margin-top:-5px;}
#freeService ._upper dt {width:210px; font-size:20px; line-height:22px; padding-bottom:5px; font-weight:600; color:#e492a0; display:inline-block; text-shadow:1px 1px 2px #3b0126; border-bottom:1px solid #c0667a;}
#freeService ._upper dt span {width:100%; /**border-bottom:1px solid #c0667a;**/}
#freeService ._upper dd {font-size:16px; margin-top:15px; font-weight:500; line-height:24px; color:#f7f5f6; margin-left:28%; letter-spacing:-0.5pt; text-shadow:1px 1px 2px #3b0126;}
#freeService ._upper dd big {display:block; color:orange; font-weight:700; font-size:18px; letter-spacing:-0.5pt;}

#freeService ._bottom {width:100%; padding:40px; display:block; background-color:#ccc; border:1px solid #ccc; text-align:center;}
#freeService ._bottom span a {width:300px; height:91px; display:block; margin:0 auto; background:url('/img/sub/02_F303_BTreg.png') no-repeat;}
#freeService ._bottom span a:hover {width:300px; height:91px; display:block; margin:0 auto; background:url('/img/sub/02_F303_BTover.png') no-repeat;}

@media (max-width:1190px){
	#freeService ._upper h2 {font-size:24px; margin-top:20px;}
	#freeService ._upper img.head {width:90%; margin-top:10px;}
	#freeService ._upper img.arrow {width:90%; left:30%;}
	#freeService ._upper ul {font-size:16px; left:80px; top:420px;}
	#freeService ._upper li {display:inline-block;}
	#freeService ._upper dl {left:70px; top:240px; width:100%; display:block; font-size:16px;}
	#freeService ._upper dl>img.free {width:70px; float:left; margin-top:0; margin-right:10px;}
	#freeService ._upper dt {width:auto; font-size:18px; border-top:1px solid #c0667a;}
	#freeService ._upper dt span {width:auto; border:0;}
	#freeService ._upper dd {width:400px; display:block; margin-top:10px; margin-left:90px;}
	#freeService ._upper dd big {display:inline-block;}	
}
@media (max-width:640px){
	#freeService ._upper h2 {font-size:18px; margin-top:0;}
	#freeService ._upper img.head {width:100%; min-width:400px; max-width:640px;}
	#freeService ._upper ul {font-size:16px; left:12%; top:220px;}
	#freeService ._upper dl {position:none;}
	#freeService ._upper img.arrow {width:100%; left:30%;}
}
@media (max-width:615px){
	#freeService ._upper h2 {margin-top:30px;}
	#freeService ._upper img.head {margin-left:0; margin-top:20px;}
	#freeService ._upper ul {left:7%; top:220px;}
	#freeService ._upper dl {left:5.5%; width:100%; top:330px;}
	#freeService ._upper dl>img.free {max-width:80px; margin:0 auto;}
	#freeService ._upper dt {margin-left:10px;}
	#freeService ._upper dd {text-align:left; margin-left:100px;}
	#freeService ._upper dd big {display:block;}
}
@media (max-width:502px){
	#freeService ._upper img.head {display:block; margin-top:30px;}
	#freeService ._upper ul {top:250px; left:4%;}
	#freeService ._upper dd {margin-left:10px;}	
}
@media (max-width:400px){
	#freeService ._upper img.head {width:350px;}
	}

/***@media (max-width:753px){
	#freeService ._upper {height:640px; background-size:105% 100%;}
	#freeService ._upper img.copy_top {width:45%;}
	#freeService ._upper img.copy_head {width:85%;}
	#freeService ._bottom span a {width:220px !important; height:67px !important; background-size:100%;}
	#freeService ._bottom span a:hover {width:220px !important; height:67px !important; background-size:100%;}
}

@media (max-width:500px){
	#freeService ._upper {height:500px;}
	#freeService ._upper img.copy_top {width:65%;}
	#freeService ._upper img.copy_head {width:95%; margin-top:0;}
	#freeService ._upper p {font-size:13px;}
}***/

/***** form *****/
#freeService form {width:100%; text-align:center; display:block;}
#freeService form input[type=text] {width:350px; margin:0 auto; font-size:16px; padding:8px 15px; border:2px solid #d61920 !important; border-radius:10px;
	-webkit-border-radius:10px; -ms-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;}
#freeService form label.text {font-size:16px; color:#333; font-weight:600; padding:10px;}
#freeService form input[type=checkbox] {width:20px; height:20px; border:1px solid #333; background-color:#fff; vertical-align:middle;}
#freeService form label.warn {font-size:16px; line-height:16px; font-weight:600; color:#d61920; vertical-align:middle;}
#freeService form a {margin-left:20px; padding:5px 20px; display:inline-block; background-color:#000; color:#fff; font-weight:600;}
#freeService form a:hover {margin-left:20px; padding:5px 20px; display:inline-block; background-color:#d61920; color:#fff;}

@media (max-width:588px){
	#freeService form label.text {float:left; margin-left:40px; padding:5px;}
}

/***** 04_무료추천주 : 썸네일 리스트 형
.img_list {border-top:3px solid #4c350a;}
.img_list dl {border-bottom:1px solid #b9b5aa; height:100px; line-height:80px; overflow:hidden; padding-top:10px;}
.img_list dt {width:20%; padding-right:15px; float:left; cursor:pointer;}
.img_list dt span {background-size:100%; height:80px; display:block; border:1px solid #999;}
.img_list dd {width:80%; float:right; cursor:pointer; font-size:16px; font-weight:700; color:#555; letter-spacing:-0.5pt;}
.img_list dd:hover {text-decoration:underline; color:#333;}
/***.profit_tbl .profit_tit {margin:10px; line-height:70px; text-decoration:underline;}
.profit_tbl .profit_tit ._pic {width:70px; height:70px; background:#ccc url {'/img/logo/logo_none.gif'} no-repeat; background-size:100%; border:1px solid #999;}
.profit_tbl .profit_tit ._pic img {width:100%;}***/

/***** 04_무료추천주 *****/
.img_list .img_list_box {padding:10px; cursor: pointer;}
.img_list .img_list_box:hover h6{color: #d00909;}
.img_list .img_list_box dl {width:100%; float:left; border:1px solid #b9b5aa; height:290px; padding:10px; background-color:#f8f8f8;}
.img_list .img_list_box dt {height:200px; border:1px solid #ccc;}/*** 이미지 ***/
.img_list .img_list_box dd {margin-top:10px; line-height:10px; font-size:14px; text-align:left;}
.img_list .img_list_box dd h6 {color:#555; font-weight:700; line-height:22px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;}
.img_list .img_list_box dd hr {width:50px; border-color:#ea0a0a; float:left;}
.img_list .img_list_box dd span {clear:both; width:100%; display:block; color:#333; font-weight:normal; font-size:14px; letter-spacing:0; line-height:14px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
@media (max-width: 767px){
	.img_list .img_list_box dl {height:200px;}
	.img_list .img_list_box dt {height:120px;}/*** 이미지 ***/
}


/*** 여러줄 말줄임 .img_list .col_xs_3 dd span {font-size:14px; color:#555; font-weight:normal; width:100%; padding-left:2px;
	white-space:normal; line-height:1.2em; height:4.5em; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}***/

/***소제목.img_list .col_xs_3 dd big {display:block; font-size:15px !important; font-weight:700; color:#999; margin-top:10px !important; margin-bottom:5px !important; text-decoration:underline; display:none;}***/



/***** 05_전문가 방송 *****/
#live_list ._upper {width:100%; height:auto; min-height:230px; max-height:270px; text-align:center; background:url('/img/sub/05_live01_bg.jpg') no-repeat; position:relative; padding:20px;}
#live_list ._upper img:first-child {position:absolute; top:10px; left:20px;}
#live_list ._upper img:nth-child(2), #live_list ._upper img:nth-child(3) {margin:0 auto; display:block; margin-top:10px;}
#live_list ._upper img:nth-child(3) {width:80%; min-width:350px; max-width:481px;}
#live_list ._upper p {font-size:15px; font-weight:500; color:#eee; margin-top:10px;}
#live_list ._upper img:last-child {position:absolute; top:0; right:20px;}

#live_list ._bottom {margin:0 -10px;}
#live_list ._bottom .lecture {padding:10px;}
#live_list ._bottom .lecture > div {border:1px solid #ccc; margin-top:20px; float:left;}
#live_list ._bottom .lecture:last-child {margin-right:0;}
#live_list ._bottom .lecture h5 {padding:8px 12px; background-color:#ccc; font-weight:600; text-align:left;}
#live_list ._bottom .lecture h5 small {display:inline-block; float:right;}
#live_list ._bottom .lecture ul {width:100%; display:block;}
#live_list ._bottom .lecture li {list-style:none;}
#live_list ._bottom .lecture li:first-child {width:30%; float:left;}
#live_list ._bottom .lecture li:first-child img {width: 140%; margin:5px 0 0 0;}/**강사사진**/
#live_list ._bottom .lecture li{width:70%; float:right; padding: 10px 10px 0 10px;}
#live_list ._bottom .lecture dt {font-size:20px; font-weight:600; display:block; letter-spacing:-1pt;}
#live_list ._bottom .lecture hr {width:40px; border:1px solid #ccc; float:left;}
#live_list ._bottom .lecture span {clear:both; display:block;
	/**여러줄 말줄임**/white-space:normal; line-height:1.2; height:3.6em; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
#live_list ._bottom .lecture {text-align:left;}
#live_list ._bottom .lecture button {width:32%; margin-right:2%; cursor:pointer; background:none; border:none; float:left; height:30px; line-height:22px; font-size:14px;}
#live_list ._bottom .lecture button:last-child {margin-right:0;}
#live_list ._bottom .lecture button:first-child {background-color:#feb500; color:#000; border:2px solid #feb500; display:block;}
#live_list ._bottom .lecture button:first-child img {margin: 1px 2px 0 0;}
#live_list ._bottom .lecture button:first-child:hover {background-color:#ffcf57; color:#000; border:2px solid #ffcf57; display:block;}
#live_list ._bottom .lecture button:nth-child(2) {background-color:#d00909; color:#fff; border:2px solid #d00909; display:block;}
#live_list ._bottom .lecture button:nth-child(2):hover {background-color:#9b0505; color:#fff; border:2px solid #9b0505; display:block;}
#live_list ._bottom .lecture button:last-child {display:block;}
#live_list ._bottom .lecture button:last-child._on_free {background-color:#fb171a; color:#fff; border:2px solid #fb171a;}
#live_list ._bottom .lecture button:last-child._on_pay {background-color:#940202; color:#fff; border:2px solid #940202;}
#live_list ._bottom .lecture button:last-child span {display:block; margin-top:3px; text-align:center; height:100%; animation:blink 1s ease-in-out infinite alternate;
    -webkit-animation:blink 1s ease-in-out infinite alternate; -ms-animation:blink 1s ease-in-out infinite alternate; -moz-animation:blink 1s ease-in-out infinite alternate; -o-animation:blink 1s ease-in-out infinite alternate;}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}}
#live_list ._bottom .lecture button:last-child._off {background-color:#999; color:#fff; border:2px solid #999;}
#live_list ._bottom .lecture button:last-child._on_pay:hover, #live_list ._bottom .lecture dd button:last-child._on_free:hover {background-color:#9b0505; color:#fff; border:2px solid #9b0505; display:block;}/*** 공통 ***/
#live_list ._bottom .lecture button:last-child._off:hover {background-color:#333; border:2px solid #333;}

@media (max-width:800px){
	#live_list ._upper img:first-child {width:20%;} 
	#live_list ._upper img:nth-child(2) {width:50%; margin-top:20px;}
	#live_list ._upper img:nth-child(3) {max-width: 100%; min-width: 100%; margin-top: 15px;}
	#live_list ._upper img:last-child {position:absolute; top:0; right:10px; width:100px; letter-spacing:-0.5pt;}
	#live_list ._bottom .lecture li:first-child img {height:100%;}
	#live_list ._bottom .lecture {width:100%;}
}

@media (max-width:640px){
	#live_list p {font-size:12px; letter-spacing:-2pt;}
}