@charset "utf-8";
@import url("base.css");


/*//////////////////////////////////////////////////////////////////////
 아티클 상세보기
//////////////////////////////////////////////////////////////////////*/
.sub_article_detail {padding:50px 0 30px; border-top:solid 1px #ccc;}
.sub_article_detail .base_width {padding:0 60px; box-sizing:border-box;}

/* 아티클 헤더 */
.article_header {}
.article_header .cata {display:inline-block; font-size:20px; color:#d2232a;}
.article_header h2 {padding-top:10px; font-size:46px; color:#282828; line-height:1.2;}
.article_header .writer {padding:10px 0 20px; font-size:16px; color:#0787b1; line-height:1.4;}
.article_header .magazin_ho {font-size:16px; color:#888888;}
.article_header .magazin_ho dl {overflow:hidden; line-height:1;}
.article_header .magazin_ho dt {float:left; padding-right:10px;}
.article_header .magazin_ho dd {float:left; padding-left:10px; border-left:solid 1px #ccc;}

.article_ment {padding:15px 0 40px; line-height:1.3;}

/* 데스크탑 */
@media all and (max-width:1350px){
	.sub_article_detail {padding:30px 0 30px;}
	.sub_article_detail .base_width {padding:0 30px;}

	.article_header h2 {padding-top:10px; font-size:40px;}
}

/* 태블릿 */
@media all and (max-width:1024px){}
@media all and (max-width:768px){
	.sub_article_detail {padding:20px 0 20px;}
	.sub_article_detail .base_width {padding:0 20px;}

	.article_header .cata {font-size:14px;}
	.article_header h2 {padding-top:0; font-size:30px;}

	.article_header .writer {padding:10px 0; font-size:13px;}
	.article_header .magazin_ho {font-size:13px;}
}

/* 모바일 */
@media all and (max-width:414px){
	.sub_article_detail .base_width {padding:0 10px;}
	.article_header h2 {padding-top:0; font-size:22px;}
	.article_ment {padding:15px 0 20px; font-size:14px; line-height:1.3;}
}


.article_function {padding:45px 0 80px; overflow:hidden;}
.article_function .left {float:left;}
.article_function .left>ul {overflow:hidden;}
.article_function .left>ul>li {float:left; margin-left:20px;}
.article_function .left>ul>li.first {margin-left:0;}
.article_function .left>ul>li>a {display:block; color:#888888;}
.article_function .left>ul>li>img {vertical-align:middle;}
.article_function .left>ul>li>span {vertical-align:middle;}
.article_function .right {float:right;}
.article_function .right a {display:block; color:#888888;}
.article_function .right img {vertical-align:middle;}
.article_function .right span {vertical-align:middle;}

/* 데스크탑 */
@media all and (max-width:1350px){

}

/* 태블릿 */
@media all and (max-width:1024px){
	.article_function {padding:20px 0;}
}
@media all and (max-width:640px){
	.article_function .left {float:left; margin-right:20px;}
	.article_function>a {font-size:12px;}
	.article_function img {vertical-align:middle;}
	.article_function span {display:none;}
	.article_function .right {float:left;}
}

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

}

.article_body {position:relative; font-size:17px; letter-spacing:0.03em; }
.description {margin-bottom:50px;}
.media_box {padding:200px 0; text-align:center; background-color:#f2f2f2;}

/* 편집자 정보 */
.character {padding:45px 0 80px;}
.character dl.charactor_edit {margin-bottom:30px; line-height:1; overflow:hidden;}
.character dl.charactor_edit dt {float:left; padding-left:10px; font-weight:600; border-left:solid 1px #ccc;}
.character dl.charactor_edit dt.first {padding-left:0; border-left:none;}
.character dl.charactor_edit dd {float:left; padding:0 10px;}

.character ul.charactor_writers {}
.character ul.charactor_writers li {margin-bottom:5px;}
.character ul.charactor_writers li strong {}
.character ul.charactor_writers li span {}

/* 태블릿 */
@media all and (max-width:1024px){
	.character {padding:45px 0;}
}
@media all and (max-width:768px){
	.character {padding:30px 0;}
}

/* 모바일 */
@media all and (max-width:414px){
	.character {padding:20px 0;}
}

/* 연관 아티클 */
.relative_article {padding:30px 0 60px;}
.relative_article .post_list_box {padding-bottom:50px;}
.relative_article h3 {font-size:20px;}
.relative_article ul.post_list {margin-left:-2%; padding:25px 0 0; overflow:hidden;}
.relative_article ul.post_list li {float:left; margin-bottom:0; margin-left:2%; width:31.33%;}
.relative_article ul.post_list li .outline {border:solid 1px #d5d7d8;}
.relative_article ul.post_list li a {display:block; padding:0;}
.relative_article ul.post_list li .post_cont {padding:0 15px; background-color:#fff;}
.relative_article ul.post_list li .post_info {padding:0 15px 5px;}

/* 데스크탑 */
@media all and (max-width:1350px){
	.relative_article {padding-top:30px; padding:30px 0 80px;}
	.relative_article ul.post_list {margin-left:-2%; padding:25px 0 0; overflow:hidden;}
	.relative_article ul.post_list li {float:left; margin-bottom:0; margin-left:2%; width:31.33%;}
}

/* 태블릿 */
@media all and (max-width:1024px){
	.relative_article {padding:30px 0;}
	.relative_article ul.post_list {margin-left:-3%; padding:0;}
	.relative_article ul.post_list li {float:left; margin-bottom:15px; margin-left:3%; width:47%;}
}
@media all and (max-width:768px){
	.relative_article {padding:20px 0}
	.relative_article ul.post_list {margin-left:-3%;}
	.relative_article ul.post_list li {float:left; margin-bottom:15px; margin-left:3%; width:47%;}
}

/* 모바일 */
@media all and (max-width:414px){
	.relative_article ul.post_list {margin-left:-3%;}
	.relative_article ul.post_list li {float:left; margin-bottom:15px; margin-left:3%; width:97%;}
}


/* 아티클이 포함된 매거진 및 PDF */
.with_magazine {display:table; padding:50px 0; border-top:solid 1px #ccc;}
.with_magazine h3 {font-size:20px;}
.with_magazine .left {display:table-cell; width:50%;}
.with_magazine .right {display:table-cell; width:50%;}
.with_magazine .magazine_info {margin:30px 30px 30px 0; padding-left:170px; overflow:hidden;}
.with_magazine .magazine_info .thum {float:left; margin-left:-170px; width:150px; height:188px; border:solid 1px #ccc; background-position:center; background-size:cover; background-repeat:no-repeat;}
.with_magazine .magazine_info .tx_info {float:right; width:100%; height:188px; font-size:16px; position:relative;}
.with_magazine .magazine_info .tx_info .magzine_name {display:block; color:#888888;}
.with_magazine .magazine_info .tx_info .ho {display:block; color:#888888;}
.with_magazine .magazine_info .tx_info .subject {display:block; padding:5px 0; font-size:20px; color:#282828; line-height:1.2;
	max-height:43px;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis
}
.with_magazine .magazine_info .tx_info .price {display:block; padding:5px 0;}
.with_magazine .magazine_info .tx_info .price .normal {}
.with_magazine .magazine_info .tx_info .price .price_middleline { text-decoration:line-through; }
.with_magazine .magazine_info .tx_info .price .price_last {}
.with_magazine .magazine_info button {width:200px; height:40px; font-size:16px; color:#282828; background-color:#fff; border:solid 1px #888888; position:absolute; bottom:0; left:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

.pdf_guide {padding:25px; background-color:#f3f4f6;}
.pdf_guide ul {}
.pdf_guide li {margin-bottom:8px; padding-left:15px; text-indent:-17px; font-size:15px; color:#888;}
.pdf_guide li:last-child {margin-bottom:0;}
.pdf_guide button {padding:0 15px; height:36px; font-size:14px; background-color:#fff; border:solid 1px #ebebeb; text-indent:0px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;}
.pdf_guide button img, .pdf_guide button span {vertical-align:middle;}

/* 데스크탑 */
@media all and (max-width:1350px){

}

/* 태블릿 */
@media all and (max-width:1024px){
	.with_magazine .left {padding-right:5px;}
	.with_magazine .right {padding-left:5px;}

	.with_magazine .magazine_info .tx_info .magzine_name {font-size:14px;}
	.with_magazine .magazine_info .tx_info .ho {font-size:14px;}
	.with_magazine .magazine_info .tx_info .subject {font-size:18px; line-height:1.2;
		max-height:38px;
	      display:-webkit-box;
	      -webkit-line-clamp:2;
	      -webkit-box-orient:vertical;
	      overflow:hidden;
	      text-overflow:ellipsis
	}

	.with_magazine .magazine_info button {width:150px;}
}
@media all and (max-width:768px){
	.with_magazine {display:block; padding:20px 0; border-top:solid 1px #ccc;}
	.with_magazine .left {display:block; width:100%; padding-right:0;}
	.with_magazine .right {display:block; width:100%; padding-left:0;}
	.with_magazine .magazine_info button {width:150px; height:36px;}
}

/* 모바일 */
@media all and (max-width:414px){
	.with_magazine .magazine_info {padding-left:130px;}
	.with_magazine .magazine_info .thum {float:left; margin-left:-130px; width:120px; height:150px;}

	.with_magazine .magazine_info .tx_info {height:150px;}
	.with_magazine .magazine_info .tx_info .magzine_name {font-size:13px;}
	.with_magazine .magazine_info .tx_info .ho {font-size:13px;}
	.with_magazine .magazine_info .tx_info .subject {font-size:16px; line-height:1.2;
		max-height:34px;
	      display:-webkit-box;
	      -webkit-line-clamp:2;
	      -webkit-box-orient:vertical;
	      overflow:hidden;
	      text-overflow:ellipsis
	}

	.with_magazine .magazine_info .tx_info .price {padding:0;}

	.pdf_guide {padding:15px;}
	.pdf_guide li {font-size:13px;}
}

/* 무료아티클 열람 완료 : 회원가입 유도 */
.free_article_complete {padding:45px 0 70px; width:100%; text-align:center; font-size:15px; background-color:#fff; border-top:solid 1px #ccc; /*position:absolute; bottom:0; left:0; z-index:10;*/}
.free_article_complete .title {display:block;  margin-bottom:35px; font-size:24px;}
.free_article_complete .ment {display:block; margin-bottom:10px; font-size:16px;}

.free_article_complete .info_inner {margin:0 auto; padding:10px 0 20px; width:330px;}
.free_article_complete .info_inner input {margin-bottom:5px; width:100%; height:40px; text-indent:15px; background-color:#f3f4f6; border:solid 1px #d5d7d8;}
.free_article_complete .info_inner span {display:block; margin-bottom:10px; font-size:12px; color:#6d6e71; letter-spacing:-1px; text-align:left;}

.agree_check {margin:0 auto 30px; text-align:left; width:330px; color:#6d6e71; font-size:15px; position:relative;}
.agree_check .agree input[type="checkbox"] {display: none;}
.agree_check .agree input[type="checkbox"] + label {display:inline-block; width:23px; height: 23px; background:url('/images/icon/check.png'); cursor: pointer;}
.agree_check .agree input[type="checkbox"]:checked + label {background:url('../images/icon/check_on.png') no-repeat center;}
.agree_check .agree input[type="checkbox"] + label span {position:absolute; left:30px; display: block; }
.agree_check .policy_link {padding-left:30px;}
.agree_check .policy_link a {display:inline-block; margin-right:10px; padding-right:15px; color:#0787b1; background:url('/images/icon/icon_arrow_blue_right.png') no-repeat center right;}

button.btn_membmer {width:330px; height:40px; font-size:16px; color:#fff; background-color:#d2232a;  -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}


/* 기사스크랩 */
.modal_screen {width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5); z-index:9;}
.layer_func_pop {width:320px; background-color:#fff; border:solid 2px #d5d7d8; position:fixed; top:20%; left:50%; margin-left:-160px; z-index:10;}
.layer_func_pop .top {height:50px; line-height:50px; background-color:#f3f4f6; position:relative;}
.layer_func_pop .top .title {padding:0 20px; font-size:18px; color:#d2232a;}
.layer_func_pop .top a.btn_close {display:inline-block; font-size:0; text-indent:-10000px; width:15px; height:15px; background:url('/images/icon/btn_func_popup_close.png') no-repeat center center; position:absolute; top:15px; right:10px;}
.layer_func_pop .pop_body {padding:20px 20px;}

/* 모바일 */
@media all and (max-width:414px){
	.layer_func_pop {width:90%; background-color:#fff; border:solid 2px #d5d7d8; position:fixed; top:80px; left:50%; margin-left:-45%;}
}

.scrap_fold_list {}
.scrap_fold_list ul {}
.scrap_fold_list ul li {border-top:solid 1px #d5d7d8;}
.scrap_fold_list ul li.first {border-top:none;}

.scrap_folder_check {padding:10px 5px; text-align:left; color:#6d6e71; font-size:15px; position:relative;}
.scrap_folder_check input[type="checkbox"] {display: none;}
.scrap_folder_check input[type="checkbox"] + label {display:block; width:100%; height:23px; background:url('/images/icon/check.png') no-repeat center right; cursor: pointer;}
.scrap_folder_check input[type="checkbox"]:checked + label {display:block; width:100%; height:23px; background:url('/images/icon/check_on.png') no-repeat center right;}
.scrap_folder_check input[type="checkbox"] + label span {color:#282828; position:absolute; left:0; display: block; }

.new_folder_set {margin-bottom:10px; padding:15px 10px; border-top:solid 1px #d5d7d8; border-bottom:solid 1px #d5d7d8; background-color:#f3f4f6;}
.new_folder_set label {display:block; font-size:16px; color:#888888;}
.new_folder_set input[type="text"] {margin-bottom:10px; width:100%; height:40px; font-size:16px; border:none; background-color:#fff;}
.new_folder_set textarea {width:100%; font-size:16px; border:none; background-color:#fff;}

button.btn_scrap {width:100%; height:38px; font-size:16px; color:#fff; background-color:#d2232a; border:solid 1px #d5d7d8;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}


/* 기사 공유 */
.share_article {}
.share_article .article_subject {display:block; margin-bottom:10px;
		max-height:48px;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis
}
.share_article .url_inner {padding:10px 0; border-top:solid 1px #ccc;}
.share_article .url_inner label {display:block; margin-bottom:5px;}
.share_article .url_inner input {width:100%; height:38px; color:#888888; border:solid 1px #d5d7d8; background-color:#f3f4f6;}

.share_article .share_list {margin-bottom:20px;}
.share_article .share_list ul {overflow:hidden;}
.share_article .share_list ul li {float:left; width:50%;}
.share_article .share_list ul li a {display:inline-block; height:38px; line-height:38px; padding-left:40px; color:#b5b7b7; font-weight:600;}
.share_article .share_list ul li a.facebook {background:url('/images/icon/icon_share_facebook_off.png') no-repeat center left;}
.share_article .share_list ul li a.facebook.active {color:#333; background:url('/images/icon/icon_share_facebook.png') no-repeat center left;}
.share_article .share_list ul li a.kakao {background:url('/images/icon/icon_share_katalk_off.png') no-repeat center left;}
.share_article .share_list ul li a.kakao.active {color:#333; background:url('/images/icon/icon_share_katalk.png') no-repeat center left;}

button.btn_share {width:100%; height:38px; font-size:16px; color:#fff; background-color:#d2232a; border:solid 1px #d5d7d8;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

/* 모바일 */
@media all and (max-width:414px){
	.share_article .share_list ul li a {font-size:13px;}
}


/*//////////////////////////////////////////////////////////////////////
 아티클 서브 메인
//////////////////////////////////////////////////////////////////////*/
.sub_article_main {padding:50px 0 30px; border-top:solid 1px #ccc;}
.sub_article_main .base_width {padding:0 60px; box-sizing:border-box;}

/* 아티클 헤더 */
.sub_article_main .article_header {}
.sub_article_main .article_header h2 {padding-top:10px; font-size:46px; color:#282828; line-height:1.2; font-weight:600; font-family:NotoSans_Black, serif;}

/* 데스크탑 */
@media all and (max-width:1350px){
	.sub_article_main {padding:30px 0 30px;}
	.sub_article_main .base_width {padding:0 30px;}
	.sub_article_main .article_header h2 {padding-top:10px; font-size:40px;}
}

/* 태블릿 */
@media all and (max-width:1024px){}
@media all and (max-width:768px){
	.sub_article_main {padding:20px 0 20px;}
	.sub_article_main .base_width {padding:0 20px;}
	.sub_article_main .article_header h2 {padding-top:0; font-size:30px;}
}

/* 모바일 */
@media all and (max-width:414px){
	.sub_article_main .base_width {padding:0 10px;}
	.sub_article_main .article_header h2 {padding-top:0; font-size:22px;}
}

/* 아티클 카테고리 */
.acticle_cata {margin-top:20px; border-top:solid 1px #d5d7d8; border-bottom:solid 1px #d5d7d8; background-color:#f3f4f6;}
.acticle_cata ul {display:table; margin:0 20px;}
.acticle_cata ul li {display:inline-block; padding:10px 15px;}
.acticle_cata ul li a {font-size:20px; color:#282828; font-weight:600; line-height:1;}
.acticle_cata ul li a:hover, .acticle_cata ul li a.active {color:#d2232a;}

.application_ment {padding-top:10px;}
.application_ment span {font-size:16px;}
.application_ment button {padding:0 10px; height:30px; font-size:14px; color:#fff; background-color:#d2232a;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

/* 데스크탑 */
@media all and (max-width:1350px){

}

/* 태블릿 */
@media all and (max-width:1024px){
	.acticle_cata ul {display:table; width:100%; margin:0 10px;}
	.acticle_cata ul li {display:inline-block; padding:10px; text-align:center;}
	.acticle_cata ul li a {font-size:17px;}
}
@media all and (max-width:768px){
	.acticle_cata ul {display:table; width:100%; margin:0;}
	.acticle_cata ul li {display:inline-block; padding:5px;}
	.acticle_cata ul li a {font-size:15px;}
}

/* 모바일 */
@media all and (max-width:640px){
	.acticle_cata ul {display:block; overflow:hidden;}
	.acticle_cata ul li {display:inline-block; padding:5px;}
	.acticle_cata ul li a {font-size:15px;}
	.application_ment span {display:block; font-size:13px;}
}

/* 아티클 리스트 */
.sub_main_article {padding:0 0 0;}
.sub_main_article .post_list_box {padding-bottom:20px;}
.sub_main_article ul.post_list {margin-left:-2%; padding:25px 0 0; overflow:hidden;}
.sub_main_article ul.post_list li {float:left; margin-bottom:35px; margin-left:2%; width:31.2%;}
.sub_main_article ul.post_list li .outline {border:solid 1px #d5d7d8;}
.sub_main_article ul.post_list li a {display:block; padding:0;}
.sub_main_article ul.post_list li .post_cont {padding:0 15px; background-color:#fff;}
.sub_main_article ul.post_list li .post_cont .lead_txt {display:block; margin-bottom:0;}
.sub_main_article ul.post_list li .post_info {padding:10px 15px;}

/* paging ********************************/
.paging				{clear:both; text-align:center;}
.paging strong		{display:inline-block; height:30px; line-height:30px; padding:0 12px; font-size:16px; color:#333; vertical-align:middle;}
.paging a			{display:inline-block; height:30px; line-height:30px; padding:0 12px; font-size:16px; color:#999; vertical-align:middle;}
.paging a:hover		{color:#333333; font-weight:bold;}
.paging .prev		{background:url('/images/icon/icon_paging_prev.png') no-repeat center center; height:30px; width:24px; padding:0; margin-right:0;}
/*.paging .prev:hover	{background:url('/images/icon/icon_paging_prev_on.png') no-repeat center center;}*/
.paging .next		{background:url('/images/icon/icon_paging_next.png') no-repeat center center; height:30px; width:24px; padding:0; margin-left:0;}
/*.paging .next:hover	{background:url('/images/icon/icon_paging_next_on.png') no-repeat center center;}*/
.paging .first_item {font-size:0; text-decoration:-1000px; background:url('/images/icon/icon_paging_first.png') no-repeat center center; height:30px; width:24px; padding:0; margin:0 3px;}
/*.paging .first_item:hover {background:url('/images/icon/icon_paging_first_on.png') no-repeat center center;}*/
.paging .last_item {font-size:0; text-decoration:-1000px; background:url('/images/icon/icon_paging_last.png') no-repeat center center; height:30px; width:24px; padding:0; margin:0 3px;}
/*.paging .last_item:hover {background:url('/images/icon/icon_paging_last_on.png') no-repeat center center;}*/


.list_control {}
.list_control button.btn {padding:0 10px; height:32px; line-height:30px; font-size:14px; color:#6d6e71; background-color:#fff; border:solid 1px #333;}
.list_control button.btn_white {background-color:#fff; border:solid 1px #d5d7d8;}
.list_control button.btn_white:hover {background-color:#f2f2f2;}

/* 테블릿*/
@media all and (max-width:768px){
      .paging .mobile_hidden {display:none;}
}



/* 데스크탑 */
@media all and (max-width:1350px){
	.sub_main_article {padding:20px 0 80px;}
	.sub_main_article ul.post_list {margin-left:-2%; padding:25px 0 0; overflow:hidden;}
	.sub_main_article ul.post_list li {float:left; margin-left:2%; width:31.33%;}
}

/* 태블릿 */
@media all and (max-width:1024px){
	.sub_main_article {padding:30px 0;}
	.sub_main_article ul.post_list {margin-left:-3%; padding:0;}
	.sub_main_article ul.post_list li {float:left; margin-bottom:15px; margin-left:3%; width:47%;}
}
@media all and (max-width:768px){
	.sub_main_article {padding:20px 0}
	.sub_main_article ul.post_list {margin-left:-3%;}
	.sub_main_article ul.post_list li {float:left; margin-bottom:15px; margin-left:3%; width:47%;}
}

/* 모바일 */
@media all and (max-width:414px){
	.sub_main_article ul.post_list {margin-left:-3%;}
	.sub_main_article ul.post_list li {float:left; margin-bottom:15px; margin-left:3%; width:97%;}
}


/*//////////////////////////////////////////////////////////////////////
매거진 리스트
//////////////////////////////////////////////////////////////////////*/
.magazine_new_issue {margin-top:30px; padding:30px 0; background-color:#f0f0f0;}

ul.magazine_list {}
ul.magazine_list>li {padding-top:30px; padding-bottom:30px; border-top:solid 1px #d5d7d8;}
ul.magazine_list>li .outline {padding-left:246px; overflow:hidden;}
ul.magazine_list>li .thum_box {float:left; width:246px; margin-left:-246px;}
ul.magazine_list>li .thum_box .thum {display:inline-block; width:216px; height:268px; border:solid 1px #d5d7d8; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}

ul.magazine_list.newlist>li {padding-top:0; padding-bottom:0; border-top:solid 0px #d5d7d8;}
ul.magazine_list.newlist>li .outline {padding-left:284px; overflow:hidden;}
ul.magazine_list.newlist>li .thum_box {float:left; width:284px; margin-left:-284px;}
ul.magazine_list.newlist>li .thum_box .thum {display:inline-block; width:254px; height:315px; border:solid 1px #d5d7d8; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}

/* 모바일 */
@media all and (max-width:414px){
ul.magazine_list>li .outline {padding-left:126px; overflow:hidden;}
ul.magazine_list>li .thum_box {float:left; width:126px; margin-left:-126px;}
ul.magazine_list>li .thum_box .thum {display:inline-block; width:96px; height:148px; border:solid 1px #d5d7d8; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
ul.magazine_list.newlist>li .outline {padding-left:134px; overflow:hidden;}
ul.magazine_list.newlist>li .thum_box {float:left; width:134px; margin-left:-134px;}
ul.magazine_list.newlist>li .thum_box .thum {display:inline-block; width:104px; height:165px; border:solid 1px #d5d7d8; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
}

ul.magazine_list>li .magazine_info {float:right; width:100%;}
ul.magazine_list>li .magazine_info .magazine_info_top {}
ul.magazine_list>li .magazine_info .magazine_info_top .label {display:block; padding-top:10px; font-size:16px; font-weight:600; color:#0787b1;}
ul.magazine_list>li .magazine_info .magazine_info_top .subject {display:block; margin-bottom:5px; font-size:40px; color:#282828; line-height:1.2;}
ul.magazine_list>li .magazine_info .magazine_info_top .subject .ho {display:block;}
ul.magazine_list>li .magazine_info .magazine_info_top .subject .ti {}
ul.magazine_list>li .magazine_info .magazine_info_top .lead_txt {display:block; margin-bottom:10px; font-size:18px; color:#888888; line-height:1.3;
	height:50px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
ul.magazine_list>li .magazine_info .main_post_list {}
ul.magazine_list>li .magazine_info .main_post_list .title {font-size:16px; font-weight:600; color:#d2232a;}
ul.magazine_list>li .magazine_info .main_post_list ol {padding-top:5px;}
ul.magazine_list>li .magazine_info .main_post_list ol li a {display:block; padding-left:8px; line-height:26px; background:url('/images/icon/bullet_dot.png') no-repeat center left;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
ul.magazine_list>li .magazine_info .main_post_list ol li a:hover {text-decoration:underline;}


.magazine_list_header {overflow:hidden; padding:30px 0;}
.magazine_list_header h3 {font-size:30px; font-weight:normal;}
.magazine_list_header .ho_select {}
.magazine_list_header .ho_select select {width:295px; height:44px; color:#888888; border:solid 1px #d5d7d8; background-color:#fff;}
.magazine_list_header .ho_select button.btn_go {width:80px; height:44px; font-size:15px; color:#fff; background-color:#31363a; border:none;}


/* 데스크탑 */
@media all and (max-width:1350px){

}

/* 태블릿 */
@media all and (max-width:1024px){
	.magazine_list_header .ho_select select {width:200px; height:44px;}
	.magazine_list_header .ho_select button.btn_go {width:80px; height:44px; font-size:15px;}
}
@media all and (max-width:768px){
	.magazine_list_header {padding:30px 0 20px;}
	.magazine_list_header h3 {font-size:26px; line-height:36px;}
	.magazine_list_header .ho_select select {width:90px; height:36px;}
	.magazine_list_header .ho_select button.btn_go {width:55px; height:36px; font-size:15px;}


	ul.magazine_list>li .outline {padding-left:150px; overflow:hidden;}
	ul.magazine_list>li .thum_box {float:left; width:150px; margin-left:-150px;}
	ul.magazine_list>li .thum_box>.thum {width:140px; height:174px;}

	ul.magazine_list>li .magazine_info .magazine_info_top .label {padding-top:0; font-size:14px; font-weight:600; color:#0787b1;}
	ul.magazine_list>li .magazine_info .magazine_info_top .subject {margin-bottom:5px; font-size:20px;}
	ul.magazine_list>li .magazine_info .magazine_info_top .lead_txt {margin-bottom:5px; font-size:13px;
		height:initial;
		max-height:50px;
	    display:-webkit-box;
	    -webkit-line-clamp:2;
	    -webkit-box-orient:vertical;
	    overflow:hidden;
	    text-overflow:ellipsis
	}

	ul.magazine_list>li .magazine_info .main_post_list .title {font-size:16px; font-weight:600; color:#d2232a;}
	ul.magazine_list>li .magazine_info .main_post_list ol {padding-top:0;}
	ul.magazine_list>li .magazine_info .main_post_list ol li a {display:block; padding-left:8px; line-height:20px; font-size:13px;}

	/* 최신이슈 */
	ul.magazine_list.newlist>li .outline {padding-left:170px;}
	ul.magazine_list.newlist>li .thum_box {float:left; width:170px; margin-left:-170px;}
	ul.magazine_list.newlist>li .thum_box>.thum {width:160px; height:200px;}
}

/* 모바일 */
@media all and (max-width:414px){
	.magazine_list_header {padding:30px 0 20px;}
	.magazine_list_header h3 {font-size:18px; line-height:32px;}
	.magazine_list_header .ho_select select {width:80px; height:32px;}
	.magazine_list_header .ho_select button.btn_go {width:40px; height:32px; font-size:14px;}

	ul.magazine_list>li .outline {padding-left:110px;}
	ul.magazine_list>li .thum_box {float:left; width:110px; margin-left:-110px;}
	ul.magazine_list>li .thum_box>.thum {width:100px; height:125px;}

	ul.magazine_list>li .magazine_info .magazine_info_top .label {font-size:14px; font-weight:600; color:#0787b1;}
	ul.magazine_list>li .magazine_info .magazine_info_top .subject {margin-bottom:5px; font-size:20px;}
	ul.magazine_list>li .magazine_info .magazine_info_top .lead_txt {margin-bottom:5px; font-size:13px;
		height:initial;
		max-height:50px;
	    display:-webkit-box;
	    -webkit-line-clamp:2;
	    -webkit-box-orient:vertical;
	    overflow:hidden;
	    text-overflow:ellipsis
	}

	ul.magazine_list>li .magazine_info .main_post_list .title {font-size:14px; font-weight:600; color:#d2232a;}
	ul.magazine_list>li .magazine_info .main_post_list ol {padding-top:0;}
	ul.magazine_list>li .magazine_info .main_post_list ol li a {display:block; padding-left:8px; line-height:20px; font-size:13px;}

	/* 최신이슈 */
	ul.magazine_list.newlist>li .outline {padding-left:110px;}
	ul.magazine_list.newlist>li .thum_box {float:left; width:110px; margin-left:-110px;}
	ul.magazine_list.newlist>li .thum_box>.thum {width:100px; height:125px;}
}


/* 매거진 상세: 헤더 */
.magazine_header {margin-right:400px;}
.magazine_header .subject {display:block; font-size:40px; color:#282828; line-height:1.2;}
.magazine_header .subject .ho {display:block;}
.magazine_header .subject .ti {}
.magazine_header .lead_txt {display:block; padding:15px 0; font-size:18px; color:#888888; line-height:1.3;}

.magazine_header_price {padding:30px 0 0 0; background-color:#f0f0f0;}
.magazine_header_price .base_width {position:relative;}
.magazine_header_price .price_info {}
.magazine_header_price .price_info .org_price {display:inline-block; padding-right:10px; margin-right:15px; font-size:28px; color:#888888; /*text-decoration:line-through;*/ vertical-align:middle; position:relative;}
.magazine_header_price .price_info .org_price .linethrough {display:inline-block; margin-top:-5px; width:100%; height:14px; background:url('/images/icon/icon_price_through.png') no-repeat center right; position:absolute; top:50%; right:0;}
.magazine_header_price .price_info .sale_price {font-size:34px; color:#d2232a; vertical-align:middle;}

/*.magazine_header_price .price_info .ea_count {display:inline-block; width:90px; height:40px; background-color:#fff; border:solid 1px #ccc; position:relative;}
.magazine_header_price .price_info .ea_count input[type="text"] {padding:0 5px; width:56px; height:40px; font-size:18px; border:none;}
.magazine_header_price .price_info .ea_count .amount {width:24px; height:40px; line-height:0; border-left:solid 1px #cdcdcd; position:absolute; top:0; right:0; z-index:1;}
.magazine_header_price .price_info .ea_count .amount a {display:inline-block; width:23px; height:19px; text-align:center; line-height:19px;}
.magazine_header_price .price_info .ea_count .amount a.btn_up {border-bottom:solid 1px #cdcdcd;}
.magazine_header_price .price_info .ea_count .amount a.btn_down {}*/

.ea_count {display:inline-block; width:90px; height:40px; background-color:#fff; border:solid 1px #ccc; position:relative;}
.ea_count input[type="text"] {padding:0 5px; width:56px; height:36px; font-size:18px; border:none;}
.ea_count .amount {width:24px; height:40px; line-height:0; border-left:solid 1px #cdcdcd; position:absolute; top:0; right:0; z-index:1;}
.ea_count .amount a {display:inline-block; width:23px; height:18px; text-align:center; line-height:19px;}
.ea_count .amount a.btn_up {}
.ea_count .amount a.btn_down {}

.magazine_header_price .func {padding-top:20px; padding-bottom:30px;}
.magazine_header_price .func button {border:none; height:50px; font-size:18px;}
.magazine_header_price .func button.btn_buy {width:150px; color:#fff; background-color:#d2232a;}
.magazine_header_price .func button.btn_basket {margin:0 7px; width:195px; color:#d2232a; background-color:#fff; border:solid 2px #d2232a;}
.magazine_header_price .func button.btn_sns {width:187px; color:#fff; background-color:#676766;}

.magazine_title_visual {width:381px; height:350px; border:solid 1px #d5d5d5; border-bottom:none; overflow:hidden; background-repeat:no-repeat; background-position:center top; position:absolute; bottom:0; right:60px;}
/*.magazine_title_visual .thum {display:inline-block; width:481px; height:474px;}*/
.magazine_title_visual .outline {position:relative;}
.magazine_title_visual button {width:207px; height:50px; color:#fff; font-size:18px; border:none; background-color:#231f20; position:absolute; top:268px; right:0;}

@media all and (max-width:1350px){
	.magazine_header_price .base_width {position:relative;}
	.magazine_title_visual {width:381px; height:350px; border:solid 1px #d5d5d5; border-bottom:none; overflow:hidden; background-repeat:no-repeat; background-position:center top; position:absolute; bottom:0; right:30px;}
}
/* 태블릿 */
@media all and (max-width:1024px){
	.magazine_header_price .price_info .org_price {display:inline-block; padding-right:10px; margin-right:15px; font-size:28px; color:#888888; vertical-align:middle; position:relative;}
	.magazine_header_price .price_info .org_price .linethrough {display:inline-block; margin-top:-5px; width:100%; height:14px;}
	.magazine_header_price .price_info .sale_price {font-size:30px;}

	.magazine_header_price .func {padding-top:20px; padding-bottom:30px;}
	.magazine_header_price .func button {border:none; height:40px; font-size:16px;}
	.magazine_header_price .func button.btn_buy {width:100px;}
	.magazine_header_price .func button.btn_basket {margin:0 7px; width:130px;}
	.magazine_header_price .func button.btn_sns {width:130px;}

	.magazine_title_visual {width:250px; height:280px; border:solid 1px #d5d5d5; border-bottom:none; overflow:hidden; background-repeat:no-repeat; background-position:center top; position:absolute; bottom:0; right:60px;}
	.magazine_title_visual .outline {position:relative;}
	.magazine_title_visual button {width:170px; height:40px; color:#fff; font-size:16px; border:none; background-color:#231f20; position:absolute; top:220px; right:0;}
}

@media all and (max-width:768px){
	.magazine_header {margin-right:0}
	.magazine_header .subject {font-size:30px;}
	.magazine_header .lead_txt {padding:10px 0; font-size:16px;}

	.magazine_header_price .price_info .org_price {padding-right:8px; margin-right:10px; font-size:20px; color:#888888;}
	.magazine_header_price .price_info .org_price .linethrough {margin-top:-5px; width:100%; height:14px;}
	.magazine_header_price .price_info .sale_price {font-size:26px;}

	.magazine_header_price .func {padding-top:10px; padding-bottom:20px;}
	.magazine_header_price .func button {border:none; height:35px; font-size:14px;}
	.magazine_header_price .func button.btn_buy {width:80px;}
	.magazine_header_price .func button.btn_basket {margin:0 3px; width:110px;}
	.magazine_header_price .func button.btn_sns {width:110px;}


	.magazine_title_visual {width:100%; height:300px; border:solid 1px #d5d5d5; border-bottom:none; overflow:hidden;position:initial; bottom:0; right:60px;}
	.magazine_title_visual img {width:100%;}

	.ea_count {margin-left:10px;}
}

@media all and (max-width:414px){
	.magazine_header .subject {font-size:26px;}
	.magazine_header .lead_txt {font-size:14px;}

	.magazine_header_price .price_info {text-align:center;}
	.magazine_header_price .price_info .org_price {padding-right:8px; margin-right:10px; font-size:20px; color:#888888;}
	.magazine_header_price .price_info .org_price .linethrough {margin-top:-5px; width:100%; height:14px;}
	.magazine_header_price .price_info .sale_price {font-size:26px;}

	.magazine_header_price .func {padding-top:10px; padding-bottom:20px; text-align:center;}
	.magazine_header_price .func button {border:none; height:35px; font-size:14px;}
	.magazine_header_price .func button.btn_buy {width:80px;}
	.magazine_header_price .func button.btn_basket {margin:0 3px; width:110px;}
	.magazine_header_price .func button.btn_sns {width:110px;}
}

@media all and (max-width:320px){
	.magazine_header_price .price_info {margin-bottom:10px;}
	.magazine_header_price .price_info .org_price {padding-right:8px; margin-right:10px; font-size:20px; color:#888888;}
	.magazine_header_price .price_info .org_price .linethrough {margin-top:-5px; width:100%; height:14px;}
	.magazine_header_price .price_info .sale_price {font-size:26px;}

	.magazine_header_price .func {padding-top:10px; padding-bottom:20px; text-align:center; border-top:solid 1px #ccc;}
	.magazine_header_price .func button {border:none; height:35px; font-size:14px;}
	.magazine_header_price .func button.btn_buy {width:70px;}
	.magazine_header_price .func button.btn_basket {margin:0; width:100px;}
	.magazine_header_price .func button.btn_sns {width:100px;}
}


.magazine_inner_post {}
.magazine_inner_post .mgz_post_header {height:60px; line-height:60px; background-color:#0a9dbc;}
.magazine_inner_post .mgz_post_header h4.title {font-size:24px; color:#fff; font-weight:normal;}

.mgz_post_list {}
.mgz_post_list>ul {}
.mgz_post_list>ul>li {padding:30px 320px 30px 0; border-bottom:solid 1px #d5d7d8; overflow:hidden;}
.mgz_post_list>ul>li.first, .mgz_post_list>ul>li:first-child {border-top:none;}
.mgz_post_list>ul>li a {display:block; overflow:hidden;}
.mgz_post_list>ul>li>.text_info {float:left;}
.mgz_post_list>ul>li>.text_info .subject {font-size:24px; color:#282828; line-height:1.3;}
.mgz_post_list>ul>li>.text_info .post_info {padding:10px 0 5px;}
.mgz_post_list>ul>li>.text_info .post_info span {padding:0 10px; font-size:16px; line-height:1; border-left:solid 1px #ccc;}
.mgz_post_list>ul>li>.text_info .post_info .cata {padding-left:0; border-left:none; color:#d2232a;}
.mgz_post_list>ul>li>.text_info .post_info .type {}
.mgz_post_list>ul>li>.text_info .post_info .author {color:#0787b1;}
.mgz_post_list>ul>li>.text_info .lead_txt {font-size:16px; color:#888888; height:45px;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis}

.mgz_post_list>ul>li>.text_info .article_function {padding:15px 0 0;}

.mgz_post_list>ul>li>.thum {display:block; float:right; width:300px; height:174px; margin-right:-320px; background-position:center center;}


/* 태블릿 */
@media all and (max-width:1024px){
	.mgz_post_list>ul>li {padding:30px 300px 30px 0; border-top:solid 1px #d5d7d8; overflow:hidden;}
	.mgz_post_list>ul>li>.text_info {float:left;}
}

@media all and (max-width:768px){
	.mgz_post_list>ul>li {padding:30px 0 30px 0;}
	.mgz_post_list>ul>li>.text_info {float:left; width:68%;}
	.mgz_post_list>ul>li>.thum {float:right; width:30%; height:150px; margin-right:0;}
}

@media all and (max-width:414px){
	.mgz_post_list>ul>li {padding:30px 110px 30px 0;}
	.mgz_post_list>ul>li>.text_info {float:left; width:100%;}
	.mgz_post_list>ul>li>.thum {float:right; width:100px; height:110px; margin-right:-110px;}

	.mgz_post_list>ul>li>.text_info .subject {font-size:18px;}
	.mgz_post_list>ul>li>.text_info .post_info {padding:10px 0 5px;}
	.mgz_post_list>ul>li>.text_info .post_info span {padding:0 7px; font-size:14px;}
	.mgz_post_list>ul>li>.text_info .lead_txt {font-size:14px; line-height: color:#888888; height:45px; }
}

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


/*//////////////////////////////////////////////////////////////////////
HBR Curation
//////////////////////////////////////////////////////////////////////*/
.curation_row {padding:25px 0 50px; border-top:solid 2px #282828;}
.curation_header {}
.curation_header .curation_ti {margin-bottom:20px; font-size:36px; line-height:1.2;}
.curation_header .author {display:block; margin-bottom:20px; color:#0787b1; line-height:15px;}
.curation_header .curation_txt {color:#888888;}
.curation_header .curation_txt strong {color:#d2232a;}
.curation_header .curation_txt span {}

/* 태블릿 */
@media all and (max-width:1024px){
	.curation_row {padding:20px 0 30px; border-top:solid 2px #282828;}
	.curation_header {}
	.curation_header .curation_ti {margin-bottom:20px; font-size:30px; line-height:1.2;}
}

@media all and (max-width:768px){
	.curation_row {padding:15px 0 0; border-top:solid 2px #282828;}
	.curation_header {}
	.curation_header .curation_ti {margin-bottom:20px; font-size:24px; line-height:1.2;}
	.curation_header .curation_txt {font-size:14px; line-height:1.3;}
}



/*//////////////////////////////////////////////////////////////////////
세미나
//////////////////////////////////////////////////////////////////////*/
/* 세미나 검색 */
.seminar_search {margin-bottom:20px; padding-top:30px; overflow:hidden;}
.seminar_search .left {float:left;}
.seminar_search_inputbox {padding-right:38px; width:380px; height:38px; border:solid 1px #d5d7d8; overflow:hidden;}
.seminar_search_inputbox input[type="text"] {float:left; width:100%; height:38px; border:none; box-sizing:border-box;}
.seminar_search_inputbox button.btn_search {float:right; width:38px; height:38px; margin-right:-38px; font-size:0; text-indent:-10000px; border:none; background:url('/images/icon/btn_search_gray.png') no-repeat center center;}
.seminar_search .right {float:right;}
.seminar_search .right select {height:38px;}


/* 세미나 목록 */
.seminar_list_box {margin-bottom:30px;}
.seminar_list_box ul.seminar_list {border-top:solid 1px #d5d7d8;}
.seminar_list_box ul.seminar_list li {padding:30px 0 30px 330px; border-bottom:solid 1px #d5d7d8; overflow:hidden;}
.seminar_list_box ul.seminar_list li .thum {float:left; width:300px; height:174px; margin-left:-330px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.seminar_list_box ul.seminar_list li .text_info {float:right; width:100%;}
.seminar_list_box ul.seminar_list li .text_info span.status {display:inline-block; margin-bottom:5px; width:57px; height:26px; line-height:26px; text-align:center; color:#fff; font-size:14px;
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;
}
.seminar_list_box ul.seminar_list li .text_info span.status.app_ing {background-color:#d2232a;}
.seminar_list_box ul.seminar_list li .text_info span.status.app_complete {background-color:#6d6e71;}
.seminar_list_box ul.seminar_list li .text_info .subject {display:block; margin-bottom:5px; font-size:24px; color:#282828; line-height:1.3; }
.seminar_list_box ul.seminar_list li .text_info .lead_txt {display:block; margin-bottom:10px; font-size:16px; color:#888888;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.seminar_list_box ul.seminar_list li .text_info .seminar_info {}
.seminar_list_box ul.seminar_list li .text_info .seminar_info .seminar_info_row {margin-bottom:5px; font-size:16px; color:#888888; line-height:0.8;}
.seminar_list_box ul.seminar_list li .text_info .seminar_info .seminar_info_row strong.ti {display:inline-block; padding-right:10px; margin-right:10px; border-right:solid 1px #888888; font-weight:normal;}
.seminar_list_box ul.seminar_list li .text_info .seminar_info .seminar_info_row span.info {display:inline-block; }

/* 태블릿 */
@media all and (max-width:768px){
	.seminar_search {margin-bottom:20px; padding-top:20px; overflow:hidden;}
	.seminar_search_inputbox {width:200px;}

	.seminar_list_box ul.seminar_list li {padding:20px 0 20px 220px;}
	.seminar_list_box ul.seminar_list li .thum {float:left; width:200px; height:174px; margin-left:-220px;}
	.seminar_list_box ul.seminar_list li .text_info {float:right; width:100%;}
	.seminar_list_box ul.seminar_list li .text_info span.status {margin-bottom:5px; width:50px; height:24px; line-height:24px; font-size:13px;}
	.seminar_list_box ul.seminar_list li .text_info .subject {font-size:20px; line-height:1.3;}
	.seminar_list_box ul.seminar_list li .text_info .lead_txt {font-size:14px;}
	.seminar_list_box ul.seminar_list li .text_info .seminar_info .seminar_info_row {font-size:14px; line-height:0.8;}
	.seminar_list_box ul.seminar_list li .text_info .seminar_info .seminar_info_row strong.ti {padding-right:10px; margin-right:10px;}
}

@media all and (max-width:667px){
	.seminar_search {margin-bottom:10px; padding-top:10px; overflow:hidden;}
	.seminar_search_inputbox {width:150px;}

	.seminar_list_box ul.seminar_list li {padding:10px 0 10px 0;}
	.seminar_list_box ul.seminar_list li .thum {float:none; margin-bottom:10px; width:100%; height:150px; margin-left:0;}
	.seminar_list_box ul.seminar_list li .text_info {float:none; width:100%;}
}


/* 세미나 상세페이지 */
.seminar_detail_pg {margin-top:30px;}
.seminar_detail_pg .seminar_detail_header {padding:20px 0; color:#fff; background-color:#0a9dbc; overflow:hidden;}
.seminar_detail_pg .seminar_detail_header .date {float:left; width:130px;}
.seminar_detail_pg .seminar_detail_header .date span {display:block; height:60px; line-height:60px; text-align:center; font-size:20px; border:solid 1px #fff;}
.seminar_detail_pg .seminar_detail_header .seminar_name {float:left; padding-left:10px;}
.seminar_detail_pg .seminar_detail_header .seminar_name h4.title {font-size:30px; font-weight:normal; line-height:1.2;}
.seminar_detail_pg .seminar_detail_header .seminar_name .introduce {display:block; font-size:18px; line-height:1.2;}

.seminar_base_info {display:table; width:100%;}
.seminar_base_info .thum_box {display:table-cell; padding:60px 0; width:50%; vertical-align:top;}
.seminar_base_info .thum_box .thum {margin-right:40px; height:341px; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.seminar_base_info .text_info {display:table-cell; padding:60px 30px; width:50%; vertical-align:top; background-color:#f3f4f6;}
.seminar_base_info .text_info .seminar_info {}
.seminar_base_info .text_info .seminar_info .seminar_info_row {margin-bottom:20px; line-height:0.8;}
.seminar_base_info .text_info .seminar_info .seminar_info_row span.ti {display:inline-block; padding-right:10px; margin-right:10px; width:100px; font-size:16px; color:#888888; border-right:solid 1px #888888;}
.seminar_base_info .text_info .seminar_info .seminar_info_row strong.info {display:inline-block; font-size:20px; color:#282828;}

.seminar_base_info .text_info ul.seminar_guide {padding:20px 0;}
.seminar_base_info .text_info ul.seminar_guide li {padding:5px 0 5px 20px; font-size:16px; color:#888888; line-height:1.3; background:url('/images/icon/icon_caution.png') no-repeat left 10px;}

.seminar_base_info .text_info .func {}
.seminar_base_info .text_info .func button {width:49%; height:50px; border:none; font-size:18px; color:#fff;}
.seminar_base_info .text_info .func button.btn_app {background-color:#d2232a;}
.seminar_base_info .text_info .func button.btn_sns {background-color:#676766;}


/* 태블릿 */
@media all and (max-width:1024px){
	.seminar_base_info .thum_box {display:table-cell; padding:30px 0; width:40%;}
	.seminar_base_info .thum_box .thum {margin-right:40px; height:341px;}

	.seminar_base_info .text_info {display:table-cell; padding:30px 30px; width:60%; background-color:#f3f4f6;}
	.seminar_base_info .text_info .seminar_info {}
	.seminar_base_info .text_info .seminar_info .seminar_info_row {margin-bottom:20px; line-height:0.8;}
	.seminar_base_info .text_info .seminar_info .seminar_info_row span.ti {display:inline-block; padding-right:10px; margin-right:10px; width:60px; font-size:14px; color:#888888; border-right:solid 1px #888888;}
	.seminar_base_info .text_info .seminar_info .seminar_info_row strong.info {display:inline-block; font-size:18px; color:#282828;}

	.seminar_base_info .text_info ul.seminar_guide {padding:15px 0;}
	.seminar_base_info .text_info ul.seminar_guide li {padding:5px 0 5px 18px; font-size:14px; line-height:1.3; background:url('/images/icon/icon_caution.png') no-repeat left 7px;}
}

@media all and (max-width:768px){
	.seminar_detail_pg .seminar_detail_header {padding:10px 0;}
	.seminar_detail_pg .seminar_detail_header .date {float:none; width:120px;}
	.seminar_detail_pg .seminar_detail_header .date span {display:block; height:40px; line-height:40px; font-size:18px;}
	.seminar_detail_pg .seminar_detail_header .seminar_name {float:none; padding-left:0;}
	.seminar_detail_pg .seminar_detail_header .seminar_name h4.title {font-size:24px;}
	.seminar_detail_pg .seminar_detail_header .seminar_name .introduce {font-size:15px;}

	.seminar_base_info .thum_box {display:table-cell; padding:20px 0; width:35%;}
	.seminar_base_info .thum_box .thum {margin-right:10px; height:341px;}

	.seminar_base_info .text_info {display:table-cell; padding:20px 20px; width:65%;}
}

@media all and (max-width:667px){
	.seminar_base_info .thum_box {display:block; padding:20px 0 0; width:100%;}
	.seminar_base_info .thum_box .thum {margin-right:0; height:341px;}

	.seminar_base_info .text_info {display:block; padding:20px 20px; width:initial;}

	.seminar_base_info .text_info .seminar_info .seminar_info_row:last-child {margin-bottom:0;}

}

@media all and (max-width:414px){
	.seminar_detail_pg .seminar_detail_header {padding:10px 0;}
	.seminar_detail_pg .seminar_detail_header .date {float:none; width:100px;}
	.seminar_detail_pg .seminar_detail_header .date span {display:block; height:30px; line-height:30px; font-size:14px;}
	.seminar_detail_pg .seminar_detail_header .seminar_name {float:none; padding-left:0;}
	.seminar_detail_pg .seminar_detail_header .seminar_name h4.title {font-size:20px;}
	.seminar_detail_pg .seminar_detail_header .seminar_name .introduce {padding-top:5px; font-size:14px;}

	.seminar_base_info .thum_box .thum {margin-right:0; height:250px;}
	.seminar_base_info .text_info .seminar_info .seminar_info_row {margin-bottom:20px; line-height:1.3;}
	.seminar_base_info .text_info .seminar_info .seminar_info_row span.ti {display:inline-block; padding-right:0; margin-right:5px; width:60px; font-size:14px; border-right:solid 1px #888888;}
	.seminar_base_info .text_info .seminar_info .seminar_info_row strong.info {display:inline-block; font-size:14px;}

	.seminar_base_info .text_info .func button {height:40px; font-size:14px;}
}


.seminar_detail_info {}

.tabmenu {}
.tabmenu ul {display:table; width:100%;}
.tabmenu ul li {display:table-cell; width:33.33%;}
.tabmenu ul li a {display:block; text-align:center; height:66px; line-height:66px; font-size:20px; color:#282828; border-top:solid 4px #d5d7d8; background-color:#d5d7d8;}
.tabmenu ul li a.active {color:#282828; border-top:solid 4px #0a9dbc; background-color:#eeefef;}

.tab_cont {margin-bottom:30px; padding:30px 0; font-size:20px; border-bottom:solid 1px #d5d7d8;}

/* 태블릿 */
@media all and (max-width:1024px){
	.tabmenu ul li a {height:50px; line-height:50px; font-size:20px;}
}

@media all and (max-width:768px){
	.tabmenu ul li a {height:40px; line-height:40px; font-size:18px;}
	.tab_cont {padding:20px 0; font-size:18px;}
}

@media all and (max-width:414px){
	.tabmenu ul li a {height:40px; line-height:40px; font-size:16px;}
	.tab_cont {padding:10px 0; font-size:14px;}
}


/* 세미나 신청 */
.seminar_app {padding-top:60px;}
table.table_seminar_app {width:100%;}
table.table_seminar_app thead {border-top:solid 2px #888888; border-bottom:solid 1px #d5d7d8;}
table.table_seminar_app thead th {padding:10px 20px; font-size:20px; color:#282828; text-align:left;}
table.table_seminar_app tbody {border-bottom:solid 1px #d5d7d8;}
table.table_seminar_app tbody th {padding:10px 20px; width:118px; font-size:16px; font-weight:normal; color:#282828; text-align:left;}
table.table_seminar_app tbody td {padding:10px 20px; font-size:16px; color:#282828;}
table.table_seminar_app input[type="text"] {height:40px;}
table.table_seminar_app select {height:40px;}

input.member_group {width:270px;}
input.user_name {width:270px;}

.phone_num {}
.phone_num select {min-width:130px;}
.phone_num input {width:130px;}

.email_address {}
.email_address select {width:25%;}
.email_address input {width:30%;}

button.btn_seminar_app {width:265px; height:50px; border:none; font-size:18px; color:#fff; background-color:#d2232a;}

@media all and (max-width:1200px){
	table.table_seminar_app input[type="text"] {height:40px;}
	table.table_seminar_app select {height:40px;}

	input.member_group {width:270px;}
	input.user_name {width:270px;}

	.phone_num {}
	.phone_num select {min-width:100px;}
	.phone_num input {width:100px;}

	.email_address {}
	.email_address select {width:200px;}
	.email_address input {width:200px;}
}

/* 태블릿 */
@media all and (max-width:1024px){
	table.table_seminar_app input[type="text"] {height:35px;}
	table.table_seminar_app select {height:35px;}

	input.member_group {width:270px;}
	input.user_name {width:270px;}

	.phone_num {}
	.phone_num select {min-width:100px;}
	.phone_num input {width:100px;}

	.email_address {}
	.email_address select {width:150px;}
	.email_address input {width:150px;}
}

@media all and (max-width:768px){
	table.table_seminar_app input[type="text"] {height:35px;}
	table.table_seminar_app select {height:35px;}

	input.member_group {width:270px;}
	input.user_name {width:270px;}

	.phone_num {}
	.phone_num select {min-width:100px;}
	.phone_num input {width:100px;}

	.email_address {}
	.email_address select {width:150px;}
	.email_address input {width:150px;}
}

@media all and (max-width:640px){
	.seminar_app {padding-top:30px;}

	table.table_seminar_app tbody th {display:block; padding:5px 5px 5px 15px; width:initial; font-size:14px; font-weight:600; color:#282828; text-align:left;
		background:url('/images/icon/icon_bar.png') no-repeat 5px center;
	}
	table.table_seminar_app tbody td {display:block; padding:5px 5px 10px; font-size:14px; color:#282828;}

	table.table_seminar_app input[type="text"] {height:30px; font-size:14px;}
	table.table_seminar_app select {height:30px; font-size:14px;}

	input.member_group {width:200px;}
	input.user_name {width:200px;}

	.phone_num {}
	.phone_num select {min-width:100px;}
	.phone_num input {width:100px;}

	.email_address {}
	.email_address select {width:100px;}
	.email_address input {width:100px;}
}

@media all and (max-width:414px){
	/*table.table_seminar_app tbody th {padding:10px 5px; font-size:14px; width:80px;}
	table.table_seminar_app tbody td {padding:10px 5px;}*/

	table.table_seminar_app input[type="text"] {height:30px; font-size:14px;}
	table.table_seminar_app select {height:30px; font-size:14px;}

	input.member_group {width:180px;}
	input.user_name {width:180px;}

	.phone_num {}
	.phone_num select {min-width:70px;}
	.phone_num input {width:70px;}

	.email_address {}
	.email_address select {width:70px;}
	.email_address input {width:70px;}

	button.btn_seminar_app {width:200px; height:40px; font-size:16px;}
}


/* 안내팝업(알러트 대체) */
.layer_alert_pop {width:320px; background-color:#fff; border:solid 2px #d5d7d8; position:fixed; top:20%; left:50%; margin-left:-160px; z-index:10;}
.layer_alert_pop .top {position:relative;}
.layer_alert_pop .top a.btn_close {display:inline-block; font-size:0; text-indent:-10000px; width:15px; height:15px; background:url('/images/icon/btn_func_popup_close.png') no-repeat center center; position:absolute; top:15px; right:15px;}
.layer_alert_pop .pop_body {padding:20px 20px;}
.layer_alert_pop .pop_body .alert_header {padding:20px 0; text-align:center;}
.layer_alert_pop .pop_body .alert_header .title {padding:0 20px; font-size:20px; color:282828}
.layer_alert_pop .pop_body .alert_ment {padding:20px 0; text-align:center; font-size:16px; color:#888888; line-height:1.3; border-top:solid 1px #eee;}
.layer_alert_pop .pop_body .alert_func {text-align:center;}
.layer_alert_pop .pop_body .alert_func button.btn_alert_confirm {width:100%; height:40px; font-size:16px; color:#fff; background-color:#d2232a; border:solid 1px #d2232a;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;
}

/* 모바일 */
@media all and (max-width:414px){
	.layer_alert_pop {width:90%; background-color:#fff; border:solid 2px #d5d7d8; position:fixed; top:80px; left:50%; margin-left:-45%;}
}



/*///////////////////////////////////////////////////////////////////////////////////////
  이벤트
 ///////////////////////////////////////////////////////////////////////////////////////*/
.event_status_tab {margin-top:30px; padding:10px 10px 10px 40px; background-color:#f3f4f6; border-top:solid 1px #d5d7d8; border-bottom:solid 1px #d5d7d8; overflow:hidden;}
.event_status_tab .left {float:left; line-height:38px;}
.event_status_tab .left a {display:inline-block; padding:0 15px; line-height:14px; border-left:solid 1px #888888;}
.event_status_tab .left a.first {padding:0 15px 0 0; border-left:none;}
.event_status_tab .left a.active {color:#d2232a;}
.event_status_tab .right {float:right;}
.event_status_tab .right input.date {width:160px; height:38px; font-size:15px; color:#888888; border:solid 1px #d5d7d8;;}
.event_status_tab .right .btn_event_search  {width:80px; height:40px; color:#fff; background-color:#31363a;}

.event_list_box {padding-top:30px; overflow:hidden;}
.event_list_box ul.event_list {overflow:hidden; margin-left:-2.0%;}
.event_list_box ul.event_list li {float:left; margin-bottom:32px; margin-left:2.0%; width:31.33%; }
.event_list_box ul.event_list li .outline {border:solid 1px #d5d7d8;}
.event_list_box ul.event_list li .thum {height:224px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.event_list_box ul.event_list li .text_info {padding:15px; height:80px;}
.event_list_box ul.event_list li .text_info .subject {display:block; margin-bottom:10px; font-size:20px; font-weight:normal; color:#282828; line-height:1.3;
	display:block;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}
.event_list_box ul.event_list li .text_info .event_info {}
.event_list_box ul.event_list li .text_info .event_info .event_info_row {padding:5px 0; font-size:14px; color:#888888; line-height:0.8;}
.event_list_box ul.event_list li .text_info .event_info .event_info_row strong.ti {display:inline-block; padding-right:10px; margin-right:10px; border-right:solid 1px #888888; font-weight:normal;}
.event_list_box ul.event_list li .text_info .event_info .event_info_row span.info {display:inline-block; }

.event_list_box ul.event_list li .outline .status_complete_box {display:none;}
.event_list_box ul.event_list li .outline.complete {position:relative;}
.event_list_box ul.event_list li .outline.complete .status_complete_box {display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; top:0; left:0;}
.event_list_box ul.event_list li .outline.complete .status_complete_box strong {display:inline-block; width:150px; height:150px; line-height:150px; text-align:center; font-size:36px; color:#aaaaaa; background-color:#31363a;
	-webkit-border-radius:150px; -moz-border-radius:150px; -o-border-radius:150px; border-radius:150px;
	position:absolute; top:50%; left:50%; margin-top:-75px; margin-left:-75px;
}

/* 태블릿 */
@media all and (max-width:1024px){
	.event_status_tab {padding:10px;}
	.event_list_box ul.event_list {overflow:hidden; margin-left:-2.0%;}
	.event_list_box ul.event_list li {float:left; margin-bottom:32px; width:48%;}
	.event_list_box ul.event_list li .thum {height:180px;}
	.event_list_box ul.event_list li .text_info {padding:15px;}
	.event_list_box ul.event_list li .text_info .subject {margin-bottom:10px; font-size:20px; }
	.event_list_box ul.event_list li .text_info .event_info .event_info_row {padding:5px 0; font-size:14px; color:#888888; line-height:0.8;}
	.event_list_box ul.event_list li .text_info .event_info .event_info_row strong.ti {display:inline-block; padding-right:10px; margin-right:10px; border-right:solid 1px #888888; font-weight:normal;}
	.event_list_box ul.event_list li .text_info .event_info .event_info_row span.info {display:inline-block; }

	.event_list_box ul.event_list li .outline.complete .status_complete_box {display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; top:0; left:0;}
	.event_list_box ul.event_list li .outline.complete .status_complete_box strong {display:inline-block; width:100px; height:100px; line-height:100px; font-size:30px;	margin-top:-50px; margin-left:-50px;}
}

@media all and (max-width:768px){
	.event_status_tab {margin-top:20px;}
	.event_status_tab .right input.date {width:140px; height:38px; font-size:15px; color:#888888; border:solid 1px #d5d7d8;;}
	.event_status_tab .right .btn_event_search  {width:80px; height:40px; color:#fff; background-color:#31363a;}
}

@media all and (max-width:667px){
	.event_status_tab .left {float:none; line-height:38px; text-align:center;}
	.event_status_tab .left a {display:inline-block; padding:0 15px; line-height:14px; border-left:solid 1px #888888;}
	.event_status_tab .right {float:none; text-align:center;}

	.event_status_tab .right input.date {width:100px; height:38px; font-size:15px; color:#888888; border:solid 1px #d5d7d8;;}
	.event_status_tab .right .btn_event_search  {width:80px; height:40px; color:#fff; background-color:#31363a;}

	.event_list_box ul.event_list {overflow:hidden; margin-left:0;}
	.event_list_box ul.event_list li {float:none; margin-bottom:32px; width:initial;}
	.event_list_box ul.event_list li .thum {height:150px;}
	.event_list_box ul.event_list li .text_info {padding:10px;}
	.event_list_box ul.event_list li .text_info .subject {margin-bottom:5px; font-size:18px; }
	.event_list_box ul.event_list li .text_info .event_info .event_info_row {padding:5px 0; font-size:13px;}
}


/* 모바일 */
@media all and (max-width:414px){
	.event_status_tab .right input.date {width:95px; height:38px; font-size:15px; color:#888888; border:solid 1px #d5d7d8;;}
	.event_status_tab .right .btn_event_search  {width:50px; height:40px; color:#fff; background-color:#31363a;}
}



/* 이벤트 상세페이지 */
.event_detail {margin-top:40px; padding:30px; text-align:center; border-top:solid 1px #d5d7d8; background-color:#f3f4f6;}

.post_footer_func {border-top: solid 1px #ccc;}
.post_footer_func ul {border-top:solid 1px #d5d7d8;}
.post_footer_func ul li {display:table; width:100%; border-bottom:solid 1px #d5d7d8;}
.post_footer_func ul li strong {display:table-cell; padding:10px 20px; width:50px; font-weight:normal; vertical-align:middle; background-repeat:no-repeat; background-position:center right;}
.post_footer_func ul li strong.next_post {background-image:url('/images/icon/icon_arrow_red_top.png');}
.post_footer_func ul li strong.prev_post {background-image:url('/images/icon/icon_arrow_red_bottom.png');}
.post_footer_func ul li a {display:table-cell; padding:10px 30px;}
.post_footer_func ul li a:hover {text-decoration:underline;}
.post_footer_func .btn_area {padding:10px 0;}
.post_footer_func .btn_area button.btn_list {width:80px; height:46px; color:#fff; font-size:15px; background-color:#31363a;}
.post_footer_func .btn_area button.btn_list:hover {opacity:0.8;}

@media all and (max-width:768px){
	.event_detail {margin-top:20px; padding:10px 5px;}
	.post_footer_func ul li strong {padding:10px 10px; width:50px;}
	.post_footer_func ul li a {padding:10px 20px;}
}



/*//////////////////////////////////////////////////////////////////////
 Subscribe
//////////////////////////////////////////////////////////////////////*/
.sub_subscribe {padding:50px 0 30px; border-top:solid 1px #ccc;}
.sub_subscribe .base_width {padding:0 60px; box-sizing:border-box;}

.subscribe_main_tab {padding:45px 0; text-align:center;}
.subscribe_main_tab a {display:inline-block; padding:0 90px; font-size:26px; font-weight:600; line-height:1;}
.subscribe_main_tab a.first {border-right:solid 2px #d5d7d8;}
.subscribe_main_tab a.active {color:#d2232a;}

.sub_subscribe_header {text-align:center;}
.sub_subscribe_header h2 {margin-bottom:25px; font-size:30px; color:#d2232a;}
.sub_subscribe_header .introduce {margin-bottom:50px; padding:30px; border:solid 2px #ccc; font-size:22px; color:#282828; line-height:1.7;}
.sub_subscribe_header .introduce span { font-size:18px; color:#888; }

/* 데스크탑 */
@media all and (max-width:1350px){
	.sub_subscribe {padding:30px 0 20px;}
	.sub_subscribe .base_width {padding:0 30px;}
	.sub_subscribe_header h2 {margin-bottom:15px; font-size:30px;}
	.sub_subscribe_header .introduce {margin-bottom:30px; padding:20px; font-size:18px; line-height:1.5;}
}

/* 태블릿 */
@media all and (max-width:1024px){}

@media all and (max-width:768px){
	.sub_subscribe {padding:20px 0 10px;}
	.sub_subscribe .base_width {padding:0 20px;}
	.sub_subscribe_header h2 {margin-bottom:15px; font-size:30px;}
	.sub_subscribe_header .introduce {margin-bottom:30px; padding:20px; font-size:16px; line-height:1.3;}

	.subscribe_main_tab {padding:30px 0;}
	.subscribe_main_tab a {padding:0 30px; font-size:24px; text-align:center;}
}

/* 모바일 */
@media all and (max-width:414px){
	.sub_subscribe {padding:10px 0 10px;}
	.sub_subscribe .base_width {padding:0 10px;}
	.sub_subscribe_header h2 {margin-bottom:5px; font-size:30px;}
	.sub_subscribe_header .introduce {margin-bottom:15px; padding:10px; font-size:15px; line-height:1.3;}

	.subscribe_main_tab {padding:20px 0 10px;}
	.subscribe_main_tab a {padding:0 20px; font-size:22px;}
}

/* 서비스구독 메인: 키 비쥬얼 */
.service_subscribe_keyvisual {height:400px; background:url('/images/subscribe/subscribe_keyvisual.png') no-repeat center center; background-size:cover;}
.service_subscribe_keyvisual .base_width {padding-top:75px; color:#fff; letter-spacing:0.5px; }
.service_subscribe_keyvisual .base_width h2 {margin-bottom:40px; font-size:42px; line-height:1.2;}
.service_subscribe_keyvisual .base_width h2 span { font-style: oblique; font-size:30px; font-weight:normal; }
.service_subscribe_keyvisual .base_width .ment {font-size:22px; line-height:1.4;}
.service_subscribe_keyvisual .base_width .ment_s {font-size:16px;}

/* 데스크탑 */
@media all and (max-width:1350px){
}

/* 태블릿 */
@media all and (max-width:1024px){}

@media all and (max-width:768px){
	.service_subscribe_keyvisual {height:300px;}
	.service_subscribe_keyvisual .base_width {padding-top:40px;}
	.service_subscribe_keyvisual .base_width h2 {margin-bottom:25px; font-size:38px; line-height:1.2;}
	.service_subscribe_keyvisual .base_width h2 span { font-size:26px; }
	.service_subscribe_keyvisual .base_width .ment {font-size:20px; line-height:1.2;}
}

@media all and (max-width:640px){
	.service_subscribe_keyvisual {height:initial;}
	.service_subscribe_keyvisual .base_width {padding-top:0; padding:30px 20px; line-height:14px;}
	.service_subscribe_keyvisual .base_width h2 {margin-bottom:20px; font-size:30px; line-height:1.2;}
	.service_subscribe_keyvisual .base_width h2 span { font-size:20px; }
	.service_subscribe_keyvisual .base_width .ment {font-size:16px;}
	.service_subscribe_keyvisual .base_width .ment_s {font-size:11px;}
}
/* 모바일 */
@media all and (max-width:414px){
	.service_subscribe_keyvisual .base_width h2 {font-size:22px; line-height:1.2;}
	.service_subscribe_keyvisual .base_width h2 span { font-size:16px; }
	.service_subscribe_keyvisual .base_width .ment {font-size:13px;}
}

/* 서비스구독 메인 */
.service_subscribe_header {padding:50px 0 !important; text-align:center;}
.service_subscribe_header .introduce {padding:30px; border:solid 2px #ccc; font-size:22px; color:#282828; line-height:1.7;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
.service_subscribe_header .introduce button {width:90px; height:30px; color:#fff; font-size:14px; background-color:#d2232a;
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; }
.service_subscribe_header .introduce button:hover {opacity:0.8;}
.service_subscribe_header .introduce button span,.service_subscribe_header .introduce button img {vertical-align:middle;}

/* 태블릿 */
@media all and (max-width:1024px){
	.service_subscribe_header {padding:30px 20px !important; line-height:1.5;}
	.service_subscribe_header .introduce {padding:20px; border:solid 2px #ccc; font-size:18px; letter-spacing:-0.5px;}
}

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

/* 모바일 */
@media all and (max-width:414px){
	.service_subscribe_header {padding:30px 20px !important;}
	.service_subscribe_header .introduce {line-height:1.4;}
	.service_subscribe_header .introduce button {margin:10px auto 0; display:block;}
}

/* 서비스구독 메인: 연장 할인 혜택 */
.sale_benefit {height:370px; background:url('/images/subscribe/subscribe_sale_benefit_bg.png') no-repeat center center; background-size:cover;}
.sale_benefit .base_width {}
.sale_benefit_box {overflow:hidden;}
.sale_benefit_box .left {float:left; padding-top:60px;}
.sale_benefit_box .left .top {margin-bottom:30px;}
.sale_benefit_box .left .top span.txt {display:inline-block; margin-bottom:5px; font-size:22px; line-height:1;}
.sale_benefit_box .left .top h3.title {font-size:42px; line-height:1;}
.sale_benefit_box .left .ment {margin-bottom:30px; font-size:18px;
	word-break:keep-all;
  	white-space:-moz-pre-wrap;
  	white-space:-pre-wrap;
  	white-space:-o-pre-wrap;
  	word-wrap:break-word;}
.sale_benefit_box .left button {width:240px; height:46px; font-size:18px; color:#fff; background-color:#d2232a;}

.sale_benefit_box .right {float:right; padding-top:85px;}
.sale_benefit_box .right img {}

/* 데스크탑 */
@media all and (max-width:1350px){
	.sale_benefit {height:initial; padding:60px 0;}
	.sale_benefit_box .left {float:left; padding-top:0; width:60%;}
	.sale_benefit_box .left .top {margin-bottom:30px;}
	.sale_benefit_box .left .ment {line-height:1.2;}

	.sale_benefit_box .right {float:right; padding-top:0; width:40%;}
	.sale_benefit_box .right img {}
}

/* 태블릿 */
@media all and (max-width:1024px){
	.sale_benefit {height:initial; padding:30px 0;}
	.sale_benefit_box .left {float:none; width:100%; text-align:center;}
	.sale_benefit_box .left .top {margin-bottom:20px;}
	.sale_benefit_box .left .top span.txt {display:inline-block; margin-bottom:5px; font-size:22px; line-height:1;}
	.sale_benefit_box .left .top h3.title {font-size:42px; line-height:1;}
	.sale_benefit_box .left .ment {margin-bottom:20px;}

	.sale_benefit_box .right {float:none; padding-top:40px; width:100%; text-align:center;}
}
}

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

/* 모바일 */
@media all and (max-width:414px){
	.sale_benefit_box .left .top span.txt {font-size:16px;}
	.sale_benefit_box .left .top h3.title {font-size:40px;}
	.sale_benefit_box .left .ment {margin-bottom:20px; font-size:14px;}

	.sale_benefit_box .left button {width:240px; height:40px; font-size:16px;}
}


.sub_subscribe_app {padding:50px 0; background-color:#ebebeb;}
.subscribe_select {overflow:hidden;}
.subscribe_select .outline {padding:30px 0 40px; width:600px; background-color:#fff;}
.subscribe_select h3.ti {margin-bottom:20px; font-size:26px; color:#282828;}
.subscribe_select .thum {margin-bottom:30px;}
.subscribe_select .thum img {}
.subscribe_select ul {display:table; margin:0 auto 30px;}
.subscribe_select ul li {display:table-cell; text-align:center; vertical-align:top; padding:0 15px;}
.subscribe_select ul li .icon_thum {display:inline-block;}
.subscribe_select ul li .txt {display:block; padding-top:5px; font-size:16px; color:#888888; line-height:1.2;}
.subscribe_select button {width:240px; height:46px; font-size:18px; color:#fff; background-color:#d2232a; }
.subscribe_select .left {float:left; width:50%; text-align:center;}
.subscribe_select .left ul {}
.subscribe_select .left ul li {}

.subscribe_select .right {float:right;  width:50%; text-align:center;}
.subscribe_select .right .outline {float:right;}
.subscribe_select .right ul {}
.subscribe_select .right ul li {}

/* 데스크탑 */
@media all and (max-width:1350px){
	.subscribe_select .outline {padding:30px 0 40px; width:99%;}
}
/* 태블릿 */
@media all and (max-width:1024px){
	.subscribe_select ul li {display:table-cell; vertical-align:top; padding:0 5px;}
	.subscribe_select ul li .txt {font-size:14px; line-height:1.1;}
}

@media all and (max-width:768px){
	.subscribe_select ul {display:table; width:100%;}
	.subscribe_select .outline {padding:30px 0 40px; width:100%;}
	.subscribe_select .left {float:none; width:100%; margin-bottom:10px;}
	.subscribe_select .right {float:none; width:100%;}
	.subscribe_select .right .outline {float:none;}
}

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


/* 모바일 */
@media all and (max-width:414px){
	.sub_subscribe_app {padding:25px 0;}
	.subscribe_select ul li {display:table-cell; vertical-align:top; padding:0 5px;}
	.subscribe_select button {width:200px; height:40px; font-size:18px; color:#fff; background-color:#d2232a; }
}

/* 서비스 구독 메인 : 상품 리스트 */
.sub_subscribe_total_app {padding:50px 0; background-color:#ebebeb;}
.subscribe_select_4grid {overflow:hidden; margin-left:-10px;}
.subscribe_select_4grid .grid {float:left; margin-left:10px; width:300px; text-align:center; position:relative;}
.subscribe_select_4grid .grid .outline {padding:30px 20px 40px; background-color:#fff;}
.subscribe_select_4grid .grid ul {}
.subscribe_select_4grid .grid ul li {}

.subscribe_select_4grid span.tit_online { display:block; color:#fff; margin-bottom:10px; background:#019e65; }
.subscribe_select_4grid span.tit_magazine { display:block; color:#fff; margin-bottom:10px; background:#0787b1; }
.subscribe_select_4grid h3.ti {margin-bottom:15px; font-size:26px; color:#282828;}
.subscribe_select_4grid .pay_before {position:absolute;}
.subscribe_select_4grid .pay_before span.txt {position: relative; top: -22px; left: 32px; color:#888; text-decoration: line-through;}
.subscribe_select_4grid .pay_info {font-size:20px; color:#d2232a; line-height:1;}
.subscribe_select_4grid .pay_info strong.pay {display:inline-block; padding:0 10px; border-right:solid 1px #d5d7d8;}
.subscribe_select_4grid .pay_info span.term {display:inline-block; padding:0 10px;}
.subscribe_select_4grid .thum {margin-bottom:30px;}
.subscribe_select_4grid .thum img {}
.subscribe_select_4grid ul {/*padding-top:20px;*/ padding:0 20px; overflow:hidden;}
.subscribe_select_4grid ul li {/*float:left;*/ margin-top:20px; width:100%; text-align:left;}
.subscribe_select_4grid ul li .icon_thum {float:left; display:inline-block; width:30%;}
.subscribe_select_4grid ul li .txt {display:inline-block; width:70%; height:50px; /*padding-top:5px;*/ font-size:16px; color:#888888; line-height:1.2; word-break:keep-all;}
.subscribe_select_4grid ul li a {display:inline-block;}
.subscribe_select_4grid ul li.end_pd_b70 {padding-bottom:70px;}
.subscribe_select_4grid button {width:100%; height:46px; font-size:18px; color:#fff; background-color:#d2232a; }


.cs_recomm_func {padding-top:50px; text-align:center;}
.cs_recomm_func button {margin:0 10px; width:260px; height:60px; color:#fff; font-size:20px;}
.cs_recomm_func button:hover {opacity:0.8;}
.cs_recomm_func button img {margin-left:20px; vertical-align:middle;}
.cs_recomm_func button.btn_cs {background-color:#5e6263;}
.cs_recomm_func button.btn_katalk_recomm {background-color:#f7941d;}

.comingsoon_box { display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; }
.comingsoon_box strong { display: inline-block; width: 150px; height: 150px; text-align: center; color: #fff; font-size:18px; background-color: #f7941d; -webkit-border-radius: 150px; -moz-border-radius: 150px; -o-border-radius: 150px; border-radius: 150px; position: absolute; top: 50%; left: 50%; margin-top: -75px; margin-left: -75px; }

/* 데스크탑 */
@media all and (max-width:1350px){
	.subscribe_select_4grid {overflow:hidden; margin-left:0;}
	.subscribe_select_4grid .grid {float:left; margin-left:0; width:25%; text-align:center;}
	.subscribe_select_4grid .grid .outline {margin:0 5px;}
}
@media all and (max-width:1200px){
	.subscribe_select_4grid h3.ti {font-size:24px;}
}
/* 태블릿 */
@media all and (max-width:1024px){
	.subscribe_select_4grid .grid {margin-bottom:10px; width:50%;}
	.subscribe_select_4grid button {width:90%;}
}

@media all and (max-width:768px){
	.subscribe_select_4grid button {width:90%; height:40px; font-size:16px;}
	.subscribe_select_4grid ul li .txt {height:50px; font-size:14px;}

	.cs_recomm_func {padding-top:30px; text-align:center;}
	.cs_recomm_func button {margin:0 5px; width:230px; height:60px; font-size:20px;}
}

@media all and (max-width:640px){
	.subscribe_select_4grid h3.ti {margin-bottom:5px;}
	.subscribe_select_4grid .grid {margin-bottom:10px; width:100%;}
	.subscribe_select_4grid .grid .outline {padding:20px 20px 30px;}
	.subscribe_select_4grid .thum {margin-bottom:10px;}
	.subscribe_select_4grid ul {padding:0 10px;}
	.subscribe_select_4grid ul li {margin-top:10px;}
	.subscribe_select_4grid ul li.end_pd_b70 {padding:0;}

	.cs_recomm_func {padding-top:30px; text-align:center;}
	.cs_recomm_func button {margin:0 5px 2px; width:160px; height:50px; font-size:16px;}
	.cs_recomm_func button img {margin-left:0;}
}

/* 모바일 */
@media all and (max-width:414px){
	.cs_recomm_func button {margin:0 5px 2px; width:45%; height:50px; font-size:14px;}
}


.allinone_faq {padding:100px 0 0;}
.allinone_faq h3.title {margin-left:40px; margin-bottom:40px; font-size:26px; line-height:1.3;}

.allinone_faq .faq_list {}
.allinone_faq .faq_list ul {border-top:solid 1px #d5d7d8;}
.allinone_faq .faq_list ul li {border-bottom:solid 1px #d5d7d8;}
.allinone_faq .faq_list ul li a.faq_title {display:block; padding:15px 60px 15px 40px; position:relative;}
.allinone_faq .faq_list ul li a.faq_title .num {display:inline-block; padding:0 5px; height:18px; line-height:18px; font-size:14px; color:#d2232a; border:solid 1px #d2232a;}
.allinone_faq .faq_list ul li a.faq_title .subject {font-size:18px; font-weight:normal;}
.allinone_faq .faq_list ul li a.faq_title .cert {display:inline-block; width:15px; height:15px; background:url('/images/icon/icon_arrow_red_top.png') no-repeat center center;
	position:absolute; top:50%; right:40px; margin-top:-7px;
}
.allinone_faq .faq_list ul li a.faq_title.active .cert {background:url('/images/icon/icon_arrow_red_bottom.png') no-repeat center center;}
.allinone_faq .faq_list ul li .faq_cont {padding:30px 60px; color:#888; border-top:solid 1px #d5d7d8; background-color:#f3f4f6;}

.cs_guide {padding:20px 40px; color:#d2232a; line-height:1.2;}

/* 태블릿 */
@media all and (max-width:1024px){
	.allinone_faq {padding:50px 0 0;}
	.allinone_faq h3.title {margin-left:40px; margin-bottom:20px; font-size:26px;}
}

@media all and (max-width:768px){
	.allinone_faq .faq_list ul li a.faq_title {padding:10px 60px 10px 40px;}
	.allinone_faq .faq_list ul li a.faq_title .subject {font-size:16px; font-weight:normal;}
}

@media all and (max-width:667px){
	.allinone_faq h3.title {margin-left:20px; margin-bottom:20px; font-size:26px;}
	.allinone_faq .faq_list ul li a.faq_title {padding:10px 40px 10px 20px;}
	.allinone_faq .faq_list ul li a.faq_title .cert {position:absolute; top:50%; right:20px; margin-top:-7px;}
	.allinone_faq .faq_list ul li .faq_cont {padding:15px 40px; color:#888; border-top:solid 1px #d5d7d8; background-color:#f3f4f6;}

	.cs_guide {padding:10px 20px;}
}

/* 모바일 */
@media all and (max-width:414px){
	.allinone_faq h3.title {font-size:22px;}
	.allinone_faq .faq_list ul li a.faq_title .subject {font-size:14px;}
}


/* 낱권 구매 리스트 */
ul.magazine_list_volume {margin-bottom:20px; border-top:solid 1px #d5d7d8; border-bottom:solid 1px #d5d7d8; overflow:hidden;}
ul.magazine_list_volume>li {float:left; padding-top:30px; padding-bottom:30px; width:50%;}
ul.magazine_list_volume>li .outline {padding-left:246px; overflow:hidden;}
ul.magazine_list_volume>li .thum_box {float:left; width:246px; margin-left:-246px;}
ul.magazine_list_volume>li .thum_box>.thum {display:inline-block; width:216px; height:268px; border:solid 1px #d5d7d8; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
ul.magazine_list_volume>li .thum_box .label {display:inline-block; width:55px; height:26px; line-height:26px; color:#fff; text-align:center; background-color:#d2232a; position:absolute; top:5px; left:0; z-index:1;}
ul.magazine_list_volume>li .thum_box .label.new {}
ul.magazine_list_volume>li .thum_box .label.hot {background-color:#f7941d;}

ul.magazine_list_volume>li .magazine_info {float:right; width:100%;}
ul.magazine_list_volume>li .magazine_info .magazine_info_top {margin-bottom:15px;}
ul.magazine_list_volume>li .magazine_info .magazine_info_top .subject {display:block; margin-bottom:5px; color:#282828; line-height:1.2;}
ul.magazine_list_volume>li .magazine_info .magazine_info_top .subject .ho {display:block; font-size:20px;}
ul.magazine_list_volume>li .magazine_info .magazine_info_top .subject .ti {display:block; font-size:26px;
	height:2.4em;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}

ul.magazine_list_volume>li .magazine_info .main_post_list {}
ul.magazine_list_volume>li .magazine_info .main_post_list .title {font-size:16px; font-weight:600; color:#d2232a;}
ul.magazine_list_volume>li .magazine_info .main_post_list ol {}
ul.magazine_list_volume>li .magazine_info .main_post_list ol li a {display:block; padding-left:8px; line-height:26px; background:url('/images/icon/bullet_dot.png') no-repeat center left;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
ul.magazine_list_volume>li .magazine_info .main_post_list ol li a:hover {text-decoration:underline;}

ul.magazine_list_volume>li .magazine_info .pay {padding:7px 0;}
ul.magazine_list_volume>li .magazine_info .pay .org_price {padding-right:15px; margin-right:10px; font-size:20px; color:#888888;vertical-align:middle; position:relative;}
ul.magazine_list_volume>li .magazine_info .pay .org_price .linethrough {display:inline-block; margin-top:-5px; width:100%; height:14px; background:url('/images/icon/icon_price_through.png') no-repeat center right; position:absolute; top:50%; right:0;}
ul.magazine_list_volume>li .magazine_info .pay .sale_price {font-size:26px; color:#d2232a; vertical-align:middle;}

ul.magazine_list_volume>li .magazine_info .buy_func {}
ul.magazine_list_volume>li .magazine_info .buy_func button {margin-bottom:5px; width:146px; height:36px; font-size:16px; border:solid 2px #d2232a; background-color:#d2232a;}
ul.magazine_list_volume>li .magazine_info .buy_func button.btn_buy {color:#fff; background-color:#d2232a;}
ul.magazine_list_volume>li .magazine_info .buy_func button.btn_basket {color:#d2232a; background-color:#fff;}


/* Sold Out */
ul.magazine_list_volume>li.soldout {}
ul.magazine_list_volume>li.soldout .outline {}
ul.magazine_list_volume>li .label_soldout {width:216px; height:268px; line-height:268px; text-align:center; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; z-index:10;}
ul.magazine_list_volume>li .label_soldout span {font-size:30px; color:#fff;}
ul.magazine_list_volume>li.soldout .magazine_info .magazine_info_top .subject {color:#d5d7d8;}

ul.magazine_list_volume>li.soldout .magazine_info .main_post_list .title {color:#d5d7d8;}
ul.magazine_list_volume>li.soldout .magazine_info .main_post_list ol {}
ul.magazine_list_volume>li.soldout .magazine_info .main_post_list ol li a {/*color:#d5d7d8;*/ opacity:0.2;}

ul.magazine_list_volume>li.soldout .magazine_info .pay .org_price {color:#d5d7d8;}
ul.magazine_list_volume>li.soldout .magazine_info .pay .org_price .linethrough {opacity:0.2;}
ul.magazine_list_volume>li.soldout .magazine_info .pay .sale_price {color:#d5d7d8;}

ul.magazine_list_volume>li .magazine_info .buy_func button.btn_soldout {width:310px; height:36px; font-size:16px; color:#fff; border:solid 2px #d5d7d8; background-color:#d5d7d8;}


/* 데스크탑 */
@media all and (max-width:1350px){
	ul.magazine_list_volume>li .magazine_info .buy_func button {width:110px; height:36px; font-size:14px;}
	ul.magazine_list_volume>li .magazine_info .buy_func button.btn_soldout {width:100%; font-size:16px;}
}

/* 태블릿 */
@media all and (max-width:1024px){
	ul.magazine_list_volume>li .outline {padding-left:150px; overflow:hidden;}
	ul.magazine_list_volume>li .thum_box {float:left; width:150px; margin-left:-150px;}
	ul.magazine_list_volume>li .thum_box>.thum {width:140px; height:174px;}
	ul.magazine_list_volume>li .label_soldout {width:140px; height:174px; line-height:174px;}
	ul.magazine_list_volume>li .label_soldout span {font-size:20px;}

	ul.magazine_list_volume>li .magazine_info .magazine_info_top .subject .ho {display:block; font-size:18px;}
	ul.magazine_list_volume>li .magazine_info .magazine_info_top .subject .ti {display:block; font-size:20px;}


	ul.magazine_list_volume>li .magazine_info .main_post_list .title {font-size:14px; font-weight:600; color:#d2232a;}
	ul.magazine_list_volume>li .magazine_info .main_post_list ol {}
	ul.magazine_list_volume>li .magazine_info .main_post_list ol li a {font-size:13px; line-height:20px;}

	ul.magazine_list_volume>li .magazine_info .pay {padding:0;}
	ul.magazine_list_volume>li .magazine_info .pay .org_price {padding-right:15px; margin-right:10px; font-size:14px;}
	ul.magazine_list_volume>li .magazine_info .pay .org_price .linethrough {width:100%; height:14px;}
	ul.magazine_list_volume>li .magazine_info .pay .sale_price {font-size:20px;}

	ul.magazine_list_volume>li .magazine_info .buy_func button {width:90px; height:36px; font-size:14px; letter-spacing:-0.5px;}
	ul.magazine_list_volume>li .magazine_info .buy_func button.btn_soldout {width:180px; font-size:16px;}
}
@media all and (max-width:768px){
	ul.magazine_list_volume {border-bottom:none;}
	ul.magazine_list_volume>li {float:none; padding-top:20px; padding-bottom:20px; width:100%; border-bottom:solid 1px #d5d7d8;}

	ul.magazine_list_volume>li .outline {padding-left:170px; overflow:hidden;}
	ul.magazine_list_volume>li .thum_box {float:left; width:150px; margin-left:-170px;}
	ul.magazine_list_volume>li .thum_box>.thum {width:140px; height:174px;}
	ul.magazine_list_volume>li .label_soldout {width:140px; height:174px; line-height:174px;}
	ul.magazine_list_volume>li .label_soldout span {font-size:20px;}

	ul.magazine_list_volume>li .magazine_info .magazine_info_top .subject {margin-bottom:5px; font-size:18px;}
	ul.magazine_list_volume>li .magazine_info .magazine_info_top .subject .ti {display:block; /*font-size:20px*/;
		height:initial;
	}

	ul.magazine_list_volume>li .magazine_info .main_post_list .title {font-size:16px; font-weight:600; color:#d2232a;}
	ul.magazine_list_volume>li .magazine_info .main_post_list ol {padding-top:0;}
	ul.magazine_list_volume>li .magazine_info .main_post_list ol li a {display:block; padding-left:8px; line-height:20px; font-size:13px;}

	ul.magazine_list_volume>li .magazine_info .pay {padding:5px 0;}

}

/* 모바일 */
@media all and (max-width:414px){
	ul.magazine_list_volume>li .outline {padding-left:110px;}
	ul.magazine_list_volume>li .thum_box {float:left; width:110px; margin-left:-110px;}
	ul.magazine_list_volume>li .thum_box>.thum {width:100px; height:125px;}
	ul.magazine_list_volume>li .label_soldout {width:100px; height:125px; line-height:125px;}
	ul.magazine_list_volume>li .label_soldout span {font-size:18px;}

	ul.magazine_list_volume>li .magazine_info .magazine_info_top .subject {margin-bottom:5px; font-size:20px;}

	ul.magazine_list_volume>li .magazine_info .main_post_list .title {font-size:14px; font-weight:600; color:#d2232a;}
	ul.magazine_list_volume>li .magazine_info .main_post_list ol {padding-top:0;}
	ul.magazine_list_volume>li .magazine_info .main_post_list ol li a {display:block; padding-left:8px; line-height:20px; font-size:13px;}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////
 검색결과
 ////////////////////////////////////////////////////////////////////////////////////////////////*/
 /* 검색결과 헤더 */
.search_result_title {margin-top:15px; padding:15px 25px 15px 40px; border-top:solid 1px #d5d7d8; border-bottom:solid 1px #d5d7d8; background-color:#f3f4f6; overflow:hidden;}
.search_result_title .left {float:left;}
.search_result_title .left h3 {font-size:20px; line-height:1; font-weight:normal;}
.search_result_title .right {float:right;}
.search_result_title .right a {display:inline-block; padding:0 15px; font-size:16px; line-height:1; border-left:solid 1px #888888;}
.search_result_title .right a.first {border-left:none;}
.search_result_title .right a.active, .search_result_title .right a:hover {color:#d2232a;}

/* 태블릿 */
@media all and (max-width:768px){
	.search_result_title {padding:10px;}
	.search_result_title .left {float:left; margin-bottom:5px;}
	.search_result_title .right a {padding:0 5px; font-size:14px;}
}

/* 모바일 */
@media all and (max-width:414px){
	.search_result_title .left {float:none;}
	.search_result_title .right {float:none;}
	.search_result_title .right a.first {padding-left:0;}
}

/* 검색 탭*/
.tab_search {padding-top:20px; margin-bottom:20px;}
.tab_search ul {display:table; width:100%; border-bottom:solid 1px #0a9dbc;}
.tab_search ul li {display:table-cell; width:20%;}
.tab_search ul li a {display:block; height:48px; line-height:48px; color:#333; font-size:18px; text-align:center; background-color:#f3f4f6; border:solid 1px #d5d7d8; border-bottom:none;}
.tab_search ul li a.active {color:#fff; background-color:#0a9dbc;}

@media all and (max-width:1024px){
	.tab_search ul li a {height:48px; line-height:48px; font-size:16px;}
}
/* 태블릿 */
@media all and (max-width:768px){
	.tab_search ul {display:block; width:initial; border-bottom:solid 1px #0a9dbc; overflow:hidden;}
	.tab_search ul li {float:left; display:block; width:initial;}
	.tab_search ul li a {display:block; padding:0 10px; height:40px; line-height:40px; font-size:16px; text-align:center; letter-spacing:-1px; background-color:none; border:none;}
}

/* 모바일 */
@media all and (max-width:640px){
	.tab_search ul li {margin-top:2px; margin-right:2px;}
}


/* 검색결과 필자 리스트*/
.author_list { word-break:keep-all; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}

.author_list .author_row {display:table; width:100%; border-bottom:solid 1px #ddd;}
.author_list .author_row .name {display:table-cell; vertical-align:top; padding:20px 30px; font-size:20px; width:250px; line-height:1.2;}
.author_list .author_row .info {display:table-cell; vertical-align:top; padding:20px 30px; font-size:16px; color:#888888; }
.author_list .author_row .info .pointcolor {color:#0a9dbc;}

/* 태블릿 */
@media all and (max-width:768px){
	.author_list .author_row .name {padding:10px 15px; font-size:18px; width:200px;}
	.author_list .author_row .info {padding:10px 15px; font-size:15px;}
}

/* 모바일 */
@media all and (max-width:640px){
	.author_list .author_row .name {display:block; padding:10px 15px 0; font-size:16px; width:initial;}
	.author_list .author_row .info {display:block; padding:10px 15px; font-size:14px;}
}


/* 검색결과 아티클 리스트: 기본 리스트 타입 변형 */
.search_result_article {padding:0 0 0;}
.search_result_article .post_list_box {padding-bottom:20px;}
.search_result_article ul.post_list {margin-left:-2%; padding:25px 0 0; overflow:hidden;}
.search_result_article ul.post_list li {float:left; margin-bottom:35px; margin-left:2%; width:31.33%;}
.search_result_article ul.post_list li .outline {border:solid 1px #d5d7d8;}
.search_result_article ul.post_list li a {display:block; padding:0;}
.search_result_article ul.post_list li .post_cont {padding:0 15px; background-color:#fff;}
.search_result_article ul.post_list li .post_cont .lead_txt {display:block; margin-bottom:0;}
.search_result_article ul.post_list li .post_info {padding:10px 15px;}

/* 2020-09-10 박은진: 검색결과 리스트 구조 변경 */
.search_result_article {padding:0 0 0;}
.search_result_article .search_list_box {padding-bottom:20px;}
.search_result_article ul.search_list { margin-bottom:50px; overflow:hidden; }
.search_result_article ul.search_list li { padding:20px 30px; border-bottom:solid 1px #d5d7d8; overflow:hidden;}
.search_result_article ul.search_list li a {display:block; padding:0;}
.search_result_article ul.search_list li .post_cont .subject { display:blopck; font-size:20px; color:#282828; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.search_result_article ul.search_list li .post_cont .lead_txt { display:block; font-size:16px; color:#888; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.search_result_article ul.search_list li .post_cata {display:inline-block; padding-right:5px; color:#d2232a;}
.search_result_article ul.search_list li .post_type {padding:0 5px; border-left:solid 1px #888888;}
.search_result_article ul.search_list li .post_ho {padding:0 5px; color:#0787b1; border-left:solid 1px #888888;}
.search_result_article ul.search_list li .post_date {display:inline-block; padding:0 5px; border-left:solid 1px #888888;}


/* 데스크탑 */
@media all and (max-width:1350px){
	.search_result_article {padding:20px 0;}
	.search_result_article ul.post_list {margin-left:-2%; padding:25px 0 0; overflow:hidden;}
	.search_result_article ul.post_list li {float:left; margin-left:2%; width:31.33%;}
}

/* 태블릿 */
@media all and (max-width:1024px){
	.search_result_article ul.post_list {margin-left:-3%; padding:0;}
	.search_result_article ul.post_list li {float:left; margin-bottom:15px; margin-left:3%; width:47%;}
}
@media all and (max-width:768px){
	.search_result_article ul.post_list {margin-left:-3%;}
	.search_result_article ul.post_list li {float:left; margin-bottom:15px; margin-left:3%; width:47%;}
}

/* 모바일 */
@media all and (max-width:414px){
	.search_result_article ul.post_list {margin-left:-3%;}
	.search_result_article ul.post_list li {float:left; margin-bottom:15px; margin-left:3%; width:97%;}
}

.search_result_totalview {margin-bottom:30px; padding:15px; text-align:center; border-top:solid 2px #d5d7d8;}
button.btn_search_result_totalview {padding-right:20px; font-size:18px; color:#282828; border:none; background:url('/images/icon/icon_arrow_right.png') no-repeat center right;}



/*////////////////////////////////////////////////////////////////////////////////////////////////
 팝업
 ////////////////////////////////////////////////////////////////////////////////////////////////*/
 /* 팝업 : 구독 올인원 */
.layer_subscribe_pop {width:635px; background-color:#fff; border:solid 2px #d5d7d8; position:fixed; top:20%; left:50%; margin-left:-317px; z-index:10;}
.layer_subscribe_pop .top {padding:15px; position:relative;}
.layer_subscribe_pop .top a.btn_close {display:inline-block; font-size:0; text-indent:-10000px; width:15px; height:15px; background:url('/images/icon/btn_func_popup_close.png') no-repeat center center; position:absolute; top:15px; right:15px;}
.layer_subscribe_pop .pop_body {padding:20px 20px;}
.layer_subscribe_pop .pop_body .subscribe_amount {padding:20px 40px;}
.layer_subscribe_pop .pop_body .subscribe_amount .top_row {overflow:hidden;}
.layer_subscribe_pop .pop_body .subscribe_amount .top_row .left {float:left; font-size:20px;}
.layer_subscribe_pop .pop_body .subscribe_amount .top_row .right {float:right;}
.layer_subscribe_pop .pop_body .subscribe_amount .bottom {padding:10px 0; text-align:right; font-size:12px;}
.layer_subscribe_pop .pop_body .subscribe_amount .ea_count {display:inline-block; vertical-align:middle; width:90px; height:40px; background-color:#fff; border:solid 1px #ccc; overflow:hidden; position:relative;}
.layer_subscribe_pop .pop_body .subscribe_amount .ea_count input[type="text"] {padding:0 5px; width:56px; height:40px; font-size:18px; border:none;}
.layer_subscribe_pop .pop_body .subscribe_amount .ea_count .amount {width:24px; height:40px; line-height:0; border-left:solid 1px #cdcdcd; position:absolute; top:0; right:0; z-index:1;}
.layer_subscribe_pop .pop_body .subscribe_amount .ea_count .amount a {display:inline-block; width:23px; height:19px; text-align:center; line-height:19px;}
.layer_subscribe_pop .pop_body .subscribe_amount .ea_count .amount a.btn_up {border-bottom:solid 1px #cdcdcd;}
.layer_subscribe_pop .pop_body .subscribe_amount .ea_count .amount a.btn_down {}
.layer_subscribe_pop .pop_body .subscribe_amount .top_row .right .ea {display:inline-block; line-height:40px; vertical-align:middle;}

.layer_subscribe_pop .pop_body .func {padding:40px 0 30px; text-align:center;}
.layer_subscribe_pop .pop_body .func button.btn_buy {width:240px; height:46px; font-size:18px; color:#fff; background-color:#d2232a;}


table.table_subscribe_buy {width:100%; font-size:16px; color:#282828;}
table.table_subscribe_buy thead {border-top:solid 2px #888888; border-bottom:solid 1px #d5d7d8;}
table.table_subscribe_buy thead th {padding:10px 20px; font-weight:normal; background-color:#f3f4f6;}
table.table_subscribe_buy tbody {}
table.table_subscribe_buy tbody td {padding:10px 20px; border-bottom:solid 1px #d5d7d8;}
table.table_subscribe_buy tfoot {}
table.table_subscribe_buy tfoot td {padding:10px 20px; font-size:20px; font-weight:600; border-bottom:solid 1px #d5d7d8; background-color:#f3f4f6;}
table.table_subscribe_buy tfoot td .total_pay {font-size:26px; color:#d2232a;}


/* 모바일 */
@media all and (max-width:768px){
	.layer_subscribe_pop {width:90%; background-color:#fff; border:solid 2px #d5d7d8; position:fixed; top:80px; left:50%; margin-left:-45%;}
	.layer_subscribe_pop .pop_body {padding:10px 10px;}
	.layer_subscribe_pop .pop_body .subscribe_amount {padding:20px 0 10px;}
	.layer_subscribe_pop .pop_body .subscribe_amount .bottom {padding:10px 0 0;}
}

@media all and (max-width:414px){
	.layer_subscribe_pop .pop_body .subscribe_amount {padding:10px 0 10px;}
	table.table_subscribe_buy {font-size:14px;}
	table.table_subscribe_buy thead th {padding:5px 10px;}
	table.table_subscribe_buy tbody {}
	table.table_subscribe_buy tbody td {padding:5px 10px;}
	table.table_subscribe_buy tfoot {}
	table.table_subscribe_buy tfoot td {padding:5px 10px; font-size:16px;}
	table.table_subscribe_buy tfoot td .total_pay {font-size:20px; color:#d2232a;}
}


/* 팝업: 추천 할인 혜택 */
.subscribe_benefit {}
.subscribe_benefit .ment {padding:0 10px; margin-bottom:20px; text-align:center;}
.subscribe_benefit .ment h3 {margin-bottom:10px; font-size:20px; color:#282828;}
.subscribe_benefit .ment .txt {display:block; color:#888888; line-height:1.3em;}

.subscribe_benefit .detail {border-top:solid 1px #ccc; padding:30px 0; text-align:center;}
.subscribe_benefit .detail img {}

.subscribe_benefit .app_how {}
.subscribe_benefit .app_how a.btn_app_how {display:block; height:40px; line-height:40px; font-size:16px; color:#888888; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; text-align:center;}
.subscribe_benefit .app_how a img {margin-left:5px;}

ul.app_how_list {padding:20px 10px;}
ul.app_how_list li {padding-left:18px; text-indent:-18px; margin-bottom:10px; color:#888888;}


/* 모바일 */
@media all and (max-width:768px){
	.subscribe_benefit .detail img {width:90%;}
}

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

}


/* 팝업 : 매거진 배송지 변경 */
.layer_delivery_pop {width:700px; background-color:#fff; border:solid 2px #d5d7d8; position:fixed; top:20%; left:50%; margin-left:-350px; z-index:10;}
.layer_delivery_pop .top {padding:0 15px; height:48px; line-height:48px; background-color:#f3f4f6; position:relative;}
.layer_delivery_pop .top h3.title {font-size:18px; color:#d2232a}
.layer_delivery_pop .top a.btn_close {display:inline-block; font-size:0; text-indent:-10000px; width:15px; height:15px; background:url('/images/icon/btn_func_popup_close.png') no-repeat center center; position:absolute; top:15px; right:15px;}
.layer_delivery_pop .pop_body {padding:20px 20px;}

.layer_delivery_pop .pop_body .func {padding:40px 0 30px; text-align:center;}
.layer_delivery_pop .pop_body .func button.btn_delivery {width:240px; height:46px; font-size:18px; color:#fff; background-color:#d2232a;}

/* 모바일 */
@media all and (max-width:768px){
	.layer_delivery_pop {width:90%; position:fixed; top:100px; left:5%; margin-left:initial;}
}

/* 팝업 : 관심분야 변경 */
.layer_interest_pop {width:700px; background-color:#fff; border:solid 2px #d5d7d8; position:fixed; top:20%; left:50%; margin-left:-350px; z-index:10;}
.layer_interest_pop .top {padding:0 15px; height:48px; line-height:48px; background-color:#f3f4f6; position:relative;}
.layer_interest_pop .top h3.title {font-size:18px; color:#d2232a}
.layer_interest_pop .top a.btn_close {display:inline-block; font-size:0; text-indent:-10000px; width:15px; height:15px; background:url('/images/icon/btn_func_popup_close.png') no-repeat center center; position:absolute; top:15px; right:15px;}
.layer_interest_pop .pop_body {padding:20px 20px;}

.layer_interest_pop .pop_body .func {padding:40px 0 30px; text-align:center;}
.layer_interest_pop .pop_body .func button.btn_interest {width:240px; height:46px; font-size:18px; color:#fff; background-color:#d2232a;}

/* 모바일 */
@media all and (max-width:768px){
	.layer_interest_pop {width:90%; position:fixed; top:100px; left:5%; margin-left:initial;}
}

/* 팝업 : 지인에게 추천 */
.layer_recomm_pop {width:700px; background-color:#fff; border:solid 2px #d5d7d8; position:absolute; top:200px; left:50%; margin-left:-350px; z-index:10;}
.layer_recomm_pop .top {padding:15px 0; position:relative;}
.layer_recomm_pop .top a.btn_close {display:inline-block; font-size:0; text-indent:-10000px; width:15px; height:15px; background:url('../images/icon/btn_func_popup_close.png') no-repeat center center; position:absolute; top:15px; right:15px;}

.layer_recomm_pop .pop_body {padding:20px 20px;}
.layer_recomm_pop .pop_body .recomm_top {margin-bottom:25px; text-align:center;}
.layer_recomm_pop .pop_body .recomm_top .title {margin-bottom:15px; font-size:20px; font-weight:normal; line-height:1; letter-spacing:-1px;}
.layer_recomm_pop .pop_body .recomm_top .title span {display:inline-block; vertical-align:middle;}
.layer_recomm_pop .pop_body .recomm_top .title span.bar {padding:0 5px; font-size:14px; color:#999;}
.layer_recomm_pop .pop_body .recomm_top .ment {line-height:1.2; font-size:16px; color:#999;}

.layer_recomm_pop .pop_body .func {padding:40px 0 30px; text-align:center;}
.layer_recomm_pop .pop_body .func button.btn_send {width:240px; height:46px; font-size:18px; color:#fff; background-color:#d2232a;}

/* 모바일 */
@media all and (max-width:768px){
	.layer_recomm_pop {width:90%; top:100px; left:5%; margin-left:initial;}
	.layer_recomm_pop .pop_body .recomm_top .title {font-size:18px; letter-spacing:-1px;}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////
결제하기 : 세미나
 ////////////////////////////////////////////////////////////////////////////////////////////////*/
.payment_app {padding-top:50px;}

/* 결제신청 */
table.table_payment_list {margin-bottom:30px; width:100%; font-size:18px;}
table.table_payment_list thead {border-top:solid 2px #888888; border-bottom:solid 1px #d5d7d8;}
table.table_payment_list thead th {padding:10px 20px; font-size:16px; background-color:#f3f4f6;}
table.table_payment_list tbody {border-bottom:solid 1px #d5d7d8;}
table.table_payment_list tbody th {padding:10px 20px;}
table.table_payment_list tbody td {padding:20px 20px; text-align:center; border-bottom:solid 1px #d5d7d8;}
table.table_payment_list tfoot {border-top:solid 2px #888888; background-color:#f3f4f6;}
table.table_payment_list tfoot td {padding:10px 50px;}
table.table_payment_list tfoot td .pay_total {display:table; width:100%;}
table.table_payment_list tfoot td .pay_total .left {display:table-cell; padding:30px 0 30px 20px; width:50%; font-size:20px;}
table.table_payment_list tfoot td .pay_total .right {display:table-cell; padding:30px 0 30px 0; text-align:right; font-size:26px;}
table.table_payment_list .org_pay {display:block; font-size:16px; color:#6d6e71; text-decoration:line-through;} /* 원가 */
table.table_payment_list select {display:inline-block; font-size:14px; color:#6d6e71; height:40px;}

table.table_payment_app {width:100%;}
table.table_payment_app thead {border-top:solid 2px #888888; border-bottom:solid 1px #d5d7d8;}
table.table_payment_app thead th {padding:10px 20px; font-size:20px; color:#282828; text-align:left; background-color:#f3f4f6;}
table.table_payment_app tbody {border-bottom:solid 1px #d5d7d8;}
table.table_payment_app tbody th {padding:10px 20px; width:130px; font-size:16px; letter-spacing:-1px; font-weight:normal; color:#282828; text-align:left;/* border-bottom:solid 1px #ddd;*/}
table.table_payment_app tbody td {padding:10px 20px; font-size:16px; color:#282828; /*border-bottom:solid 1px #ddd;*/}
table.table_payment_app tfoot th {padding:10px 20px; width:118px; font-size:16px; font-weight:normal; color:#282828; text-align:left;}
table.table_payment_app tfoot td {padding:10px 20px; font-size:16px; color:#282828;}
table.table_payment_app input[type="text"] {height:40px;}
table.table_payment_app select {height:40px;}
table.table_payment_app .border_bottom {border-bottom:solid 1px #ddd;}
table button.btn_postnum, table button.btn_certification {padding:0 15px; height:42px; font-size:16px; color:#fff; background-color:#888888; border:solid 1px #888888;}
table button.btn_subscribe_app {padding:0 15px; height:42px; font-size:16px; color:#fff; background-color:#d2232a; border:solid 1px #d2232a;}

ul.payment_seminar_list {}
ul.payment_seminar_list li {display:table; width:100%;}
ul.payment_seminar_list li .thum {display:table-cell; width:205px; height:118px; background-repeat:no-repeat; background-position:center center;}
ul.payment_seminar_list li .text_info {display:table-cell; padding-left:10px; vertical-align:middle;}
ul.payment_seminar_list li .text_info .date {display:block; font-size:18px; color:#282828;}
ul.payment_seminar_list li .text_info .subject {display:block; font-size:18px; color:#282828; line-height:1.3;}



#rwd_table_payment .pc_hidden {display:none;}
@media all and (max-width:1100px){
	table.table_payment_list thead th {padding:10px 20px; font-size:16px; background-color:#f3f4f6;}
	table.table_payment_list tbody td {padding:10px 20px; text-align:center;}
	table.table_payment_list tfoot td {padding:10px 20px; background-color:#f3f4f6;}
	table.table_payment_list tfoot td .pay_total .left {display:table-cell; padding:0 0 0 0;}
	table.table_payment_list tfoot td .pay_total .right {display:table-cell; padding:0 0 0 0;}

	ul.payment_seminar_list li .thum {width:105px; height:60px;}
}

@media all and (max-width:1024px){
	table button.btn_postnum, table button.btn_certification {padding:0 10px; height:37px; font-size:13px; letter-spacing:-1px;}
	table button.btn_subscribe_app {padding:0 15px; height:37px; font-size:13px;}
}

@media all and (max-width:768px){
	table.table_payment_list {width:100%; font-size:16px;}
	ul.payment_seminar_list li .text_info {padding-left:0;}
	ul.payment_seminar_list li .text_info .date {font-size:13px;}
	ul.payment_seminar_list li .text_info .subject {font-size:15px;}

	table.table_payment_list tfoot td .pay_total .left {font-size:16px; width:100px;}
	table.table_payment_list tfoot td .pay_total .right {font-size:18px; text-align:right;}
	table.table_payment_list .org_pay {display:inline-block; font-size:14px; color:#6d6e71; text-decoration:line-through;} /* 원가 */
	table button.btn_postnum, table button.btn_certification {padding:0 10px; height:37px; font-size:13px; letter-spacing:-1px;}
	table button.btn_subscribe_app {padding:0 10px; height:37px; font-size:13px;}

	table.table_payment_list select {height:30px;}

	#rwd_table_payment colgroup, #rwd_table_payment thead {display:none;}
	#rwd_table_payment tr {padding:10px; border:solid 1px #ccc;}
	#rwd_table_payment td {display:inline-block; padding:7px; border-bottom:none;}
	#rwd_table_payment tfoot {}
	#rwd_table_payment tfoot td {width:100%; box-sizing:border-box;}
	#rwd_table_payment .pc_hidden {display:inline-block;}
	#rwd_table_payment .mobile_hidden {display:none;}
	#rwd_table_payment .rwd_subject {display:block;}
	#rwd_table_payment .rwd_fl_l {float:left;}
	#rwd_table_payment .rwd_di_block {display:block;}
	#rwd_table_payment .rwd_checkbox {display:block; background-color:#f2f2f2;}
	#rwd_table_payment {}
	#rwd_table_payment {}
}

@media all and (max-width:640px){
	table button.btn_postnum, table button.btn_certification {padding:0 5px; height:32px; font-size:13px; letter-spacing:-1px;}
	table button.btn_subscribe_app {padding:0 5px; height:32px; font-size:13px;}
}



.payment_how {}
.payment_how button {margin:0 3px; width:150px; height:40px; font-size:16px; color:#333; background-color:#fff; border:solid 1px #d5d7d8;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.payment_how button:hover {color:#000; border:solid 1px #000;}
.payment_how button.active {color:#fff; background-color:#d2232a; border:solid 1px #d2232a;}
.payment_how button.active_kakaopay {color:#3b291b; background-color:#ffdf00; border:solid 1px #3b291b;}
.payment_how button.active_naverpay {color:#000; background-color:#19ce60; border:solid 1px #3b291b;}

.pg_move_control {}
.pg_move_control button {margin:0 3px;}
.pg_move_control button.btn_cancle {width:265px; height:50px; border:none; font-size:18px; color:#d2232a; background-color:#fff; border:solid 2px #d2232a;}
.pg_move_control button.btn_app {width:265px; height:50px; border:none; font-size:18px; color:#fff; background-color:#d2232a; border:solid 2px #d2232a;}
.pg_move_control button.btn_write {width:150px; height:50px; border:none; font-size:18px; color:#fff; background-color:#d2232a; border:solid 2px #d2232a;}

@media all and (max-width:1200px){
	table.table_payment_app input[type="text"] {height:40px;}
	table.table_payment_app select {height:40px;}
}

/* 태블릿 */
@media all and (max-width:1024px){
	table.table_payment_app input[type="text"] {height:35px;}
	table.table_payment_app select {height:35px;}

	.payment_how button {margin:3px; width:100px; height:40px; font-size:14px;}
}

@media all and (max-width:768px){
	table.table_payment_app input[type="text"] {height:35px;}
	table.table_payment_app select {height:35px;}
}

@media all and (max-width:640px){
	.seminar_app {padding-top:30px;}
	table.table_payment_app tbody th {display:block; padding:5px 5px 5px 15px; font-size:14px; font-weight:600; width:inherit; border-bottom:none; background:url('/images/icon/icon_bar.png') no-repeat 5px center;}
	table.table_payment_app tbody td {display:block; padding:5px 5px 10px; font-size:14px; width:inherit;}

	table.table_payment_app input[type="text"] {height:30px; font-size:14px;}
	table.table_payment_app select {height:30px; font-size:14px;}

	.pg_move_control button.btn {width:170px;}
}

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

	table.table_payment_app input[type="text"] {height:30px; font-size:14px;}
	table.table_payment_app select {height:30px; font-size:14px;}


	.pg_move_control button.btn {width:130px; height:40px; font-size:16px;}
}


/*////////////////////////////////////////////////////////////////////////////////////////////////
결제 완료
////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 완료 메시지 */
.payment_top_ment {margin-bottom:50px; text-align:center;}
.payment_top_ment span.icon {display:inline-block; margin-bottom:30px;}
.payment_top_ment .ment {display:block; font-size:30px;}
.payment_top_ment .tx {font-size:20px;}

@media all and (max-width:768px){
	.payment_top_ment span.icon {display:inline-block; margin-bottom:20px;}
	.payment_top_ment span.icon img {width:100px;}
	.payment_top_ment .ment {display:block; font-size:25px;}
	.payment_top_ment .tx {font-size:18px;}
}

@media all and (max-width:480px){
	.payment_top_ment span.icon {display:inline-block; margin-bottom:20px;}
	.payment_top_ment span.icon img {width:100px;}
	.payment_top_ment .ment {display:block; font-size:20px;}
	.payment_top_ment .tx {font-size:16px;}
}




/* 결제완료 : 내용 table */
table.table_payment_complete {width:100%; font-size:16px; border-top:solid 2px #888888;}
table.table_payment_complete th {padding:10px 20px; font-weight:normal; background-color:#f3f4f6; border-bottom:solid 1px #d5d7d8;}
table.table_payment_complete td {padding:10px 30px; border-bottom:solid 1px #d5d7d8;}

@media all and (max-width:768px){
	table.table_payment_complete {font-size:16px;}
	table.table_payment_complete th {padding:10px 10px;}
	table.table_payment_complete td {padding:10px 10px;}
}

@media all and (max-width:640px){
	table.table_payment_complete th {display:block; padding:5px 10px 5px 15px; font-weight:600; text-align:left; background-color:#fff; border-bottom:none; background:url('/images/icon/icon_bar.png') no-repeat 5px center;}
	table.table_payment_complete td {display:block; padding:0 10px 5px; border-bottom:solid 1px #d5d7d8;}
}


/* 결제 관련 안내 박스 */
.payment_box_guide {padding:20px 30px; background-color:#f3f4f6; border:solid 1px #d5d7d8;}

/* 장바구니 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ul.payment_magazin_list {}
ul.payment_magazin_list li {display:table; width:100%;}
ul.payment_magazin_list li .thum {display:table-cell; width:102px; height:127px; border:solid 1px #d5d7d8; background-repeat:no-repeat; background-position:center center; background-size:cover;}
ul.payment_magazin_list li .text_info {display:table-cell; padding-left:10px; vertical-align:middle;}
ul.payment_magazin_list li .text_info .cata {display:block; font-size:18px; color:#282828;}
ul.payment_magazin_list li .text_info .subject {display:block; font-size:18px; color:#282828; line-height:1.3;}

@media all and (max-width:768px){
	ul.payment_magazin_list {padding-left:10px;}
	ul.payment_magazin_list li .text_info .cata {font-size:16px;}
	ul.payment_magazin_list li .text_info .subject {font-size:16px;}
}

ul.payment_article_pdf_list {}
ul.payment_article_pdf_list li {}
ul.payment_article_pdf_list li .text_info {font-size:18px; line-height:1.3;}
ul.payment_article_pdf_list li .text_info .cata {display:block; }
ul.payment_article_pdf_list li .text_info .subject {display:block; font-weight:normal;}
@media all and (max-width:768px){
	ul.payment_article_pdf_list {padding-left:10px;}
	ul.payment_article_pdf_list li .text_info {font-size:16px; line-height:1.3;}
}



.basket_paytotal {margin-bottom:50px; border-top:solid 2px #888888; border-bottom:solid 1px #d5d7d8; background-color:#f3f4f6;}
.basket_paytotal .pay_list {padding:20px 70px;}
.basket_paytotal .payment_total {padding:20px 70px; border-top:solid 1px #d5d7d8;}

.basket_paytotal .pay_row {display:table; width:100%; font-size:18px; line-height:2; overflow:hidden;}
.basket_paytotal .pay_row .left {display:table-cell; /*width:40%;*/ color:#282828; vertical-align:middle;}
.basket_paytotal .pay_row .right {display:table-cell; color:#6d6e71; text-align:right;  vertical-align:middle;}

.basket_paytotal .payment_total .pay_row .left {font-size:20px;}
.basket_paytotal .payment_total .pay_row .right {line-height:1;}
.basket_paytotal .payment_total .pay_row .right strong {font-size:26px; color:#d2232a;}
.basket_paytotal .payment_total .pay_row .right span {font-size:13px; color:#6d6e71;}

@media all and (max-width:768px){
	.basket_paytotal .pay_list {padding:20px 50px;}
	.basket_paytotal .payment_total {padding:20px 50px;}
}
@media all and (max-width:640px){
	.basket_paytotal .pay_list {padding:20px 20px;}
	.basket_paytotal .payment_total {padding:20px 20px;}
	.basket_paytotal .pay_row {font-size:16px;}
	.basket_paytotal .payment_total .pay_row .left {font-size:16px;}
	.basket_paytotal .payment_total .pay_row .right strong {font-size:20px;}
	.basket_paytotal .payment_total .pay_row .right span {font-size:12px;}
}

/*//////////////////////////////////////////////////////////////////////////////////////
 회원가입
 //////////////////////////////////////////////////////////////////////////////////////*/
.membership {padding:115px 0 100px; border-top:solid 1px #d5d7d8; background-color:#f3f4f6;}
.membership_top {padding:0 20px; 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_top h2.title {font-size:42px; color:#282828; line-height:1.2;}
.membership_top .txt {padding-top:30px; font-size:18px;}

.member_cata {margin:0 auto; padding-top:90px; display:table; width:1110px;}

.member_cata .normal {display:table-cell; width:50%;}
.member_cata .outline {padding:40px 40px; background-color:#fff; position:relative;}
.member_cata .outline span.top_bar {display:inline-block; width:120px; height:3px; background-color:#0a9dbc; position:absolute; top:0; left:50%; margin-left:-60px;}
.member_cata .top {padding:0 0 20px; text-align:center;}
.member_cata h3.title {margin-bottom:15px; font-size:32px; color:#282828;}
.member_cata .member_cont {height:300px; font-size:18px; position:relative;}
.member_cata .member_cont .func_box {position:absolute; bottom:0; left:0; width:100%;}

.member_cata .normal .outline {margin-right:20px;}
.member_cata .normal .outline .member_cont strong.ti {font-size:24px;}
.member_cata .normal .outline .member_cont ul {}
.member_cata .normal .outline .member_cont ul li {padding-left:10px; background:url('/images/icon/icon_bar.png') no-repeat left 14px;}
.member_cata .normal .outline .member_cont .func_box button.btn_go_member {width:100%; height:60px; font-size:20px; color:#fff; background-color:#d2232a;}

.member_cata .simple {display:table-cell; width:50%;}
.member_cata .simple .outline {margin-left:20px;}
.member_cata .simple .outline .member_cont .func_box button {margin-top:12px; width:100%; height:60px; font-size:20px; color:#4267b2; background-color:#fff; border:solid 3px #4267b2;}
.member_cata .simple .outline .member_cont .func_box button.btn_member_fb {color:#4267b2; background-color:#fff; border:solid 3px #4267b2;}
.member_cata .simple .outline .member_cont .func_box button.btn_member_naver {color:#08a600; background-color:#fff; border:solid 3px #08a600;}
.member_cata .simple .outline .member_cont .func_box button.btn_member_kakao {color:#ff9600; background-color:#fff; border:solid 3px #ff9600;}

@media all and (max-width:1110px){
	.member_cata {margin:0 2%; width:96%;}
	.member_cata .outline {padding:30px;}
	.member_cata .normal .outline {margin-right:10px;}
	.member_cata .simple .outline {margin-left:10px;}
}

@media all and (max-width:768px){
	.membership {padding:50px 0 50px;}
	.membership_top h2.title {font-size:32px;}
	.membership_top .txt {padding-top:20px; font-size:14px; text-align:left;}

	.member_cata {padding-top:30px;}
	.member_cata h3.title {font-size:24px;}

	.member_cata .member_cont {height:300px; font-size:16px;}
	.member_cata .normal .outline .member_cont strong.ti {font-size:20px;}

	.member_cata .normal .outline .member_cont .func_box button.btn_go_member {width:100%; height:50px; font-size:16px;}
	.member_cata .simple .outline .member_cont .func_box button {margin-top:7px; width:100%; height:50px; font-size:16px;}
}
@media all and (max-width:640px){
	.member_cata {display:block;}
	.member_cata .normal {display:block; margin-bottom:10px; width:100%;}
	.member_cata .simple {display:block; width:100%;}

	.member_cata .normal .outline {margin-right:0;}
	.member_cata .simple .outline {margin-left:0;}

	.member_cata .outline {padding:20px;}
	.member_cata .normal .outline .member_cont strong.ti {font-size:18px;}
	.member_cata .member_cont {height:230px; font-size:16px;}

	.member_cata .normal .outline .member_cont .func_box button.btn_go_member {height:40px; font-size:14px;}
	.member_cata .simple .outline .member_cont .func_box button {height:40px; font-size:14px;}
}

/* SNS 회원가입 */
.member_info {margin:0 auto; padding-top:50px; width:1110px;}
.member_info .outline {padding:70px 40px; background-color:#fff; position:relative;}
.member_info .outline span.top_bar {display:inline-block; width:230px; height:3px; background-color:#0a9dbc; position:absolute; top:0; left:50%; margin-left:-115px;}
@media all and (max-width:1110px){
	.member_info {margin:0 2%; width:96%;}
	.member_info .outline {padding:30px;}
}
@media all and (max-width:768px){
	.member_info {padding-top:30px;}
	.member_info .outline {padding:30px 20px;}
	.member_info .outline span.top_bar {width:120px; margin-left:-60px;}
}
@media all and (max-width:640px){
}

.fc_policy {color:#0787b1;}

/* 회원가입용 table */
table.table_membership {width:100%; font-size:16px; border-top:solid 2px #888888;
	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 th {padding:15px 30px; text-align:left; font-weight:normal; background-color:#f3f4f6; border-bottom:solid 1px #d5d7d8;}
table.table_membership td {padding:15px; background-color:#fff; border-bottom:solid 1px #d5d7d8;}
table.table_membership select {height:40px;}
table.table_membership input {height:40px;}
table.table_membership input.w_single {width:400px;}
table.table_membership input.w_emailid {width:305px;}
.benefit_point {display:inline-block; margin-left:15px; padding:3px 8px; font-size:14px; color:#fff; line-height:1.3; background-color:#d2232a; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; position:relative;}
.benefit_point .arrow {display:inline-block; width:7px; height:9px; background:url('/images/custom/icon_benefit_point_arrow.png') no-repeat center center; position:absolute; top:7px; left:-7px;}

.member_func_box {padding-top:0; text-align:center;}
.member_func_box button {width:265px; height:60px; font-size:18px; color:#fff; background-color:#d2232a;}

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

}
@media all and (max-width:768px){
	table.table_membership {font-size:14px;}
	table.table_membership th {padding:7px;}
	table.table_membership td {padding:7px;}
	table.table_membership select {height:30px;}
	table.table_membership input {height:30px;}
	table.table_membership input.w_single {width:100%;}
	table.table_membership input.w_emailid {width:200px;}

	.benefit_point {display:block; margin-left:0; padding:3px 5px; letter-spacing:-1px;}
}
@media all and (max-width:640px){
	table.table_membership input.w_emailid {width:160px;}
	.member_func_box button {height:40px;}
}


/* 회원가입 완료 페이지 */
.member_app_complete_info {margin:0 auto; padding-top:50px; width:620px;}
.member_app_complete_info .outline {padding:50px 30px; background-color:#fff; position:relative;}
.member_app_complete_info .outline span.top_bar {display:inline-block; width:120px; height:3px; background-color:#0a9dbc; position:absolute; top:0; left:50%; margin-left:-60px;}

.member_complete_func_box {padding-top:0; text-align:center; overflow:hidden;}
.member_complete_func_box button {width:48%; height:46px; font-size:18px; color:#fff; background-color:#d2232a; border:solid 2px #d2232a;}
.member_complete_func_box button.btn_go_main {float:left; color:#d2232a; background-color:#fff; border:solid 2px #d2232a;}
.member_complete_func_box button.btn_go_login {float:right;}

.etc_info {padding-top:0px;}
.etc_info .etc_info_row {margin-top:10px; padding:0 50px 10px 50px; /*height:74px;*/ border:solid 2px #d2232a; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px; overflow:hidden; position:relative;}
.etc_info .etc_info_row:hover {color:#d2232a;}
.etc_info .etc_info_row .icon {float:left; width:100px; text-align:center; margin-left:-100px;}
.etc_info .etc_info_row .icon img {}
.etc_info .etc_info_row .info {float:right; padding-top:13px; width:100%;}
.etc_info .etc_info_row .info .subject {display:block; font-size:20px; line-height:1.2;}
.etc_info .etc_info_row .info .txt {font-size:15px; color:#999;}
.etc_info .etc_info_row .arrow {line-height:1; position:absolute; top:50%; right:20px; margin-top:-9px;}
.etc_info .etc_info_row .arrow img {}

@media all and (max-width:1110px){
	.member_app_complete_info {margin:0 2%; width:96%;}
	.member_app_complete_info .outline {padding:30px;}
}
@media all and (max-width:768px){
	.member_app_complete_info {padding-top:30px;}
	.member_app_complete_info .outline {padding:30px 20px;}
}
@media all and (max-width:640px){
	.etc_info .etc_info_row {margin-top:10px; padding:10px 30px 10px 70px; height:50px;}
	.etc_info .etc_info_row .icon {float:left; width:70px; text-align:center; margin-left:-70px;}
	.etc_info .etc_info_row .icon img {width:50px;}
	.etc_info .etc_info_row .info {float:right; padding-top:5px; width:100%; letter-spacing:-1px;}
	.etc_info .etc_info_row .info .subject {display:block; font-size:18px; line-height:1.2;}
	.etc_info .etc_info_row .info .txt {font-size:13px;}
	.etc_info .etc_info_row .arrow {right:15px;}
}

@media all and (max-width:320px){
	.etc_info {padding-top:10px;}
	.member_complete_func_box button {width:48%; height:40px; font-size:16px;}

	.etc_info .etc_info_row {margin-top:10px; padding:10px 30px 10px 15px; height:50px;}
	.etc_info .etc_info_row .icon {display:none;}
	.etc_info .etc_info_row .info {float:right; padding-top:5px; width:100%; letter-spacing:-1px;}
	.etc_info .etc_info_row .info .subject {display:block; font-size:18px; line-height:1.2;}
	.etc_info .etc_info_row .info .txt {font-size:13px;}
	.etc_info .etc_info_row .arrow {right:15px;}
}

.membership_leave_ment {}
.membership_leave_ment .fs18 {}
/* 회원탈퇴 버튼 */
.member_leave_func_box {padding-top:0; text-align:center; overflow:hidden;}
.member_leave_func_box button {width:275px; height:46px; font-size:18px; color:#fff; background-color:#d2232a; border:solid 2px #d2232a;}
.member_leave_func_box button.btn_cancle{color:#d2232a; background-color:#fff; border:solid 2px #d2232a;}
.member_leave_func_box button.btn_leave {}

@media all and (max-width:768px){
	.membership_leave_ment {font-size:14px;}
	.membership_leave_ment .fs18 {font-size:15px !important;}
	.member_leave_func_box button {width:48%; height:46px; font-size:18px;}
}
@media all and (max-width:640px){
	.member_leave_func_box button {width:45%; height:40px; font-size:16px;}
}


/*///////////////////////////////////////////////////////////////////////////////////////////
고객센터
////////////////////////////////////////////////////////////////////////////////////////////*/
.custom_layout_col2 {display:table; margin-top:35px; width:100%; overflow:hidden;}
.custom_layout_col2 .left_navi {display:table-cell; width:260px; border-top:solid 4px #0a9dbc; vertical-align:top;}
.custom_layout_col2 .custom_content_area {display:table-cell; padding-left:40px; vertical-align:top;}
.custom_layout_col2 .custom_content_area .custom_outline {padding-top:40px; border-top:solid 1px #d5d7d8;}

@media all and (max-width:1024px){
	.custom_layout_col2 .left_navi {width:170px;}
	.custom_layout_col2 .custom_content_area {padding-left:20px;}
}

@media all and (max-width:768px){
	.custom_layout_col2 {display:block; margin-top:35px; width:initial;}
	.custom_layout_col2 .left_navi {display:none;}
	.custom_layout_col2 .custom_content_area {display:block; padding-left:0;}
	.custom_layout_col2 .custom_content_area .custom_outline {padding-top:40px;}
}

@media all and (max-width:640px){
	.custom_layout_col2 {display:block; margin-top:20px; width:initial;}
	.custom_layout_col2 .custom_content_area .custom_outline {padding-top:20px;}
}

/* 왼쪽 메뉴 */
.custom_layout_col2 .left_navi ul {}
.custom_layout_col2 .left_navi ul li {}
.custom_layout_col2 .left_navi ul li a {display:block; padding:0 34px; height:57px; line-height:57px; border-bottom:solid 1px #d5d7d8; background-color:#f3f4f6;}
.custom_layout_col2 .left_navi ul li a.active {font-weight:600; background-color:#fff;}

@media all and (max-width:1024px){
	.custom_layout_col2 .left_navi ul li a {padding:0 20px;}
}

/* 고객센터 모바일 전용 메인 메뉴 */
.mobile_mypage_left_navi ul {border-bottom:solid 10px #f3f4f6;}
.mobile_mypage_left_navi ul li {position:relative;}
.mobile_mypage_left_navi ul li a {display:block; padding:0 34px; height:57px; line-height:57px; font-size:16px; border-top:solid 1px #d5d7d8; background-color:#fff;}
.mobile_mypage_left_navi ul li span.cert {display:inline-block; width:20px; height:20px; background:url('/images/mypage/icon_cert.png') no-repeat center center;
position:absolute; top:50%; right:15px; margin-top:-10px;}

@media all and (max-width:1024px){
	.mobile_mypage_left_navi ul li a {padding:0 20px;}
}




 /*고객센터용 table */
table.table_custom {width:100%; font-size:16px; border-top:solid 2px #888888;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_custom.table_custom_t {width:100%; font-size:16px; border-top:none;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_custom th {padding:15px 0; font-weight:normal; background-color:#f3f4f6; border-bottom:solid 1px #d5d7d8;}
table.table_custom td {padding:15px 5px; text-align:center; /*background-color:#fff;*/ border-bottom:solid 1px #d5d7d8;}
table.table_custom thead th span {display:block; padding:0 5px; line-height:1; border-left:solid 1px #d5d7d8;}
table.table_custom thead th:first-child span {border-left:none;}
table.table_custom select {height:40px;}
table.table_custom input {height:40px;}

table.table_custom .label_top_notice {display:inline-block; padding:0 10px; height:28px; line-height:28px; color:#d2232a; border:solid 1px #d2232a; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
table.table_custom .date {color:#888888;}
table.table_custom .notice_detail {padding:20px 30px;}

table.table_custom a.btn_next_acticle {padding-right:20px; font-size:13px; background:url('/images/icon/icon_arrow_red_top.png') no-repeat center right;}
table.table_custom a.btn_prev_acticle {padding-right:20px; font-size:13px; background:url('/images/icon/icon_arrow_red_bottom.png') no-repeat center right;}

.table_custom_pg_func {text-align:right;}
.table_custom_pg_func button.btn_go_border_list {width:80px; height:46px; font-size:15px; color:#fff; background-color:#31363a;}
.table_custom_pg_func button:hover {opacity:0.8;}


#rwd_custom_view {}
#rwd_custom_view caption {}
#rwd_custom_view .custom_header {display:table; width:100%;}
#rwd_custom_view .custom_header .cata {display:table-cell; width:100px;; vertical-align:middle; text-align:center;}
#rwd_custom_view .custom_header .subject {display:table-cell; vertical-align:middle; text-align:left;}
#rwd_custom_view .custom_header .date {display:table-cell; width:100px; vertical-align:middle;}
#rwd_custom_view .custom_func {display:table; width:100%;}
#rwd_custom_view .custom_func .left {display:table-cell; width:100px; vertical-align:middle;}
#rwd_custom_view .custom_func .right {display:table-cell; vertical-align:middle; text-align:left;}

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

}
@media all and (max-width:1024px){
	table.table_custom {font-size:14px;}
	table.table_custom th {padding:7px 0;}
	table.table_custom td {padding:7px;}
	table.table_custom thead th {padding:7px 0;}
	table.table_custom select {height:30px;}
	table.table_custom input {height:30px;}

	.table_custom_pg_func {text-align:right;}
	.table_custom_pg_func button.btn_go_border_list {width:70px; height:40px; font-size:14px;}
}
@media all and (max-width:768px){
	table.table_custom .notice_detail {padding:15px;}

	#rwd_custom_list {border-top:none;}
	#rwd_custom_list thead, #rwd_custom_list caption, #rwd_custom_list colgroup {display:none;}
	#rwd_custom_list tbody tr {display:block; margin-bottom:10px; padding:10px; border-bottom:none; border:solid 1px #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
	#rwd_custom_list tbody tr.tr_header {display:block; margin-top:10px;  margin-bottom:0; padding:10px; border:solid 1px #ccc; -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;}
	#rwd_custom_list tbody tr.tr_content {display:block; margin-bottom:0 padding:0; border:solid 1px #ccc; border-top:none; -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;}

	#rwd_custom_list tbody td {display:inline-block;  padding:0; border-bottom:none;}
	#rwd_custom_list .top_notice, #rwd_custom_list .top_notice td {background-color:#f9f1f1;}
	#rwd_custom_list .top_notice {border:solid 1px #dac2c2;}

	#rwd_custom_list .label_top_notice {display:inline-block; padding:0 10px; height:20px; line-height:20px;}

	#rwd_custom_list .rwd_label {}
	#rwd_custom_list .rwd_num {display:none;}
	#rwd_custom_list .rwd_cata {display:inline-block; margin-left:10px; padding:0 7px; height:20px; font-size:12px; color:#0a9dbc; line-height:20px; background-color:#fff; border:solid 1px #0a9dbc;
		-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;
	}
	#rwd_custom_list .rwd_subject {display:block;}
	#rwd_custom_list .subject {display:block; padding-left:10px; font-size:16px; color:#000; font-weight:600;}
	#rwd_custom_list .rwd_date {}
	#rwd_custom_list .rwd_hidden {display:none;}
	#rwd_custom_list .rwd_di_block {display:block; text-align:left;}
	#rwd_custom_list .pc_hidden {display:inline-block; vertical-align:middle; margin-left:10px; padding-left:7px; color:#999;  background:url('/images/icon/bullet_dot.png') no-repeat center left;}

	#rwd_custom_view .custom_header span {padding:0;}
	#rwd_custom_view .custom_header {display:block; padding:5px 10px; width:initial; text-align:left;}
	#rwd_custom_view .custom_header .cata {display:block; margin-bottom:5px; width:initial; text-align:left;}
	#rwd_custom_view .custom_header .subject {display:block; margin-bottom:10px; width:initial; line-height:1.2;}
	#rwd_custom_view .custom_header .date {display:block; width:initial; text-align:left; font-size:13px;}

	.table_custom_pg_func {text-align:center;}
}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 로그인
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.member_login_info {margin:0 auto; padding-top:50px; width:520px;}
.member_login_info .outline {padding:45px 40px; background-color:#fff; position:relative;}
.member_login_info .outline span.top_bar {display:inline-block; width:116px; height:3px; background-color:#0a9dbc; position:absolute; top:0; left:50%; margin-left:-58px;}

.member_login_info .outline .login_inner {margin-bottom:30px;}
.member_login_info .outline .login_inner input[type="text"], .member_login_info .outline .login_inner input[type="password"] {display:block; margin-bottom:10px; width:100%; height:60px; font-size:18px; background-color:#fff; border:solid 1px #d5d7d8;}
.member_login_info .outline .login_inner button.btn_member_login {margin-bottom:5px; width:100%; height:58px; font-size:18px; color:#fff; background-color:#d2232a; border:solid 1px #d2232a;}

.member_login_info .func_box button {margin-top:12px; width:100%; height:54px; font-size:20px; color:#4267b2; background-color:#fff; border:solid 3px #4267b2;}
.member_login_info .func_box button.btn_member_fb {color:#4267b2; background-color:#fff; border:solid 2px #4267b2;}
.member_login_info .func_box button.btn_member_naver {color:#08a600; background-color:#fff; border:solid 2px #08a600;}
.member_login_info .func_box button.btn_member_kakao {color:#ff9600; background-color:#fff; border:solid 2px #ff9600;}

.member_login_info .etc_func {padding-top:30px; text-align:center;}
.member_login_info .etc_func a {display:inline-block; padding:0 15px; color:#282828; font-size:18px; line-height:1;}
.member_login_info .etc_func a:first-child {border-right:solid 1px #ccc;}
.member_login_info .etc_func a.red_point { color: #d2232a; font-weight: 600; }

@media all and (max-width:768px){
	.member_login_info {margin:0 2%; width:96%;}
	.member_login_info {padding-top:30px;}
	.member_login_info .outline {padding:30px 20px;}
}
@media all and (max-width:640px){
	.member_login_info .outline .login_inner input[type="text"], .member_login_info .outline .login_inner input[type="password"] {height:50px; font-size:16px;}
	.member_login_info .outline .login_inner button.btn_member_login {height:50px; font-size:16px;}

	.member_login_info .func_box button {margin-top:12px; width:100%; height:50px; font-size:18px; color:#4267b2; background-color:#fff; border:solid 3px #4267b2;}

	.member_login_info .etc_func {padding-top:20px;}
	.member_login_info .etc_func a {font-size:16px; }
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 아이디/비밀번호 찾기
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.idpw_search_box {margin:0 auto; padding-top:50px; width:1110px;}
.idpw_search_box .outline {background-color:#fff;}

.idpw_search_box .idpw_tab_nav {}
.idpw_search_box .idpw_tab_nav ul {overflow:hidden;}
.idpw_search_box .idpw_tab_nav ul li {float:left; width:50%;}
.idpw_search_box .idpw_tab_nav ul li a {display:block; height:70px; line-height:70px; font-size:24px; text-align:center; background-color:#d5d7d8;}
.idpw_search_box .idpw_tab_nav ul li a.active {color:#d2232a; background-color:#fff;}

.idpw_search_box .idpw_cont {}

.idpw_row {padding-bottom:80px;}
.idpw_row .top {padding:70px 0 20px; line-height:1;}
.idpw_row .top strong {font-size:24px;}
.idpw_row .outline {margin:0 auto; width:450px;}
.idpw_row .input_info {padding:0;}
.idpw_row .outline .input_info input {display:block; margin-bottom:10px; width:100%; height:60px; font-size:18px;}
.idpw_row .outline .input_info button {width:100%; height:60px; color:#fff; font-size:18px; background-color:#d2232a;}

.call_info {margin:0 40px; padding:15px 10px 50px; border-top:solid 1px #d5d7d8;}
ul.caution_list {font-size:16px; color:#888888;}
ul.caution_list li {padding-left:20px; background:url('/images/icon/icon_caution.png') no-repeat left 5px;}

@media all and (max-width:1110px){
	.idpw_search_box {margin:0 2%; width:96%;}
	.idpw_search_box {padding-top:30px;}
	.idpw_search_box .outline {}
}
@media all and (max-width:768px){
	.idpw_search_box .idpw_tab_nav ul li a {height:50px; line-height:50px; font-size:20px;}
	.idpw_row .top {padding:40px 40px 20px;}

	.idpw_row {margin-bottom:50px;}
	.idpw_row .outline .input_info input {height:50px; font-size:16px;}
	.idpw_row .outline .input_info button {height:50px; font-size:16px;}

	ul.caution_list {font-size:14px;}
}

@media all and (max-width:640px){
	.idpw_row .top {padding:40px 20px 20px;}
	.idpw_row .top strong {font-size:20px;}
	.idpw_row .input_info {padding:0 20px;}
	.idpw_row .outline {display:block; width:initial;}

	.call_info {margin:0 20px;}
}

/* 아이디/버번 찾기 결과 화면 */
.idpw_cont_result {padding:0 40px 50px;}
.idpw_cont_result .top {padding:70px 0 30px; line-height:1;}
.idpw_cont_result .top strong {font-size:24px;}

.idpw_cont_result .result_gray_box {padding:70px 30px; text-align:center; background-color:#f3f4f6;
	word-break:keep-all;
  	white-space:-moz-pre-wrap;
  	white-space:-pre-wrap;
  	white-space:-o-pre-wrap;
  	word-wrap:break-word;
}
.idpw_cont_result .result_gray_box span.tx1 {display:block; margin-bottom:15px; font-size:24px; font-weight:normal;}
.idpw_cont_result .result_gray_box span.tx1 strong {color:#0a9dbc;}
.idpw_cont_result .result_gray_box span.tx2 {font-size:16px; font-weight:normal;}

.idpw_cont_result .func_area {padding:30px 0; text-align:center;}
.idpw_cont_result .func_area button.btn_next_action {width:440px; height:60px; color:#fff; font-size:18px; background-color:#d2232a;}

@media all and (max-width:640px){
	.idpw_cont_result {padding:0 20px 50px;}
	.idpw_cont_result .top {padding:40px 0 20px;}
	.idpw_cont_result .top strong {font-size:20px;}
	.idpw_cont_result .result_gray_box {padding:30px 10px;}
	.idpw_cont_result .result_gray_box span.tx1 {font-size:18px;}
	.idpw_cont_result .func_area button.btn_next_action {width:250px; height:50px; color:#fff; font-size:16px;}
}

/* 새 비밀번호 설정 */
.idpw_cont_result .new_password_set_gray_box {padding:30px 0; background-color:#f3f4f6;
	word-break:keep-all;
  	white-space:-moz-pre-wrap;
  	white-space:-pre-wrap;
  	white-space:-o-pre-wrap;
  	word-wrap:break-word;
}
.idpw_cont_result .new_password_set_gray_box .new_pass_how_row {margin:0 auto; width:480px; padding:5px; font-size:18px; line-height:1.2;}
.idpw_cont_result .new_password_set_gray_box .new_pass_how_row label {display:block; margin-left:15px; padding-left:-15px; text-indent:-20px;}
.idpw_cont_result .new_password_set_gray_box .new_pass_how_row label input {vertical-align:middle;}
.idpw_cont_result .new_password_set_gray_box .new_pass_how_row label span {vertical-align:middle;}

@media all and (max-width:640px){
	.idpw_cont_result .new_password_set_gray_box {padding:30px 10px;}
	.idpw_cont_result .new_password_set_gray_box .new_pass_how_row {margin:0 15px; width:initial; padding:10px 0; font-size:16px;}
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 고객센터 : FAQ
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 자주믇는 질문*/
.faq_search_box {margin-bottom:30px; padding:35px; text-align:center; background-color:#f3f4f6;}
.faq_search_row {}
.faq_search_row input {width:300px; height:40px; font-size:16px; background-color:#fff; border:solid 1px #d5d7d8;}
.faq_search_row button.btn_faq_search {width:80px; height:40px; color:#fff; font-size:15px; background-color:#31363a; border:solid 1px #31363a;}
.faq_search_txt {padding-top:10px;}
.faq_search_txt a {display:inline-block; margin-right:10px; padding-left:20px; line-height:1.5; background:url('/images/icon/icon_caution_red.png') no-repeat left 3px;}

@media all and (max-width:640px){
	.faq_search_box {margin-bottom:30px; padding:20px 10px; text-align:center; background-color:#f3f4f6;}
	.faq_search_row input {width:200px;}
	.faq_search_row button.btn_faq_search {width:60px; height:40px;}
	.faq_search_txt {padding:10px 10px 0 10px; text-align:left;}
}

.faq_box {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;
}
.faq_tab {padding:20px; border-top:solid 2px #888888; background-color:#f3f4f6; border-bottom:solid 1px #d5d7d8;}
.faq_tab ul {overflow:hidden;}
.faq_tab ul li {float:left; padding:0 15px; border-left:solid 1px #ccc; line-height:1;}
.faq_tab ul li.first {border-left:none;}
.faq_tab ul li a {}
.faq_tab ul li a.active {color:#d2232a;}

.faq_list {background-color:#fff;}
.faq_list ul {}
.faq_list ul li {border-bottom:solid 1px #d5d7d8;}
.faq_list ul li .faq_row {padding:15px 40px 15px 160px; overflow:hidden;}
.faq_list ul li .faq_row .faq_cata {float:left; width:160px; margin-left:-160px; text-align:center;}
.faq_list ul li .faq_row .faq_cata span {display:inline-block; padding:0 10px; font-size:15px; letter-spacing:-1px; height:28px; line-height:28px; color:#d2232a; border:solid 1px #d2232a; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.faq_list ul li .faq_row a.btn_faq_title {float:right; display:block; padding-top:5px; width:100%; line-height:1.3; position:relative;}
.faq_list ul li .faq_row a.btn_faq_title strong {color:#333;}
.faq_list ul li .faq_row a.btn_faq_title:hover {text-decoration:underline;}
.faq_list ul li .faq_row a.btn_faq_title span.cert {display:inline-block; width:15px; height:15px; background:url('/images/icon/icon_arrow_red_bottom.png') no-repeat center center;
	position:absolute; top:50%; right:-15px; margin-top:-5px;
}
.faq_list ul li .faq_row a.btn_faq_title.active span.cert {background:url('/images/icon/icon_arrow_red_top.png') no-repeat center center;}
.faq_list ul li .faq_answer {padding:20px 30px 20px 160px; overflow:hidden; border-top:solid 1px #d5d7d8; background-color:#f3f4f6;}
.faq_list ul li .faq_answer .faq_cont {}

@media all and (max-width:768px){
	.faq_box {font-size:15px;}
	.faq_list ul li .faq_row .faq_cata span {padding:0 7px; font-size:14px; height:24px; line-height:24px;}
}

@media all and (max-width:640px){
	.faq_tab {padding:10px;}
	.faq_tab ul li {float:left; margin:5px 0; padding:0 15px; border-left:solid 1px #ccc; line-height:1;}

	.faq_list ul li .faq_row {padding:10px 40px 10px 15px; overflow:hidden;}
	.faq_list ul li .faq_row .faq_cata {display:inline-block; float:none; width:initial; margin-left:0; text-align:left;}
	.faq_list ul li .faq_row .faq_cata span {padding:0 7px; font-size:12px; height:16px; line-height:16px;}

	.faq_list ul li .faq_row a.btn_faq_title {}
	.faq_list ul li .faq_row a.btn_faq_title span.cert {position:absolute; top:50%; right:-20px; margin-top:-20px;}

	.faq_list ul li .faq_answer {padding:15px;}
}


/* 일대일 문의 */
.faq_guide_box {margin-bottom:30px; padding:25px 35px; background-color:#f3f4f6;}
.faq_guide_box .faq_title {font-size:20px;}



/* 제휴광고 table */
table.table_ad {width:100%; font-size:16px; border-top:solid 2px #888888; border-bottom:solid 1px #d5d7d8;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_ad thead th {padding:10px 30px; text-align:left; font-size:20px; font-weight:normal; background-color:#f3f4f6; border-bottom:solid 1px #d5d7d8;}
table.table_ad tbody th {padding:15px 30px 10px; text-align:left; font-weight:normal; background-color:#fff; vertical-align:top;}
table.table_ad tbody td {padding:10px 30px; background-color:#fff;}
table.table_ad select {height:40px;}
table.table_ad input {height:40px;}
table.table_ad input.w_single {width:400px;}
table.table_ad input.w_emailid {width:305px;}
.ad_func_box {padding-top:0; text-align:center;}
.ad_func_box button {width:265px; height:60px; font-size:18px; color:#fff; background-color:#d2232a;}

@media all and (max-width:1200px){
	table.table_ad input[type="text"] {height:40px;}
	table.table_ad select {height:40px;}
}

/* 태블릿 */
@media all and (max-width:1024px){
	table.table_ad input[type="text"] {height:35px;}
	table.table_ad select {height:35px;}
}

@media all and (max-width:768px){
	table.table_ad input[type="text"] {height:35px;}
	table.table_ad select {height:35px;}
}

@media all and (max-width:640px){
	table.table_ad thead th {padding:10px; font-size:16px;}
	table.table_ad tbody th {display:block; padding:5px 5px 5px 15px; font-size:14px; font-weight:600; width:inherit; background:url('/images/icon/icon_bar.png') no-repeat 5px center;}
	table.table_ad tbody td {display:block; padding:5px 5px 10px; font-size:14px; width:inherit;}

	table.table_ad input[type="text"] {height:30px; font-size:14px;}
	table.table_ad select {height:30px; font-size:14px;}
}

@media all and (max-width:414px){
	table.table_ad input[type="text"] {height:30px; font-size:14px;}
	table.table_ad select {height:30px; font-size:14px;}

	.table_ad button.btn {width:130px; height:40px; font-size:16px;}
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 마이페이지
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /* 상단 요약정보 */
 span.underline {text-decoration:underline;}

.mypage_header {overflow:hidden;}
.mypage_header h2 {float:left;}
.mypage_header a.btn_back {float:right; display:inline-block; width:30px; height:30px; background:url('/images/mypage/icon_arrow_back.png') #888888 no-repeat center center; background-size:24%;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-o-border-radius:30px;
	border-radius:30px;
}



.mypage_summary {margin-top:30px; border:solid 15px #f3f4f6; 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;
}
.mypage_summary .my_outline {display:table; width:100%;}

.mypage_summary .use_service {display:table-cell; width:55%; padding:30px; vertical-align:top;}
.mypage_summary .use_service .my_title {margin-bottom:10px; font-size:26px; text-align:center;}

.mypage_summary .use_service .my_serv_box {display:table; width:100%;}
.mypage_summary .use_service .my_serv_box .my_serv {display:table-cell; width:170px; vertical-align:top;}
.mypage_summary .use_service .my_serv_box .my_serv .serv_name {display:block; margin-bottom:10px; padding-top:10px; width:156px; height:60px; font-size:16px; color:#0a9dbc; text-align:center; background-color:#f3f4f6; border:solid 2px #0a9dbc;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}
button.btn_term_extension {display:inline-block; width:160px; height:30px; color:#fff; text-align:center; background-color:#0a9dbc; border:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}
.current_pay {display:inline-block; width:160px; height:30px; line-height:30px; color:#fff; text-align:center; background-color:#0a9dbc; border:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;}

.my_serv_dot_navi {padding-top:15px; text-align:center;}
.my_serv_dot_navi a {display:inline-block; margin:0 1px; width:10px; height:8px; font-size:0; text-indent:-10000px; background-color:#0a9dbc;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}
.my_serv_dot_navi a.active {width:20px;}

.mypage_summary .use_service .my_serv_box .my_serv_info {display:table-cell; padding-left:15px; font-size:18px; vertical-align:top;}
.mypage_summary .use_service .my_serv_box .my_serv_info .ti {margin-right:10px; vertical-align:middle;}
.mypage_summary .use_service .my_serv_box .my_serv_info .d_day {font-size:24px; color:#d2232a; vertical-align:middle;}
.mypage_summary .use_service .my_serv_box .my_serv_info .term {}
.mypage_summary .use_service .my_serv_box .my_serv_info .comment {font-size:16px; color:#999; letter-spacing:-1px;}

.mypage_summary .etc_service {display:table-cell; padding:30px 0; vertical-align:top;}
.mypage_summary .etc_service .etc_outline {padding:0 30px; background:url('/images/mypage/bg_dot.png') repeat-y;}
.mypage_summary .etc_service .etc_row {margin-bottom:20px; padding-left:90px;}
.mypage_summary .etc_service .etc_row dl {overflow:hidden;}
.mypage_summary .etc_service .etc_row dt {float:left; width:180px; font-size:20px; font-weight:600;}
.mypage_summary .etc_service .etc_row dd {float:left; font-size:20px; font-weight:600; color:#d2232a;}
.mypage_summary .etc_service .etc_row .info_text {padding-top:5px; color:#999; line-height:1.3;}

.mypage_summary .etc_service .etc_row.icon_pdf {background:url('/images/mypage/icon_pdf.png') no-repeat left 10px;}
.mypage_summary .etc_service .etc_row.icon_newsletter {padding-top:7px; padding-bottom:10px; background:url('/images/mypage/icon_newsletter.png') no-repeat left 5px;}
.mypage_summary .etc_service .etc_row.icon_coupon {padding-top:5px; background:url('/images/mypage/icon_coupon.png') no-repeat left 0;}

button.btn_subscribe {display:inline-block; vertical-align:middle; padding:0 10px; height:24px; font-size:14px; color:#fff; text-align:center; background-color:#0a9dbc; border:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;}

@media all and (max-width:1200px){
	.mypage_summary .etc_service .etc_row dt {width:130px;}
}

/* 태블릿 */
@media all and (max-width:1024px){
	.mypage_summary .use_service {display:table-cell; width:50%;}
	.mypage_summary .etc_service .etc_outline {padding:40px 30px;}

	.mypage_summary .use_service .my_serv_box {display:block; width:initial;}
	.mypage_summary .use_service .my_serv_box .my_serv {display:block; width:initial;}
	.mypage_summary .use_service .my_serv_box .my_serv .serv_name {display:block; width:initial;}
	button.btn_term_extension {display:block; width:100%;}
	.current_pay {display:block; width:100%;}
	.mypage_summary .use_service .my_serv_box .my_serv_info {display:block; padding-left:10px; padding-right:10px;}
}

@media all and (max-width:768px){
	.mypage_summary {margin-top:30px; border:none;}
	.mypage_summary.mobile_hidden {display:none;}

	.mypage_summary .use_service {display:block; padding:15px 10px; width:initial; border:solid 10px #f3f4f6;}
	.mypage_summary .use_service .my_title {margin-bottom:5px; font-size:20px;}

	.mypage_summary .use_service .my_serv_box .my_serv {overflow:hidden;}
	.mypage_summary .use_service .my_serv_box .my_serv .serv_name {float:left; display:inline-block; width:60%;}
	button.btn_term_extension {float:right; display:inline-block; width:35%; height:75px; font-size:15px;}
	.current_pay {float:right; display:inline-block; width:35%; height:75px; line-height:75px; font-size:15px;}

	.mypage_summary .use_service .my_serv_box .my_serv_info {font-size:14px;}
	.mypage_summary .use_service .my_serv_box .my_serv_info .d_day {font-size:18px;}
	.mypage_summary .use_service .my_serv_box .my_serv_info .comment {font-size:14px;}

	.mypage_summary .etc_service {display:block; padding:0; border:solid 10px #f3f4f6; border-top:none;}
	.mypage_summary .etc_service .etc_outline {padding:0; background:none;}

	.mypage_summary .etc_service .etc_row {margin-bottom:0; padding:0 10px 0 80px; height:50px; line-height:50px; border-bottom:solid 1px #ddd;}
	.mypage_summary .etc_service .etc_row:last-child {border-bottom:none;}
	.mypage_summary .etc_service .etc_row dt {font-size:16px;}
	.mypage_summary .etc_service .etc_row dd {font-size:16px;}
	button.btn_subscribe {display:none;}
	.mypage_summary .etc_service .etc_row .info_text {display:none;}

	.mypage_summary .etc_service .etc_row.icon_pdf {background:url('/images/mypage/icon_pdf.png') no-repeat 15px center; background-size:45px;}
	.mypage_summary .etc_service .etc_row.icon_newsletter {padding-top:7px; padding-bottom:10px; background:url('/images/mypage/icon_newsletter.png') no-repeat 15px center; background-size:45px;}
	.mypage_summary .etc_service .etc_row.icon_coupon {padding-top:5px; background:url('/images/mypage/icon_coupon.png') no-repeat 15px center; background-size:45px;}
}

/* 모바일 전용 스타일 */
.my_serv_mobile {overflow:hidden; margin-bottom:5px;}
.serv_name_mobile {float:left; display:block; width:60%; height:26px; font-size:16px; color:#0a9dbc; text-align:center; background-color:#f3f4f6; border:solid 2px #0a9dbc;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}
button.btn_term_extension_mobile {float:right; display:inline-block; width:35%; height:30px; line-height:30px; color:#fff; text-align:center; background-color:#0a9dbc; border:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}
.current_pay_mobile {float:right; display:inline-block; width:160px; height:35%; line-height:30px; color:#fff; text-align:center; background-color:#0a9dbc; border:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;}
.my_serv_dot_navi_mobile {text-align:center;}
.my_serv_dot_navi_mobile a {display:inline-block; margin:0 1px; width:10px; height:8px; font-size:0; text-indent:-10000px; background-color:#0a9dbc;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}
.my_serv_dot_navi_mobile a.active {width:20px;}

/* 구독자의 구독정보 */
.user_subscribe_info {display:table; width:100%; margin-bottom:30px; background-color:#f3f4f6;}
.user_subscribe_info .thum_name {display:table-cell; padding:0 0 0 40px; width:250px; height:130px; vertical-align:middle;}
.user_subscribe_info .thum_name .outline {display:table; width:100%;}
.user_subscribe_info .thum_name .outline .thum_circle {display:table-cell; width:80px; height:80px; vertical-align:middle; background:url('/images/mypage/user_thum.png') no-repeat center center; background-size:80px;
	-webkit-border-radius:80px;
	-moz-border-radius:80px;
	-o-border-radius:80px;
	border-radius:80px;
}
.user_subscribe_info .thum_name .outline .thum_info {display:table-cell; padding-left:26px; vertical-align:middle; line-height:1.2; font-size:20px; font-weight:600;}
.user_subscribe_info .thum_name .outline .thum_info .user_name {font-size:24px;}
.user_subscribe_info .thum_name .outline .thum_info span {display:block;}

.user_subscribe_info .info_area {display:table-cell; vertical-align:middle;}
.user_subscribe_info .info_area dl.desc_grid1 {display:inline-block; overflow:hidden; line-height:1;}
.user_subscribe_info .info_area dl.desc_grid1 dt {float:left; display:inline-block; margin:7px 0; width:120px; color:#999; border-right:solid 1px #ccc; clear:both;}
.user_subscribe_info .info_area dl.desc_grid1 dd {float:left; display:inline-block; margin:7px 0; padding-left:15px; font-weight:600;}

.user_subscribe_info .info_area dl.desc_grid2 {display:inline-block; margin-left:50px; overflow:hidden; line-height:1;}
.user_subscribe_info .info_area dl.desc_grid2 dt {float:left; display:inline-block; margin:7px 0; width:120px; color:#999; border-right:solid 1px #ccc; clear:both;}
.user_subscribe_info .info_area dl.desc_grid2 dd {float:left; display:inline-block; margin:7px 0; padding-left:15px; font-weight:600;}

/* 데스크탑 */
@media all and (max-width:1350px){
	.user_subscribe_info .thum_name {display:table-cell; padding:0 0 0 40px; width:250px; height:130px; vertical-align:middle;}
	.user_subscribe_info .info_area dl.desc_grid1 dt {width:110px;}
	.user_subscribe_info .info_area dl.desc_grid2 {margin-left:30px;}
	.user_subscribe_info .info_area dl.desc_grid2 dt {width:100px;}
}

@media all and (max-width:1200px){
	.user_subscribe_info .info_area dl.desc_grid1 {display:block;}
	.user_subscribe_info .info_area dl.desc_grid2 {display:block; margin-left:0;}
}

/* 태블릿 */
@media all and (max-width:1024px){
	.user_subscribe_info .thum_name {padding:0 0 0 20px; width:200px;}
	.user_subscribe_info .thum_name .outline .thum_circle {width:60px; height:60px; background-size:60px;}
	.user_subscribe_info .thum_name .outline .thum_info {padding-left:10px;}
}

@media all and (max-width:768px){
	.user_subscribe_info {margin-bottom:20px;}
}

@media all and (max-width:640px){
	.user_subscribe_info .thum_name {display:block; padding:15px 15px 0 15px; width:initial; height:initial;}
	.user_subscribe_info .thum_name .outline .thum_circle {width:40px; height:40px; background-size:40px;}
	.user_subscribe_info .thum_name .outline .thum_info {font-size:16px;}
	.user_subscribe_info .thum_name .outline .thum_info .user_name {font-size:18px;}
	.user_subscribe_info .thum_name .outline .thum_info span {display:inline-block;}
	.user_subscribe_info .info_area {display:block; font-size:14px; padding:0 0 15px 65px;}
	.user_subscribe_info .info_area dl.desc_grid1 dt {width:100px;}
}


/* 마이페이지 탭 : 2개 짜리 ; */
.my_tab {border-bottom:solid 1px #d5d7d8;}
.my_tab ul {overflow:hidden; border-left:solid 1px #d5d7d8;}
.my_tab ul li {float:left;}
.my_tab ul li a {display:block; width:198px; height:48px; line-height:48px; text-align:center; background-color:#f3f4f6; border:solid 1px #d5d7d8; border-left:none; border-bottom:none;}
.my_tab ul li a.active {color:#d2232a; font-weight:600; background-color:#fff;}

/* 모바일 */
@media all and (max-width:414px){
	.my_tab ul li {width:50%;}
	.my_tab ul li a {width:initial; height:48px; line-height:48px;}
}

/* 구독 서비스 리스트 */
.subscibe_service_list {padding:20px 0 0; clear:both;}
.subscibe_service_list ul {}
.subscibe_service_list ul li {margin-bottom:20px;}

.subscibe_service_list ul li .outline {border:solid 1px #d5d7d8;}
.subscibe_service_list ul li .outline .top {padding:25px 25px 25px 30px; line-height:1.2; border-bottom:solid 1px #d5d7d8; overflow:hidden;}
.subscibe_service_list ul li .outline .top strong.title {float:left; font-size:18px;}
.subscibe_service_list ul li .outline .top strong.title span.amount {display:inline-block; padding:0 5px; height:22px; line-height:22px; font-size:14px; font-weight:600; color:#d2232a; border:solid 2px #d2232a;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;}
.subscibe_service_list ul li .outline .top span.turn_num {float:right; display:inline-block; padding:0 10px; height:22px; line-height:22px; font-size:14px; font-weight:600; color:#0a9dbc; border:solid 2px #0a9dbc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;}
.subscibe_service_list ul li .outline .top span.sale_num {float:right; display:inline-block; padding:0 10px; height:22px; line-height:22px; font-size:14px; font-weight:600; color:#d2232a; border:solid 2px #d2232a;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;}
.subscibe_service_list ul li .service_info {padding:20px 30px;}
.subscibe_service_list ul li .service_info .info_row {}
.subscibe_service_list ul li .service_info .info_row dl {display:table; margin:7px 0; width:100%;}
.subscibe_service_list ul li .service_info .info_row dt {display:table-cell; width:130px; vertical-align:top;}
.subscibe_service_list ul li .service_info .info_row dt strong {display:block; font-weight:normal; color:#999;  line-height:1.3; background:url('/images/mypage/icon_vbar.png') no-repeat right 5px;}
.subscibe_service_list ul li .service_info .info_row dd {display:table-cell; padding-left:20px; vertical-align:top; line-height:1.3;}

button.btn_app_cancel {padding:0 7px; height:22px; line-height:18px;  font-size:14px; color:#fff; border:solid 2px #888888; background-color:#888888;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;}
button.btn_app_cancel:hover {opacity:0.8;}

/* 구독권 이메일로 보내기 */
.email_send {padding-right:90px; overflow:hidden;}
.email_send textarea {float:left; width:100%; height:90px; font-size:15px; color:#888888;}
.email_send button.btn_send_mail {float:right; margin-right:-90px; width:80px; height:90px; color:#fff; background-color:#0a9dbc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;}

/* 지난 서비스*/
.subscibe_service_list.subscibe_service_list_old {}
.subscibe_service_list.subscibe_service_list_old ul li .outline .top strong.title {color:#888888;}
.subscibe_service_list.subscibe_service_list_old ul li .outline .top strong.title span.amount {color:#888888; border:solid 2px #888888;}
.subscibe_service_list.subscibe_service_list_old ul li .outline .top span.turn_num {color:#888888; border:solid 2px #888888;}
.subscibe_service_list.subscibe_service_list_old ul li .outline .service_info .info_row dt strong {color:#888888;}
.subscibe_service_list.subscibe_service_list_old ul li .outline .service_info .info_row dd {color:#888888;}

/* 데스크탑 */
@media all and (max-width:1200px){
}

/* 태블릿 */
@media all and (max-width:1024px){
}

@media all and (max-width:768px){
	.subscibe_service_list ul li .outline .top {padding:5px 10px;}
	.subscibe_service_list ul li .outline .top strong.title {float:left; margin:5px 0; font-size:16px;}
	.subscibe_service_list ul li .outline .top span.turn_num {float:right; margin:5px 0; padding:0 5px; height:22px; line-height:22px; font-size:13px;}

	.subscibe_service_list ul li .service_info {padding:10px 15px;}
	.subscibe_service_list ul li .service_info .info_row dl {font-size:14px;}
	.subscibe_service_list ul li .service_info .info_row dt {width:115px;}
	.subscibe_service_list ul li .service_info .info_row dd {padding-left:10px;}
}

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

}

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

}

/*////////////////////////////////////////////////////////////////////
 결제내역
 ////////////////////////////////////////////////////////////////////*/
.pay_list_search {margin-bottom:10px; overflow:hidden;}
.pay_list_search .left {float:left;}
.pay_list_search_box {padding-right:40px; width:380px; border:solid 1px #d5d7d8; overflow:hidden;}
.pay_list_search_box input {float:left; width:100%; height:38px; border:none;}
.pay_list_search_box button {float:right; margin-right:-40px; width:40px; height:38px; background-color:#fff;}
.pay_list_search .right {float:right;}
.pay_list_search .right select {height:40px; color:#888888;}

@media all and (max-width:1024px){
	.pay_list_search_box {width:170px;}
}

@media all and (max-width:768px){
	.pay_list_search_box {width:150px;}
}

@media all and (max-width:320px){
	.pay_list_search_box {width:initial;}
}

/* ////////////////////////////////////////////////////////////////////
결제 상세내역
////////////////////////////////////////////////////////////////////*/
.detail_func_area {border:solid 1px #d5d7d8; border-top:none;}
.detail_func_area a.btn_detail {display:block; text-align:center; color:#666; height:39px; line-height:39px;}
.detail_func_area a.btn_detail span.cert {display:inline-block; vertical-align:middle; width:10px; height:20px; background:url('/images/icon/icon_arrow_red_bottom.png') no-repeat center center;}
.detail_func_area a.btn_detail.active span.cert {background:url('/images/icon/icon_arrow_red_top.png') no-repeat center center;}

.detail_func_area .detail_cont {padding:0 0 30px; border-top:solid 1px #d5d7d8; background-color:#f3f4f6;}
.detail_func_area .detail_cont h3.detail_title {margin:0 30px; padding-top:30px; padding-bottom:10px; font-weight:normal; border-bottom:solid 2px #888888;}
.detail_func_area .detail_cont .service_info {padding:10px 0; margin:0 30px; border-bottom:solid 1px #d5d7d8;}

button.btn_recomm {padding:0 7px; height:22px; font-size:14px; color:#fff; border:none; background-color:#d2232a;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;}
button.btn_recomm:hover {opacity:0.8;}

@media all and (max-width:768px){
	.detail_func_area .detail_cont h3.detail_title {margin:0 15px;}
	.detail_func_area .detail_cont .service_info {margin:0 15px;}
	.detail_func_area .detail_cont .service_info .info_row dt {width:90px;}
}

.caution {padding-left:20px; line-height:1.3; background:url('/images/icon/icon_caution_red.png') no-repeat left 1px;}

/*////////////////////////////////////////////////////////////////////
세미나 신청정보
////////////////////////////////////////////////////////////////////*/
.seminar_app_info {padding:0 30px;}
.seminar_app_info .info_row {}
.seminar_app_info .info_row dl {display:table; margin:7px 0; width:100%;}
.seminar_app_info .info_row dt {display:table-cell; width:100px; vertical-align:top;}
.seminar_app_info .info_row dt strong {display:block; font-weight:normal; color:#999;  line-height:1.3; background:url('/images/mypage/icon_vbar.png') no-repeat right 5px;}
.seminar_app_info .info_row dd {display:table-cell; padding-left:20px; vertical-align:top; line-height:1.3;}

button.btn_app_cancle {padding:0 7px; height:26px; line-height:26px; font-size:13px; color:#fff; border:none; background-color: #0a9dbc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

@media all and (max-width:768px){
	.seminar_app_info {padding:10px 15px;}
	.seminar_app_info .info_row dl {font-size:14px;}
	.seminar_app_info .info_row dt {width:50px;}
	.seminar_app_info .info_row dd {padding-left:10px;}
}


/*////////////////////////////////////////////////////////////////////
 PDF 보관함
 ////////////////////////////////////////////////////////////////////*/
.mypage_search {margin-bottom:10px; overflow:hidden;}
.mypage_search .left {float:left;}
.mypage_search .left .mypage_search_box {padding-right:40px; width:380px; border:solid 1px #d5d7d8; overflow:hidden;}
.mypage_search .left .mypage_search_box input {float:left; width:100%; height:38px; border:none;}
.mypage_search .left .mypage_search_box button {float:right; margin-right:-40px; width:40px; height:38px; background-color:#fff;}
.mypage_search .right {float:right;}
.mypage_search select {height:40px; color:#888888;}
.mypage_search input[type="text"].date {width:85px; height:38px; color:#888888;}
.mypage_search button.btn_search {width:70px; height:40px; font-size:15px; color:#fff; background-color:#31363a;}

button.btn_addfold {padding:0 10px; width:initial; height:40px; font-size:15px; color:#fff; background-color:#31363a;}
button.btn_editfold {padding:0 10px; width:initial; height:40px; font-size:15px; color:#282828; border:solid 1px #ebebeb;}


@media all and (max-width:1024px){
	.mypage_search.pdf_search .mypage_search_box {width:170px;}
}

@media all and (max-width:768px){
	.mypage_search.pdf_search .mypage_search_box {width:150px;}

	/* PDF보관함 */
	#rwd_pdf_list {border-top:none;}
	#rwd_pdf_list thead, #rwd_pdf_list caption, #rwd_pdf_list colgroup {display:none;}
	#rwd_pdf_list tbody tr {display:block; margin-bottom:10px; padding:10px; border-bottom:none; border:solid 1px #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
	#rwd_pdf_list tbody td {display:inline-block;  padding:0; border-bottom:none;}
	#rwd_pdf_list .rwd_subject {display:block;}
	#rwd_pdf_list .subject {display:block; margin-bottom:5px; padding-left:10px; font-size:16px; font-weight:600; line-height:1.2;}
	#rwd_pdf_list .rwd_hidden {display:none;}
	#rwd_pdf_list .rwd_di_block {display:block; text-align:left;}
	#rwd_pdf_list .pc_hidden {display:inline-block; vertical-align:middle; margin-left:10px; padding-left:7px; color:#999; background:url('/images/icon/bullet_dot.png') no-repeat center left;}
}

@media all and (max-width:640px){
	.mypage_search.pdf_search {padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #ddd;}
	.mypage_search.pdf_search .left {float:none; margin-bottom:5px;}
	.mypage_search.pdf_search .right {float:none;}
	.mypage_search.pdf_search .mypage_search_box {width:100%; box-sizing:border-box;}
	.mypage_search .right input[type="text"].date {width:100px; height:38px; color:#888888;}
}


/*////////////////////////////////////////////////////////////////////
 스크랩
////////////////////////////////////////////////////////////////////*/
ul.scrap_list {}
ul.scrap_list li {display:table; width:100%;}
ul.scrap_list li .thum {display:table-cell; width:205px; height:118px; background-repeat:no-repeat; background-position:center center;}
ul.scrap_list li .text_info {display:table-cell; padding-left:10px; vertical-align:middle;}
ul.scrap_list li .text_info .info {display:block; font-size:16px; color:#282828; line-height:1;}
ul.scrap_list li .text_info .info .date {display:inline-block; padding-right:10px; color:#888888; border-right:solid 1px #ccc;}
ul.scrap_list li .text_info .info .cata {display:inline-block; padding-left:10px;}
ul.scrap_list li .text_info .subject {display:block; padding:5px 0; font-size:18px; color:#282828; line-height:1.3;}
ul.scrap_list li .text_info .writer {color:#888888; font-size:16px;}

.rwd_scrap_func {display:none;}

#rwd_table_scrap thead th {padding:7px 0;}
#rwd_table_scrap thead th a {display:inline-block; line-height:1;}
#rwd_table_scrap thead th a:hover {text-decoration:underline;}
#rwd_table_scrap .th_border_right {border-right:solid 1px #ddd;}

@media all and (max-width:1100px){
	ul.scrap_list li .thum {width:105px; height:60px;}
}
@media all and (max-width:768px){

	ul.scrap_list li .text_info {}
	ul.scrap_list li .text_info .info {font-size:13px;}
	ul.scrap_list li .text_info .subject {font-size:15px;}
	ul.scrap_list li .text_info .writer {font-size:13px;}

	.rwd_scrap_func {display:block; margin-bottom:10px;}
	.rwd_scrap_func a {display:inline-block; width:120px; height:30px; line-height:30px;  text-align:center; border:solid 1px #ccc; background-color:#f2f2f2; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}

	#rwd_table_scrap {border-top:none;}
	#rwd_table_scrap thead, #rwd_table_scrap caption, #rwd_table_scrap colgroup {display:none;}
	#rwd_table_scrap .rwd_checkbox {display:block; margin-bottom:5px; background-color:#f2f2f2;}
	#rwd_table_scrap tbody tr {display:block; margin-bottom:10px; padding:10px; border-bottom:none; border:solid 1px #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
	#rwd_table_scrap tbody td {display:inline-block;  padding:0; border-bottom:none;}

}


/*////////////////////////////////////////////////////////////////////
 쿠폰 / 이용권 등록
 ////////////////////////////////////////////////////////////////////*/
.app_box {padding:20px; background-color:#f3f4f6;}
.app_box .outline {display:table; width:100%;}
.app_box .cupon {display:table-cell; width:50%; padding:10px 30px;}
.app_box .utilize {display:table-cell; width:50%; padding:10px 30px;}
.app_box h3 {margin-bottom:10px; font-size:18px;}
.app_box .input_box {padding-right:100px; overflow:hidden;}
.app_box .input_box input {float:left; width:100%; height:38px;}
.app_box .input_box button {float:right; margin-right:-100px; width:90px; height:40px; font-size:15px; color:#fff; background-color:#31363a;}

#app_box_list td {color:#999;}
#app_box_list .subject {color:#000;}

@media all and (max-width:1024px){
	.app_box {padding:10px;}
	.app_box .cupon {padding:10px;}
	.app_box .utilize {padding:10px;}

	.app_box .input_box {padding-right:80px;}
	.app_box .input_box button {float:right; margin-right:-80px; width:70px;}
}

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

	/* 쿠폰/이용권 리스트 */
	#app_box_list {border-top:none;}
	#app_box_list thead, #app_box_list caption, #app_box_list colgroup {display:none;}
	#app_box_list tbody tr {display:block; margin-bottom:10px; padding:10px; border-bottom:none; border:solid 1px #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
	#app_box_list tbody td {display:inline-block; padding:0; border-bottom:none;}
	#app_box_list .rwd_subject {display:block;}
	#app_box_list .subject {display:block; margin-bottom:5px; font-size:16px; font-weight:600; line-height:1.2;}
	#app_box_list .rwd_hidden {display:none;}
	#app_box_list .rwd_di_block {display:block; text-align:left;}
	#app_box_list .pc_hidden {display:inline-block; vertical-align:middle; margin-left:10px; padding-left:7px; color:#999; background:url('/images/icon/bullet_dot.png') no-repeat center left;}
}

@media all and (max-width:640px){
	.app_box .cupon {display:block; width:initial;}
	.app_box .utilize {display:block; width:initial;}
	.app_box h3 {margin-bottom:5px; font-size:17px;}
}

/* 회원탈퇴 버튼 */
button.btn_bg_white {width:90px; height:30px; font-size:14px; color:#999; background-color:#fff; border:solid 1px #d5d7d8;}

/*////////////////////////////////////////////////////////////////////
 1:1 문의
 ////////////////////////////////////////////////////////////////////*/
.reply_status {display:inline-block; width:90px; height:28px; line-height:28px; font-size:15px; background-color:#fff;
-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.reply_status.ready {color:#0a9dbc; border:solid 1px #0a9dbc;}
.reply_status.complete {color:#d2232a; border:solid 1px #d2232a;}

button.btn_modify {margin:3px 0; width:90px; height:28px; font-size:15px; color:#888888; background-color:#fff; border:solid 1px #d5d7d8;}
button.btn_modify:hover {border:solid 1px #999;}
button.btn_delete {margin:3px 0; width:90px; height:28px; font-size:15px; color:#888888; background-color:#fff; border:solid 1px #d5d7d8;}
button.btn_delete:hover {border:solid 1px #999;}

@media all and (max-width:768px){
	.reply_status {width:60px; height:20px; line-height:20px; font-size:12px; letter-spacing:-1px;}
}

@media all and (max-width:768px){
	#rwd_inquiry_list {border-top:none;}
	#rwd_inquiry_list thead, #rwd_inquiry_list caption, #rwd_inquiry_list colgroup {display:none;}
	#rwd_inquiry_list tbody tr {display:block; margin-bottom:10px; padding:10px; border-bottom:none; border:solid 1px #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
	#rwd_inquiry_list tbody tr.tr_header {display:block; margin-top:10px;  margin-bottom:0; padding:10px; border:solid 1px #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
	#rwd_inquiry_list tbody tr.tr_header.active {-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;}
	#rwd_inquiry_list tbody tr.tr_content_q {display:block; margin-bottom:0; padding:10px; border:solid 1px #ccc; border-top:none; -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;}
	#rwd_inquiry_list tbody tr.tr_content_q_complete {display:block; margin-bottom:0; padding:10px; border:solid 1px #ccc; border-top:none; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
	#rwd_inquiry_list tbody tr.tr_content_a_complete {display:block; margin-bottom:10px; padding:10px; border:solid 1px #ccc; border-top:none; -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;}

	#rwd_inquiry_list tbody td {display:inline-block;  padding:0; border-bottom:none;}

	#rwd_inquiry_list .rwd_label {}
	#rwd_inquiry_list .rwd_num {display:none;}
	#rwd_inquiry_list .rwd_cata {display:inline-block; margin-left:10px; padding:0 7px; height:20px; font-size:12px; color:#0a9dbc; line-height:20px; background-color:#fff; border:solid 1px #0a9dbc;
		-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;
	}
	#rwd_inquiry_list .rwd_subject {display:block;}
	#rwd_inquiry_list .subject {display:block; padding-left:10px; font-size:16px; color:#000; font-weight:600;}
	#rwd_inquiry_list .rwd_date {}
	#rwd_inquiry_list .rwd_hidden {display:none;}
	#rwd_inquiry_list .rwd_di_block {display:block; text-align:left;}
	#rwd_inquiry_list .pc_hidden {display:inline-block; vertical-align:middle; margin-left:10px; padding-left:7px; color:#999;  background:url('/images/icon/bullet_dot.png') no-repeat center left;}
}


/*////////////////////////////////////////////////////////////////////
 단체 할인구독권
 ////////////////////////////////////////////////////////////////////*/
.mail_send_info {margin:0 30px;}

.status_use_complete {display:inline-block; width:86px; height:22px; font-size:14px; color:#888; background-color:#fff; border:solid 2px #d5d7d8;
-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
button.btn_re_send {width:90px; height:26px;  font-size:14px; color:#fff; background-color:#0a9dbc; border:none;
-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
button.btn_re_send:hover {opacity:0.8;}

button.btn_gocoupon { display:block; border:solid 1px #d5d7d8; font-size:14px; padding:5px 10px; background:#fff; float:right; }
button.btn_gocoupon:hover { background:#f5f5f5; }


@media all and (max-width:768px){
	.mail_send_info {margin:0 15px;}

	#mail_send_list {border-top:none; margin-top:10px;}
	#mail_send_list thead, #mail_send_list caption, #mail_send_list colgroup {display:none;}
	#mail_send_list tbody tr {display:block; margin-bottom:10px; padding:10px; border:solid 1px #ccc; background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
	#mail_send_list tbody td {display:inline-block;  padding:0; border-bottom:none;}

	#mail_send_list .rwd_num {display:none;}
	#mail_send_list .rwd_subject {display:block; border-bottom:solid 1px #ddd;}
	#mail_send_list .subject {display:block; padding-left:10px; font-size:16px; color:#000; font-weight:600;}
	#mail_send_list .rwd_date {}
	#mail_send_list .rwd_hidden {display:none;}
	#mail_send_list .rwd_di_block {display:block; text-align:left;}
	#mail_send_list .pc_hidden {display:inline-block; vertical-align:middle; margin-left:10px; padding-left:7px; color:#999;  background:url('/images/icon/bullet_dot.png') no-repeat center left;}
}

/* 할인권 등록 */
.app_step {margin-bottom:50px;}
.app_step ul {overflow:hidden;
	word-break:keep-all;
  	white-space:-moz-pre-wrap;
  	white-space:-pre-wrap;
  	white-space:-o-pre-wrap;
  	word-wrap:break-word;}
.app_step ul li {float:left; width:33.33%;}
.app_step ul li .outarea {display:table; width:100%; height:80px;}
.app_step ul li .outarea .left {display:table-cell; width:30px; vertical-align:middle; background:url('/images/subscribe/step/arrow_left.png') no-repeat left top;}
.app_step ul li .outarea .center {display:table-cell; text-align:center; letter-spacing:-1px; line-height:1.2; vertical-align:middle; background:url('/images/subscribe/step/arrow_center.png') repeat-x left top;}
.app_step ul li .outarea .center strong {font-size:20px;}
.app_step ul li .outarea .center span {font-size:20px;}
.app_step ul li .outarea .right {display:table-cell; width:30px; vertical-align:middle; background:url('/images/subscribe/step/arrow_right.png') no-repeat left top;}

@media all and (max-width:1200px){
	.app_step ul li .outarea .center strong {font-size:18px;}
	.app_step ul li .outarea .center span {font-size:18px;}
}

@media all and (max-width:1024px){
	.app_step ul li .outarea .center strong {display:block;}
	.app_step ul li .outarea .center span {display:block;}
}

@media all and (max-width:768px){
	.app_step ul li .outarea .center strong {font-size:16px;}
	.app_step ul li .outarea .center span {font-size:16px; line-height:1;}
}

@media all and (max-width:640px){
	.app_step ul li .outarea .center strong {font-size:14px; margin-bottom:5px;}
	.app_step ul li .outarea .center span {font-size:14px;}
}

@media all and (max-width:414px){
	.app_step {display:none;}
}


/*////////////////////////////////////////////////////////////////////
 약관 및 정책
 ////////////////////////////////////////////////////////////////////*/

.provision_top { overflow: hidden;	}

.provision_top div.caution { padding-left: 20px; line-height: 1.3; background: url(/images/icon/icon_caution_red.png) no-repeat left 1px; float:left; }
.provision_top button.btn {padding:0 10px; height:32px; line-height:30px; font-size:14px; color:#6d6e71; background-color:#fff; border:solid 1px #333; float:right;}
.provision_top button.btn_white {background-color:#fff; border:solid 1px #d5d7d8;}
.provision_top button.btn_white:hover {background-color:#f2f2f2;}

.provision_status_tab { margin-top: 10px; padding: 10px 10px 10px 40px; background-color: #f3f4f6; border-top: solid 2px #888; border-bottom: solid 1px #d5d7d8; overflow: hidden; }

.provision_status_tab .left { float: left; line-height: 38px; }
.provision_status_tab .left a.active { color: #d2232a; }
.provision_status_tab .left a.first { padding: 0 15px 0 0; border-left: none; }
.provision_status_tab .left a { display: inline-block; padding: 0 15px; line-height: 14px; border-left: solid 1px #888888; }

.porvision_list { padding:30px 40px; border-bottom:solid 1px #d5d7d8; line-height:30px; overflow:hidden; }
.porvision_list ul { overflow: hidden; width: 100%; }
.porvision_list ul li { width: 50%; }
.porvision_list ul li:hover { text-decoration:underline; }
.porvision_list ul li.lst19 { float: right; margin-top: -540px; border: none; }
.porvision_list ul li.lst20 { float: right; margin-top: -510px; border: none; }
.porvision_list ul li.lst21 { float: right; margin-top: -480px; border: none; }
.porvision_list ul li.lst22 { float: right; margin-top: -450px; border: none; }
.porvision_list ul li.lst23 { float: right; margin-top: -420px; border: none; }
.porvision_list ul li.lst24 { float: right; margin-top: -390px; border: none; }
.porvision_list ul li.lst25 { float: right; margin-top: -360px; border: none; }
.porvision_list ul li.lst26 { float: right; margin-top: -330px; border: none; }
.porvision_list ul li.lst27 { float: right; margin-top: -300px; border: none; }
.porvision_list ul li.lst28 { float: right; margin-top: -270px; border: none; }
.porvision_list ul li.lst29 { float: right; margin-top: -240px; border: none; }
.porvision_list ul li.lst30 { float: right; margin-top: -210px; border: none; }
.porvision_list ul li.lst31 { float: right; margin-top: -180px; border: none; }
.porvision_list ul li.lst32 { float: right; margin-top: -150px; border: none; }
.porvision_list ul li.lst33 { float: right; margin-top: -120px; border: none; }
.porvision_list ul li.lst34 { float: right; margin-top: -90px; border: none; }
.porvision_list ul li.lst35 { float: right; margin-top: -60px; border: none; clear:both; }

.porvision_cont { padding:10px 40px 30px 40px; border-bottom:solid 1px #d5d7d8; line-height:24px; color:#6d6e71; overflow:hidden; }
.porvision_cont h4 { margin: 20px 0 5px; font-size: 16px; color: #000; }
.porvision_cont .depth { margin-left: 16px; }

@media all and (max-width:1250px){
	.porvision_list ul li { width: 100%; }
	.porvision_list ul li.lst19 { float:none; margin-top:0; }
	.porvision_list ul li.lst20 { float:none; margin-top:0; }
	.porvision_list ul li.lst21 { float:none; margin-top:0; }
	.porvision_list ul li.lst22 { float:none; margin-top:0; }
	.porvision_list ul li.lst23 { float:none; margin-top:0; }
	.porvision_list ul li.lst24 { float:none; margin-top:0; }
	.porvision_list ul li.lst25 { float:none; margin-top:0; }
	.porvision_list ul li.lst26 { float:none; margin-top:0; }
	.porvision_list ul li.lst27 { float:none; margin-top:0; }
	.porvision_list ul li.lst28 { float:none; margin-top:0; }
	.porvision_list ul li.lst29 { float:none; margin-top:0; }
	.porvision_list ul li.lst30 { float:none; margin-top:0; }
	.porvision_list ul li.lst31 { float:none; margin-top:0; }
	.porvision_list ul li.lst32 { float:none; margin-top:0; }
	.porvision_list ul li.lst33 { float:none; margin-top:0; }
	.porvision_list ul li.lst34 { float:none; margin-top:0; }
	.porvision_list ul li.lst35 { float:none; margin-top:0; }
}

@media all and (max-width:768px){
	.porvision_list { display:none; }
}


/*////////////////////////////////////////////////////////////////////
 저작권 정책 & 이메일 무단 수집 거부
 ////////////////////////////////////////////////////////////////////*/

.copyrighter_cont { margin-top:10px; padding:30px 40px; border-top:solid 2px #888; border-bottom:solid 1px #d5d7d8; line-height:24px; color:#6d6e71; overflow:hidden; }
.copyrighter_cont .decimal_list { list-style:decimal !important; list-style-type:decimal !important; }
.copyrighter_cont .decimal_list li { list-style:decimal !important; list-style-type:decimal !important; padding-bottom:5px; }


/*////////////////////////////////////////////////////////////////////
개인정보취급방침
 ////////////////////////////////////////////////////////////////////*/

.privacy_top { overflow: hidden;	}

.privacy_top div.caution { padding-left: 20px; line-height: 1.3; background: url(/images/icon/icon_caution_red.png) no-repeat left 1px; float:left; }
.privacy_top button.btn {padding:0 10px; height:32px; line-height:30px; font-size:14px; color:#6d6e71; background-color:#fff; border:solid 1px #333; float:right;}
.privacy_top button.btn_white {background-color:#fff; border:solid 1px #d5d7d8;}
.privacy_top button.btn_white:hover {background-color:#f2f2f2;}

.privacy_status_tab { margin-top: 10px; padding: 10px 10px 10px 40px; background-color: #f3f4f6; border-top: solid 2px #888; border-bottom: solid 1px #d5d7d8; overflow: hidden; }

.privacy_status_tab .left { float: left; line-height: 38px; }
.privacy_status_tab .left a.active { color: #d2232a; }
.privacy_status_tab .left a.first { padding: 0 15px 0 0; border-left: none; }
.privacy_status_tab .left a { display: inline-block; padding: 0 15px; line-height: 14px; border-left: solid 1px #888888; }

.privacy_list { padding:30px 40px; border-bottom:solid 1px #d5d7d8; line-height:30px; overflow:hidden; }
.privacy_list ul { overflow: hidden; width: 100%; }
.privacy_list ul li { width: 50%; }
.privacy_list ul li:hover { text-decoration:underline; }
.privacy_list ul li.lst9 { float: right; margin-top: -240px; border: none; }
.privacy_list ul li.lst10 { float: right; margin-top: -210px; border: none; }
.privacy_list ul li.lst11 { float: right; margin-top: -180px; border: none; }
.privacy_list ul li.lst12 { float: right; margin-top: -150px; border: none; }
.privacy_list ul li.lst13 { float: right; margin-top: -120px; border: none; }
.privacy_list ul li.lst14 { float: right; margin-top: -90px; border: none; }
.privacy_list ul li.lst15 { float: right; margin-top: -60px; border: none; clear:both; }

.privacy_cont { padding:30px 40px; border-bottom:solid 1px #d5d7d8; line-height:24px; color:#6d6e71; overflow:hidden; }
.privacy_cont h4 { margin: 20px 0 5px; font-size: 16px; color: #000; }
.privacy_cont .depth { margin-left: 16px; }
.privacy_cont p { margin-bottom:5px; }
.privacy_cont dt { margin-top:5px; }
.privacy_cont dt dd { margin-bottom:5px; }
.privacy_cont table.table_privacy { width:100%; border-top:solid 2px #888; word-break:keep-all; word-wrap:break-word; text-align:center; margin:10px 0; }
.privacy_cont table.table_privacy th { padding:10px 20px; font-weight:normal; background-color:#f3f4f6; border-bottom:solid 1px #d5d7d8; }
.privacy_cont table.table_privacy td { padding:10px 20px; border-bottom:solid 1px #d5d7d8; }

@media all and (max-width:1250px){
	.privacy_list ul li { width: 100%; }
	.privacy_list ul li.lst9 { float:none; margin-top:0; }
	.privacy_list ul li.lst10 { float:none; margin-top:0; }
	.privacy_list ul li.lst11 { float:none; margin-top:0; }
	.privacy_list ul li.lst12 { float:none; margin-top:0; }
	.privacy_list ul li.lst13 { float:none; margin-top:0; }
	.privacy_list ul li.lst14 { float:none; margin-top:0; }
	.privacy_list ul li.lst15 { float:none; margin-top:0; }
}

@media all and (max-width:768px){
	.privacy_list { display:none; }
}




/*////////////////////////////////////////////////////////////////////
풀페이지 이벤트
 ////////////////////////////////////////////////////////////////////*/

.event_width { margin:0 auto; width:700px; }

@media all and (max-width:700px){
	.event_width { width:100%; }
}


/*////////////////////////////////////////////////////////////////////
하버드비즈니스리뷰 소개
 ////////////////////////////////////////////////////////////////////*/

.intro_visual { height: 200px; background: url(/images/sub/intro_visual.png) no-repeat center center; background-size: cover; }
.intro_cont { padding:50px 0; }

.cont_hbr { width:100%; margin-bottom:50px; }
.cont_korea { width:100%; margin-bottom:50px; }

.img_hbr { display:inline-block; width:40%; vertical-align:top; }
.img_korea { display:inline-block; width:40%; vertical-align:top; }

.txt_hbr { display:inline-block; width:50%; }
.txt_korea { display:inline-block; width:50%; padding:0 5% 0 0; }

.txt_hbr h1 { font-size:34px; font-weight:bold; margin-bottom:5px; }
.txt_korea h1 { font-size:34px; font-weight:bold; margin-bottom:5px; }

.txt_hbr p { font-size:17px; margin-bottom:10px; word-break: keep-all; }
.txt_korea p { font-size:17px; margin-bottom:10px; word-break: keep-all; }

@media all and (max-width:1350px){
	.txt_hbr {  padding:0 0 0 3%; }
	.txt_korea {  padding:0 3% 0 0; }
}

@media all and (max-width:840px){
	.img_hbr { display:block; width:95%; padding:0 3%; }
	.img_korea { display:block; width:95%; padding:0 3%; }
	.txt_hbr { display:block; width:95%; padding:0 3%; }
	.txt_korea { display:block; width:95%; padding:0 3%; }
}

.contact { width:100%; background:#f5f5f5; padding:40px; box-sizing:border-box; }
.contact h2 { color:#d2232a; margin-bottom:30px; }
.contact ul { overflow:hidden; box-sizing:border-box; }
.contact ul li { vertical-align:top; float:left; min-width:240px; min-height:160px; box-sizing:border-box; }
.contact ul li strong { font-size:17px; }
.contact ul li p { font-size:16px; }
.contact ul li a { color:#0787b1; }

/* 팝업 : 비회원 구매 서비스 안내 */
.layer_nonmembers_pop {width:550px; background-color:#fff; border:solid 2px #d5d7d8; position:absolute; top:200px; left:50%; margin-left:-200px; z-index:10;}
.layer_nonmembers_pop .top {padding:15px 0; position:relative;}
.layer_nonmembers_pop .top a.btn_close {display:inline-block; font-size:0; text-indent:-10000px; width:15px; height:15px; background:url('../images/icon/btn_func_popup_close.png') no-repeat center center; position:absolute; top:15px; right:15px;}

.layer_nonmembers_pop .pop_body {padding:20px 20px;}
.layer_nonmembers_pop .pop_body .nonmembers_top {margin-bottom:25px; text-align:center;}
.layer_nonmembers_pop .pop_body .nonmembers_top .title {margin-bottom:15px; font-size:20px; font-weight:normal; line-height:1; letter-spacing:-1px;}
.layer_nonmembers_pop .pop_body .nonmembers_top .title span {display:inline-block; vertical-align:middle;}
.layer_nonmembers_pop .pop_body .nonmembers_top .ment {line-height:1.2; font-size:16px; color:#999;}
.layer_nonmembers_pop .pop_body .nonmembers_top .box {margin-top:30px; padding:2em; background:#f5f5f5; text-align:left;}

.layer_nonmembers_pop .pop_body .func {padding:10px 0 30px; text-align:center;}
.layer_nonmembers_pop .pop_body .func button.btn_nomembers {width:220px; height:46px; font-size:18px; color:#d2232a; background-color:#fff; border:2px solid #d2232a;}
.layer_nonmembers_pop .pop_body .func button.btn_join {width:240px; height:46px; font-size:18px; color:#fff; background-color:#d2232a;}

/* 모바일 */
@media all and (max-width:768px){
	.layer_nonmembers_pop {width:90%; top:100px; left:5%; margin-left:initial;}
	.layer_nonmembers_pop .pop_body .nonmembers_top .title {font-size:18px; letter-spacing:-1px;}
	.layer_nonmembers_pop .pop_body .func button.btn_nomembers { width:100%; display:block; margin-bottom:10px; }
	.layer_nonmembers_pop .pop_body .func button.btn_join { width:100%; }
}



/* 기사뷰페이지 미리보기 그라데이션 */
.preview { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; min-height: 480px; margin: 0 auto; padding: 240px 0 48px; box-sizing: border-box; -webkit-box-sizing: border-box; background: -webkit-gradient(linear,to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.96) 35%, #ffffff); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.96) 35%, #ffffff); }
.preview h3.title { font-weight: bold; font-size: 24px; }
.preview .button_area { max-width: 400px; margin: 40px auto 0; text-align: center; }
.preview button { width: 49%; height: 50px; line-height: 50px; font-size: 16px; background: #d2232a; color: #fff; }

/* 기사뷰페이지 저작권 표시 카피라이터 추가 :: 2025-05-08 박은진 */
.copyright_notice { font-size: 12px; padding: 10px 20px; background: #f3f4f6; box-sizing: border-box; text-align: center; color: #888; border-radius: 10px 10px 0 0; }


/* 기사뷰페이지 우공역 추가 */
h3.title_right { font-size:1.3em; margin-bottom:10px; }
h3.title_right span { display:inline-block; height:14px; line-height:13px; padding-left:7px; border-left:3px solid #333; }

.maz_right { overflow:hidden; }
.cover_right { border:1px solid #eee; margin-bottom:20px; }
.btn_mazview { display:inline-block; font-size:14px; color:#fff; height:35px; line-height:35px; width:100%; text-align:center; background:#262626; }

ul.article_right { overflow:hidden; }
ul.article_right li { margin-bottom:15px; width:100%; border:1px solid #eee; box-sizing:border-box; }
ul.article_right li a { display:block; padding:0; }
ul.article_right li .thum { display:block; height:135px; background-repeat:no-repeat; background-position:center center; background-size:auto 135px; background-color:#efefef; position:relative; }
ul.article_right li .subject { padding:10px; background-color:#fff; display:block; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }


/* 결제하기 : 월정액 : 상품소개 회색박스, 정상가-특가 구분 등 */
ul.sv_grey_box { background: #f3f4f6; padding: 10px 20px; margin-top: 10px; }


/* 로그인 : SNS 로그인 열기/닫기 */
.sns_box { display:block; text-align:center; height:54px; font-size:20px; line-height:54px; overflow:hidden; background:#f3f4f6; border:1px solid #d5d7d8; }
.sns_box span { padding-left:54px; }
.btn_sns { float:right; width:54px; height:54px; border-left:1px solid #d5d7d8;
background-color:#fff;
background-position: center;
background-repeat: no-repeat;
 }


 /* 팝업관리 */
.hbr_laypop { position: absolute; top: 50%; left: 50%; z-index: 999; margin-left: -300px; margin-top: -300px; background:#fff; }
.hbr_laypop_t { overflow:hidden; margin:5px; line-height:30px }
.hbr_laypop_btn { font-weight:bold; float:right; display:inline-block; background:#ddd; padding:0 20px; height:30px; line-height:33px; }

#pop_txt { max-width:600px; }
#pop_txt .top { padding:0 15px; height:48px; line-height:48px; background-color:#f3f4f6; position:relative; }
#pop_txt .top h3 { font-size:18px; color:#d2232a; }

#pop_txt .pop_body { padding:20px 20px; }
#pop_txt .pop_body .func { padding:20px 0; text-align:center; }
#pop_txt .pop_body .func button { height:36px; font-size:16px; color:#fff; background-color:#d2232a; padding: 0 30px; }

@media(max-width:640px){
	#pop_txt .top { padding:10px 15px 15px 15px; line-height:initial; }
	.hbr_laypop { position:absolute; top:50%; left:50%; margin-left:-211px; margin-top:-256px; }
}
@media(max-width:500px){
	.hbr_laypop { left:0; top:90px; width:70%; margin-top:0; margin-left:15%; margin-right:15%; }
	.hbr_laypop img { width:100%; }
}
#overlay { position: fixed; top: 0; left: 0; z-index: 8; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); }


/* 이벤트 상품관리 > 영상보기 뷰 페이지 :: 2023-07-05 박은진 */
.eventvod video { margin-top:30px; }
.eventvod ul { margin-top:30px; font-size:1.2em; width:100%; }
.eventvod ul li { padding:10px 20px; border:2px solid #f3f4f6; background:#f3f4f6; vertical-align: middle; margin-bottom:10px; border-radius:50px; }
.eventvod ul li:hover { border:2px solid #0a9dbc; background:#fff; color:#0a9dbc; cursor:pointer; }
.eventvod ul li.on { border:2px solid #0a9dbc; background:#fff; color:#0a9dbc; cursor:pointer; }
.eventvod span { font-size:1em; }

@media (max-width:768px) {
    .eventvod ul li { margin-bottom:10px; }
    .eventvod span { font-size:0.9em; }
}