@charset "utf-8";

@import url("font.css");
@import url("common.css");
@import url("slick.css");

/* 공통 */
body {background:#FAFBFC;}
.wrapper {width:650px; margin:0 auto;}
#container {font-size:16px; line-height:1.6; letter-spacing:-0.025em; color:#545454; padding:60px 34px 110px 34px;}
#container p + p {margin-top:26px;}

#container.sub_para01 > div:not(.sub_tit, .review_info, .info_txt) + div {margin-top:80px;}
#container.sub_para01 .info_txt + div {margin-top:60px;}

.con_tit {position:relative; display:block; width:100%; margin-bottom:22px; font-size:24px; line-height:1.125; font-weight:800; text-align:left; letter-spacing:-0.025em; font-family: 'NanumSquare'; color:#002A43; border-bottom:2px solid #002A43; padding-bottom:10px; padding-left:38px;}
.con_tit h4 {font-weight:800;}
.con_tit:before {content:''; position:absolute; z-index:1; top:2px; left:0; width:27px; height:21px; background:url(../images/ico/ico_title_deco01.png) no-repeat 0 0; background-size:100%;}

.txtbox > strong {display:block; margin-bottom:8px; font-size:18px; line-height:1.5; letter-spacing:-0.025em; font-family: 'NanumSquare'; font-weight:800;}
.thumb {position:relative; width:100%; overflow:hidden;}
a.thumb {display:block;}
.thumb img {position:relative; left:50%; transform:translateX(-50%); min-width:100%;}

.arrow_list {font-size:15px; line-height:1.4; letter-spacing:-0.025em; color:#333; font-weight:400; padding:0 20px;}
.arrow_list > li {position:relative; padding-left:17px;}
.arrow_list > li:before {content:''; position:absolute; z-index:1; top:4px; left:0; width:9px; height:15px; background:url(../images/ico/ico_arrow_list01.png) no-repeat 0 0; background-size:100%;}
.arrow_list > li + li {margin-top:16px;}
/*
.num_list > li {display:flex; flex-wrap:wrap; margin-top:16px;}
.num_list > li span {flex-shrink:1; width:25px; color:#bababa; padding-left:4px;}
.num_list > li p {flex-grow:1; width:calc(100% - 25px);}
.num_list > li + li {margin-top:12px;}
.num_list > li ol {display:block; width:100%; margin-top:12px;}
.num_list > li ol > li {display:flex; flex-wrap:wrap;}
.num_list > li ol > li + li {margin-top:12px;}
.num_list > li ol > li span {width:32px; padding-left:10px;}
.num_list > li ol > li p {width:calc(100% - 32px);}
.num_list > li ol > li div {display:block; width:100%; padding-left:32px; padding-bottom:12px;}
.num_list > li ol > li div p {width:100%;}
*/
.num_list > li {display:flex; flex-wrap:wrap;}
.num_list > li.red {color:#DF464B;}
.num_list > li span {flex-shrink:1; width:25px; padding-left:4px;}
.num_list > li p {flex-grow:1; width:calc(100% - 25px);}
.num_list > li + li {margin-top:8px;}
.num_list > li ol {display:block; width:100%; margin-top:8px; margin-left:20px;}
.num_list > li ol > li {display:flex; flex-wrap:wrap;}
.num_list > li ol > li + li {margin-top:0;}
.num_list > li ol > li span {width:28px; padding-left:10px;}
.num_list > li ol > li p {width:calc(100% - 28px);}
.num_list > li ol > li div {display:block; width:100%; padding-left:32px; padding-bottom:12px;}
.num_list > li ol > li div p {width:100%;}

.abc_list {line-height:1.5; letter-spacing:-0.025em; color:#333;}
.abc_list > li > p {display:block; margin:0 0 16px 0; font-size:18px; font-weight:600; letter-spacing:-0.025em; line-height:1.5;}
.abc_list > li > p strong {display:inline-block; margin:0 8px 0 4px;}
.abc_list > li + li {margin-top:40px;}

.dot_list {margin-left:12px;}
.dot_list li {position:relative; font-size:15px; line-height:1.6; padding-left:15px; letter-spacing: -0.4px; color:#545454; word-break:break-all;}
.dot_list li + li {margin-top:8px;}
.dot_list li:before {content:''; position:absolute; z-index:1; top:9px; left:0; width:3px; height:3px; border-radius:4px; background:#545454;}

.blue_t {color:#216E9C;}
.sub_txt {margin-top:24px; font-size:15px; line-height:1.6; letter-spacing:-0.025em; color:#666; text-align:left;}
.sub_txt a {display:inline-block; text-decoration:underline; color:#545454; text-underline-position:under;}

.sub_tit {margin-bottom:50px; text-align:center; color:#002A43;}
.sub_tit h3 {font-size:34px; line-height:1.4; font-weight:800; letter-spacing:0;}
.sub_tit .name_tag {display:inline-block; margin-top:20px; font-size:14px; line-height:1.8; font-weight:500; color:#888; padding:4px 24px; border:1px solid #eee; background:#f3f3f3; border-radius:50px;}
.sub_tit .name_tag strong {display:inline-block; margin-right:8px; font-size:15px; font-weight:700; color:#111;}
.sub_tit h3 + .sub_txt {margin-top:50px;}
.sub_tit .name_tag + .sub_txt {margin-top:40px;}
.sub_tit .sub_txt > strong {display:block; margin-bottom:16px; font-size:18px; font-weight:600; color:#002A43; word-break:break-all;letter-spacing: -0.5px;}

.sub_tit.m0 {margin:0;}

.info_txt {line-height:1.6; letter-spacing:-0.025em; color:#545454;}
.info_txt strong {display:block; margin-bottom:16px; font-size:18px; color:#002A43;}

.img_wrap {margin:36px 0; border:1px solid #ddd;}
.img_wrap.no_bd {border:0;}
.img_wrap.m2636 {margin:26px 0 36px;}
.img_wrap .img_info {padding:16px 24px; background:#F8F8F8; border-top:1px solid #ddd;}
.img_wrap .img_info strong {display:block; font-size:14px; line-height:1.6; letter-spacing:-0.025em; font-weight:600; color:#111;}
.img_wrap .img_info p {margin-top:8px; font-size:13px; color:#666;}

.two_img {display:flex; align-items:center; justify-content:space-between;}
.two_img > * {width:calc(50% - 8px);}

.showdow_img .thumb {box-shadow:10px 10px 20px rgba(0,0,0,0.05);}

.cm_table table {text-align:center; font-size:16px; font-weight:700; letter-spacing:-0.025em; font-family: 'NanumSquare';}
.cm_table table .w110 {width:110px;}
.cm_table table .w180 {width:180px;}
.cm_table table .w190 {width:190px;}
.cm_table table .w195 {width:195px;}
.cm_table table .w200 {width:200px;}
.cm_table table .w222 {width:222px;}
.cm_table table .w285 {width:285px;}
.cm_table table th {line-height:1.12; color:#fff; padding:16px 0;}
.cm_table table td {line-height:1.5; padding:18px 0; border:1px solid #ddd; border-top:0; word-break:break-all;}
.cm_table table td + td {border-left:0;}
.cm_table table td.name {text-align:left; padding-left:24px; padding-right:30px;}
.cm_table table td.name span {display:block; font-size:14px;}

.cm_table.red table th {background:#DF464B;}
.cm_table.red table th {background:#DF464B; border:1px solid #CF060C; border-bottom:0;}
.cm_table.red table tr:first-child td {border-top:1px solid #ddd;}
.cm_table.red table tr:last-child th {border-bottom:1px solid #CF060C;}

.cm_table.orange table th {background:#EE7E0E; border:1px solid #EE7E0E; border-bottom:0;}
.cm_table.orange table tr:first-child td {border-top:1px solid #ddd;}
.cm_table.orange table tr:last-child th {border-bottom:1px solid #EE7E0E;}
.cm_table.orange table td {line-height:1.12;}

.cm_table.blue table th {background:#088AC1; border:1px solid #001A7B; border-bottom:0;}
.cm_table.blue table tr:first-child td {border-top:1px solid #ddd;}
.cm_table.blue table tr:last-child th {border-bottom:1px solid #001A7B;}

.cm_table.green table th {background:#379B77;}
.cm_table.green table th {background:#379B77; border:1px solid #006F40; border-bottom:0;}
.cm_table.green table tr:first-child td {border-top:1px solid #ddd;}
.cm_table.green table tr:last-child th {border-bottom:1px solid #006F40;}

.cm_table.rowtable table td {text-align:left; padding:18px 24px;}

.poster_box {margin-top:80px;}
.poster_box > div {display:flex;}
.poster_box > div .thumb {flex-grow:1; width:214px; margin:0; padding:0;}
.poster_box > div > div {width:calc(100% - 214px); padding-left:36px;}

/* 메인 */
/* .no_block은 tr,th,td가 block일 필요 없는 table임 (웹진이라 table이 많이 들어가서 공통 class만듦) */
.webzin {word-break:break-all;}
.webzin tr:not(.header, .footer, .cm_table tr) {display:block; padding-bottom:80px;}
.webzin tr:not(.cm_table tr) {padding-left:34px; padding-right:34px;}
.webzin tr th:not(.cm_table th),
.webzin tr:not(.greeting) td:not(.cm_table td) {display:block;}
.webzin tbody tr:not(.cm_table tr):first-child {padding-top:54px;}
.webzin tbody tr:nth-last-child(2) {padding-bottom:105px;}
.webzin tbody tr td a.more_btn {display:inline-block; margin-top:28px;}

.webzin .con_tit {margin-bottom:22px; padding-bottom:16px;}
.webzin tbody tr:nth-of-type(4n-3) .con_tit {color:#088AC1; border-bottom:2px solid #088AC1;}
.webzin tbody tr:nth-of-type(4n-2) .con_tit {color:#379B77; border-bottom:2px solid #379B77;}
.webzin tbody tr:nth-of-type(4n-1) .con_tit {color:#DF464B; border-bottom:2px solid #DF464B;}
.webzin tbody tr:nth-of-type(4n) .con_tit {color:#EE7E0E; border-bottom:2px solid #EE7E0E;}

.greeting .grt_txt {font-size:14px; color:#666; font-weight: 500; line-height:1.5; letter-spacing:-0.02em;}
.greeting .grt_txt > img {width:310px; margin:-10px -25px 35px 25px;}
.greeting .grt_txt > strong {display:block; margin-bottom:16px; color:#000; font-size:19px; font-weight: 700; line-height:1.5;}
.greeting .grt_txt p + p {margin-top:20px;}
.greeting .grt_txt p strong {font-weight:700;}
.greeting .grt_txt em {font-weight:600;}
.greeting .grt_txt a {display:block; margin-top:24px;}

.greeting .grt_txt.full {margin-top:44px; padding-right:0;}
/*
.greeting .grt_txt.full .sign {margin-top:40px;}*/
.greeting .grt_txt.full .sign strong {font-weight:700; color:#111;}

/*.greeting > td {display:flex; justify-content:space-between; flex-direction:row-reverse;}*/
.greeting > td > img {width:178px; margin-left:20px; margin-bottom:0;}
/*
.greeting > td > div:not(.imgwrap) {width:calc(100% - 178px); padding-right:20px;}*/

/*
.greeting td > div:not(.grt_txt) {display:flex; align-items:flex-start; flex-direction:row-reverse;}
.greeting td > div .imgbox .thumb {border: 1px solid rgba(8, 138, 193, 0.2); box-shadow:10px 10px 20px rgba(0, 42, 67, 0.1);}
.greeting td > div .imgbox p:not(.thumb) {margin-top:12px; font-size:14px; line-height:1.8; letter-spacing:-0.025em; color:#888; font-weight:500; text-align:right;}
.greeting td > div .imgbox p:not(.thumb) strong {display:block; font-size:16px; line-height:1.6; font-weight:600; color:#111;}

.greeting td > .grt_txt .sign {text-align:right; font-size:14px; line-height:1.6; letter-spacing:-0.025em; font-weight:600; color:#111;}
.greeting td > .grt_txt .sign strong {display:inline-block; vertical-align:middle;}
.greeting td > .grt_txt .sign .thumb {display:inline-block; margin-left:12px; vertical-align:middle; width:110px; height:32px;}

.greeting .half_letter {align-items:flex-start;}
.greeting .half_letter .grt_txt {padding-right:0; padding-left:36px;}
*/

/*
.video_wrap {position:relative;}
.video_wrap > a {position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%);}
*/
.plan_tablelist > li + li {margin-top:40px;}
.plan_tablelist li strong {display:block; margin-bottom:16px;}
.plan_tablelist li .thumb {margin-bottom:16px;}
.plan_tablelist li a.thumb {display:block; margin-bottom:16px;}
.plan_tablelist td > span {display:block; font-size:13px; line-height:1.4; letter-spacing:-4.5%;}
.plan_tablelist table td {text-align:left; padding-left:16px; padding-right:16px;}

.participate .bnr_wrap {display:flex; align-items:center; justify-content:space-between;}
.participate .bnr_wrap a {display:block; width:100%;}
.participate .bnr_wrap img {width:100%; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.05);}
.participate .bnr_wrap .left {width:34.02%;}
.participate .bnr_wrap .right {width:63.402%;}
.participate .bnr_wrap .right a + a {margin-top:16px;}
.participate .cm_table {margin-top:40px;}
.participate .cm_table td:not(.not_pd) {padding:18px 16px;}
.participate .cm_table td p {margin-top:18px; line-height:1.2;}

.apcms .sub_txt {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; font-size:15px; line-height:1.5; width:100%; height:115px; word-break:break-all;}
.apcms_txt {margin-top:24px; font-size:15px; line-height:1.5; letter-spacing:-0.025em; color:#666; text-align:left;}

.cmsj p {line-height:1.6;}
.cmsj .con_tit {line-height:1.5; margin-top:-1px; margin-bottom:32px;}
.cmsj .con_tit:before {top:7px;}
.cmsj .con_tit + p a.blue_t {display:block; margin-top:4px;}

.global .showdow_img {margin-bottom:40px;}
.global .showdow_img .two_img {margin-top:16px;}
.global .cmsj_list > strong {display:block; margin-bottom:8px; font-size:18px; line-height:1.5; letter-spacing:-0.025em; font-family: 'NanumSquare'; font-weight:800;}
 .cmsj_list > div > strong {display:block; margin-bottom:8px; font-size:18px; line-height:1.5; letter-spacing:-0.025em; font-family: 'NanumSquare'; font-weight:800;}
.global .cmsj_list .num_list {font-size:16px; line-height:1.8; font-weight:700; letter-spacing:-0.025em; font-family: 'NanumSquare';}
.global .cmsj_list .num_list li .red {display:inline-block; width:calc(100% - 17px); color:#DF464B; margin:0 0 0 3px;}
.global .cmsj_list .num_list li + li {margin-top:0;}
.global .cmsj_list .num_list .inner_list {margin:0; padding-left:17px;}

.cmsj_list > p {color:#000; font-size:16px; margin-bottom:24px; font-weight:600; font-family: 'NanumSquare';}
.cmsj_list > div + div {margin-top:50px;}
.cmsj_list li {position:relative;}
.cmsj_list li + li {margin-top:24px;}
.cmsj_list li .thumb {width:100%; margin-top:24px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05);}
.cmsj_list li .thumb + .thumb {margin-top:16px;}
.cmsj_list li .thumb + p:not(.thumb) {margin-top:24px;}
.cmsj_list li strong {display:block; margin-bottom:8px; font-size:18px; line-height:1.5; letter-spacing:-0.025em; font-family: 'NanumSquare'; font-weight:800;}
.cmsj_list li > em {display:block; margin:0 0 8px; font-size:16px; line-height:1.5; font-weight:600;}
.cmsj_list li > em a {display:inline-block; color:#088AC1; margin:0; text-decoration:underline; text-underline-position:under;}
.cmsj_list li p {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:4; -webkit-box-orient: vertical; font-size:15px; line-height:1.5; width:100%; height:92px; word-break:break-all; color:#666666;}
.cmsj_list li p.noline {display:block; overflow:auto; text-overflow:inherit; -webkit-line-clamp:inherit; -webkit-box-orient: inherit; height:auto;}
.cmsj_list li p.line3 {-webkit-line-clamp:3; height:70px;}
.cmsj_list li p.line8 {-webkit-line-clamp:8; height:182px;}
.cmsj_list li a {display:block; margin-top:10px;}
.cmsj_list li .thumb + a {margin-top:24px;}
.cmsj_list .cm_table {margin:16px 0 24px;}
.cmsj_list .mini_t {font-size:15px; line-height:1.5; color:#000; font-weight:400;}
.cmsj_list strong + .mini_t {margin-top:8px;}
.cmsj_list .mini_t + strong {margin-top:24px;}
.cmsj_list .cm_table.orange td {text-align:left; line-height:1.5; padding:18px 24px ;}

.link {display:inline-block; color:#088AC1}

.committee .cmsj_list .thumb {margin-top:24px;}
.committee .cmsj_list .twoimg {display:flex; align-items:center; justify-content:space-between; margin-top:24px;}
.committee .cmsj_list .twoimg img {width:calc(50% - 5px);}

.global .arrow_list {font-size:18px; line-height:1.5; font-weight: 600;}

.syndrome .dot_list {margin-bottom:24px; color:#666;}
.syndrome .dot_list li:before {background:#666;}
.syndrome .info_t {margin-top:8px; font-size:15px; line-height:1.5;}
.syndrome .thumb {margin-top:20px;}

.poster_wrap {padding-top:10px;}
.poster_wrap .thumb {width:332px; height:297px; margin:0 auto 18px;}

/* 창간 인사 말씀 */
.news_letter:after {content:''; clear:both; display:block;}
.news_letter .imgbox {float:left; width:214px; margin-top:-12px; padding-bottom:27px; padding-right:36px; filter: drop-shadow(10px 10px 20px rgba(0, 42, 67, 0.1));shape-outside: border-box;}
.news_letter p {line-height:1.5;}
.news_letter > p strong {color:#000;}
.news_letter > p span {color:#111}
.news_letter .color_000 {color:#000;}
.news_letter .sign strong {display:inline-block; line-height:1.6; margin-left:8px; font-size:18px; letter-spacing:-0.025em; color:#111;}

#container.activity .news_letter p:nth-child(4) {margin-top:38px;}
#container.activity .news_letter .sign {margin-top:60px; text-align:right;}

/* 학회 소식 및 일정 */
.plan_list > div + div {margin-top:80px;}

/* hot topic */
.reference {margin-top:54px;}

/* 참관기 */
.aha_slide {margin-top:36px;}
.aha_slide p {font-size:16px; font-weight:700; line-height:1.6; letter-spacing:-0.025em; color:#fff; text-align:center; padding:12px 0; background:#124766;}

/* 심장대사증후군관련 주요 논문 소개(최신중요연구 리뷰) */
.review_info {margin-bottom:50px;}
.review_info > p {font-size:18px; line-height:1.6; font-weight:600; letter-spacing:-0.025em; color:#002A43;}
.review_info > span {display:block; margin-top:16px; font-size:16px; line-height:1.6; letter-spacing:-0.025em; color:#545454;}
.review_result .img_wrap {margin-top:32px; margin-bottom:0;}

/* 회원동정 */
.member_list li {font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#333; padding:21px 31px; border:1px solid #D3DAE0; border-radius:8px; background:#fff;}
.member_list li + li {margin-top:16px;}
.member_list li .mm_top {display:flex; align-items:flex-start; color:#666; padding-bottom:12px; border-bottom:1px solid #ddd;}
.member_list li .mm_top .name {margin-right:12px; width:50px; font-size:18px; font-weight:900; font-family: 'NanumSquare'; color:#216E9C;}
.member_list li .mm_top > p {width:calc(100% - 50px);}
.member_list li .mm_con {padding-top:16px;}
.member_list li .mm_con > img {margin-bottom:16px;}
.member_list li .mm_con .txt {margin-top:16px;}
.member_list li .mm_con .txt > strong {display:block; margin-bottom:34px;}
.member_list li .mm_con .imgbox {width:166px; margin:16px 0;}

.member_list.type02 li .mm_top {padding-bottom:0; border-bottom:0;}
.member_list.type02 li .mm_top .name {flex-shrink:1; width:83px; margin-right:0; line-height:1; padding-right:0; border-right:1px solid #ddd;}
.member_list.type02 li .mm_top p {width:calc(100% - 83px); margin-top:-3px; color:#333; line-height:1.5; letter-spacing:-0.025em; padding-left:24px;}
.member_list.type02 li .mm_top p em {font-weight:700; color:#002A43;}

.member_list.medical_info {margin-top:36px;}
.member_list.medical_info li .mm_top .name {width:97px;}
.member_list.medical_info li .mm_con .imgbox {width:200px; margin:0 0 24px;}

.activity .member_list {margin-bottom:24px;}
#container.activity a.urllink {display:inline-block; text-decoration:underline; text-underline-position:under;}
#container.activity p + p {margin-top:24px;}
#container.activity p {word-break:break-all;}
#container.activity .education > p:last-of-type {margin-top:24px;}

.syndrome .sub_tit {margin-bottom:60px;}
.syndrome .arrow_list {padding:0 0 0 24px;}
.syndrome > div:last-child .img_wrap {margin-bottom:0;}

/* 연구위원회 */
.recruitment {margin-top:50px; padding:50px 44px; border-top:2px solid #002A43; background:#fff; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);}
.recruitment .con_tit {margin-bottom:30px; border-bottom:0; padding-bottom:0;}
.recruitment > div > p em {font-weight:600; color:#DF464B;}
.recruitment > p {margin:44px 0 24px; text-align:center; font-size:16px; color:#111; font-weight:800; letter-spacing:1px;}
.recruitment .multiple_choice {margin-top:23px; font-size:19px; line-height:30px; vertical-align: middle; font-weight:600; color:#111;}
.recruitment .multiple_choice li + li {margin-top:24px;}
.recruitment .multiple_choice li .num {display:inline-block; margin-right:8px; width:30px; height:30px; text-align:center; vertical-align:top; color:#fff; font-weight:700; border-radius:30px; background:#008B3D;}

.recruitment .arrow_list {margin:20px 0 44px; padding:0;}
.recruitment > ul {margin-top:50px; text-align:right; line-height:1.6; color:#111;}
.recruitment .rec_list > li {font-size:15px; line-height:1.6; letter-spacing:-0.025em; color:#545454}
.recruitment .rec_list > li strong {display:inline-block; margin-right:10px;}
.recruitment .rec_list > li + li {margin-top:40px;}
.recruitment .rec_list .sub_list {margin-top:16px;}
.recruitment .rec_list .sub_list > li + li {margin-top:24px;}

.recruitment .quiz_list {margin-top:30px; font-size:15px;}
.recruitment .quiz_list > li {display:flex;}
.recruitment .quiz_list > li + li {margin-top:16px;}
.recruitment .quiz_list > li > strong {width:26px;}
.recruitment .quiz_list > li > p {width:calc(100% - 26px); word-break:break-all; letter-spacing:-0.3px;}


.pub .con_tit {padding:0;}
.pub .con_tit img {display:block; margin-bottom:-16px;}
.pub .con_tit:before {display:none;}
.pub .txtbox > strong {display:block; margin-top:34px; margin-bottom:8px;}
.pub .txtbox > .info_t {margin-bottom:16px; font-size:15px;}

.quiz_banner {margin-top:-10px;}
.quiz_banner a {display:block; width:100%; height:100%;}
.recruitment .quiz_img {margin-top:30px;}
.recruitment .quiz_btn {width:240px; margin:0 auto;}
/***************************************************************************************************************************************************************/

@media all and (max-width:650px){
	/* 공통 */
    .wrapper {width:100%; margin:0;}

	
	.cm_table table .w285 {width:50%}
	.cm_table table .w200 {width:35%;}
	.cm_table table .w222 {width:39%;}
	.cm_table table .w195,
	.cm_table table .w190,
	.cm_table table .w180 {width:30%;}
}

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

	/* 창간 인사 말씀 */
	.news_letter .imgbox {width:230px; padding-right:24px; padding-bottom:18px;}

	/* 퀴즈 풀기 */
	.recruitment .multiple_choice {font-size:17px; line-height:20px;}
	.recruitment .multiple_choice li .num {width:20px; height:20px; margin-right:1px; font-size:13px;}
}

@media all and (max-width:480px){
	#container {padding:30px 17px 55px;}
	#container p {font-size:13px;}
	#container p + p {margin-top:13px;}
	#container.sub_para01 > div:not(.sub_tit) + div {margin-top:55px;}

	.bt_blue_more {display:block; width:60px;}
	.bt_blue_more img {display:block;}
	.con_tit {margin-bottom:10px; font-size:15px; padding-left:20px; padding-bottom:5px;}
	.con_tit:before {top:1px; width:15px; height:13px;}

	.sub_tit {margin-bottom:34px;}
	.sub_tit h3 {font-size:23px;}
	.sub_tit .name_tag {margin-top:10px; font-size:11px; padding:2px 15px;}
	.sub_tit .name_tag strong {margin-right:4px; font-size:12px;}
	.sub_tit .sub_txt > strong {font-size:16px;}
	.sub_txt {margin-top:12px; font-size:12px;}
	.sub_txt br {display:none;}

	.info_txt strong {margin-bottom:10px; font-size:13px;}

	.img_wrap {margin:24px 0;}
	.img_wrap.m2636 {margin:14px 0 24px;}
	.img_wrap .img_info {padding:11px 17px;}
	.img_wrap .img_info strong {font-size:13px;}
	.img_wrap .img_info p {margin-top:6px; font-size:12px;}

	.cm_table table {font-size:12px;}
	.cm_table table th {padding:8px 0;}
	.cm_table table td {padding:9px 5px;}
	.cmsj_list .cm_table.orange td {padding:9px 12px;}
	.cm_table table td.name  {padding-left:14px; padding-right:15px;}
	.cm_table table td.name span {font-size:12px;}

	.cm_table.rowtable table td {padding:9px 12px;}

	.num_list > li {margin-top:8px;}
	.num_list > li span {width:20px;}
	.num_list > li p {width:calc(100% - 20px); font-size:13px;}
	.num_list > li + li {margin-top:12px;}
	.num_list > li ol > li span {width:25px; padding-left:8px;}
	.num_list > li ol > li div {padding-left:25px;}

	.abc_list {font-size:13px;}
	.abc_list > li > p {margin-bottom:10px; font-size:13px;}
	.abc_list > li + li {margin-top:20px;}
	.abc_list > li > strong {margin-bottom:8px;;}
	
	.dot_list {margin-left:10px;}
	.dot_list li {font-size:13px; padding-left:12px;}
	.dot_list li + li {margin-top:4px;}

	.poster_box > div > div {padding-left:25px;}
	.poster_box > div > div br {display:none;}

	.cmsj .con_tit {margin-bottom:10px;}
	.cmsj_list li p {height:69px}

	/* 메인 */
	.webzin .con_tit {margin-bottom:12px; padding-bottom:8px;}
    .webzin tr:not(.cm_table tr) {padding-left:16px; padding-right:16px;}
	.webzin tbody tr:not(.cm_table tr):first-child {padding-top:27px;}
	.webzin tbody tr:not(.cm_table tr):nth-last-child(2) {padding-bottom:55px;}
	.webzin tr:not(.header, .footer, .cm_table tr) {padding-bottom:40px;}

	.greeting > td > img {width:130px;}
	.greeting .grt_txt > img {width:160px; margin-left:10px; margin-bottom:10px;}
	.greeting .grt_txt p {margin:8px 0 0; font-size:12px;}
	.greeting .grt_txt p + p {margin-top:12px;}
	.greeting .grt_txt > strong {font-size:13px; letter-spacing:-0.06em;}
	.greeting .grt_txt.full {width:100%; margin-top:12px;}
	.greeting .grt_txt.full .sign {margin-top:20px; font-size:12px;}
	.greeting .grt_txt.full .sign p {margin-top:0;}
	
	/*
	.video_wrap > a {width:100px;}
	.video_wrap > a img {width:100%;}
	*/
	
	.num_list > li ol {margin-left:12px;}
	
	.plan_tablelist li + li {margin-top:20px;}
	.plan_tablelist li strong {font-size:13px; margin-bottom:8px;}
	.plan_tablelist td span {font-size:11px;}
	.participate .cm_table {margin-top:20px;}
	.participate .cm_table td:not(.not_pd) {padding:9px 0;}
	.participate .cm_table td p {margin-top:8px;}

	.news .news_list ul {padding:3px 16px 6px;}
	.news .news_list ul li {font-size:14px; padding:8px 0 8px 23px; background-size:18px;}
	
	.webzin tbody tr td a.more_btn {margin-top:19px; width:160px;}

	.apcms .sub_txt {font-size:12px; height:87px;}

	.global .cmsj_list > strong {font-size:13px;}
	.cmsj_list li {font-size:12px;}
	.cmsj_list .num_list li {padding:0; margin:0;}
	
	.cmsj_list > p {font-size:13px; margin-bottom:10px;}
	.cmsj_list li + li {margin-top:20px;}
	.cmsj_list li strong {font-size:13px;}
	.cmsj_list li em {margin-bottom:10px; font-size:13px;}
	.cmsj_list li p {position:relative; font-size:12px; /*height:57px;*/}
	.cmsj_list li a {margin-top:7px;}
	
	.cmsj_list > div > strong {font-size:15px;}
	.cmsj_list .mini_t {font-size:13px;}
	.cmsj_list .mini_t + strong {margin-top:18px;}

	.arrow_list {padding:0 16px;}
	.arrow_list > li {font-size:14px;}
	.arrow_list > li:before {top:5px; width:6px; height:10px;}
	.arrow_list > li + li {margin-top:12px;}

	.syndrome .dot_list {font-size:14px;}
	.syndrome .txtbox > strong {font-size:13px;}
	.syndrome .info_t {font-size:13px;}

	.poster_wrap .thumb {width:100%; height:auto; margin-bottom:12px; padding:0 16px;}
	
	/* 창간 인사 말씀 */
	.news_letter .imgbox {width:155px; padding-right:18px; padding-bottom:0; margin-top:0;}
	.news_letter p {margin-top:0; font-size:11px;}
	
	.news_letter .sign {margin-top:27px;}
	.news_letter .sign strong {font-size:10px;}
	.news_letter .sign img {width:50px;}

	/* 학회 행사 소개 */
	.plan_list > div + div {margin-top:40px;}
	
	/* hot topic */
	.reference {margin-top:36px;}

	/* 참관기 */
	.aha_slide {margin-top:24px;}
	.aha_slide p {font-size:14px; padding:8px 0;}
	.aha_slide .slick-arrow {top:calc(50% - 15px); width:30px; height:30px;}
	.aha_slide .slick-arrow.slick-prev {left:-15px;}
	.aha_slide .slick-arrow.slick-next {right:-15px;}

	/* 심장대사증후군관련 주요 논문 소개(최신중요연구 리뷰) */
	.review_info {margin-bottom:35px;}
	.review_info > p {font-size:14px;}
	.review_info > span {margin-top:14px; font-size:14px;}
	.review_result .img_wrap {margin-top:22px;}

	/* 회원동정 */
	#container.activity p + p {margin-top:18px;}
	#container.activity .news_letter p:nth-child(4) {margin-top:24px;}
	#container.activity .education > p:last-of-type {margin-top:14px;}
	#container.activity .news_letter .sign {margin-top:35px;}

	.member_list li {font-size:12px; padding:14px 20px; border-radius:6px;}
	.member_list li + li {margin-top:14px;}
	.member_list li .mm_top {padding-bottom:8px;}
	.member_list li .mm_top .name {margin-right:8px; font-size:13px;}
	.member_list.type02 li .mm_top .name {width:63px; }
	.member_list.type02 li .mm_top p {width:calc(100% - 63px);}
	.member_list li .mm_con {padding-top:14px;}
	.member_list li .mm_con > img {margin-bottom:14px;}
	.member_list li.hill .mm_top {display:block;}
	.member_list li.hill .imgbox {width:170px;}
	.member_list li.scherer .imgbox {width:196px;}
	.member_list li.coats .imgbox {width:170px;}
	.member_list li.w160 .imgbox {width:140px;}
	.member_list li.akira .imgbox {width:140px;}

	.member_list.type02 li .mm_top .name {padding-right:12px;}
	.member_list.type02 li .mm_top p {padding-left:12px;}
	.member_list.type02 li .mm_top .name.long {width:118px; font-size:12px; padding-right:0;}
	.member_list.type02 li .mm_top .name.long + p {font-size:11px !important; padding-left:8px;}
	
	.member_list.medical_info li .mm_top .name {width:75px;}
	.member_list.medical_info li .mm_con .imgbox {width:150px; margin-bottom:14px;}

	.syndrome .sub_tit {margin-bottom:30px;}
	.syndrome .arrow_list {padding:0 0 0 16px;}
	/* 연구위원회 */
	.recruitment {padding:35px 18px;}
	.recruitment .con_tit {margin-bottom:20px;}
	.recruitment > p {margin:30px 0 16px; text-align:center; font-size:14px;}
	.recruitment .arrow_list {margin:14px 0 30px; padding:0;}
	.recruitment .arrow_list li {font-size:12px;}
	.recruitment .down_btn a {display:inline-block; width:160px;}
	.recruitment > ul {margin-top:35px; font-size:13px;}

	.recruitment .rec_list > li {font-size:13px;}
	.recruitment .rec_list > li + li {margin-top:20px;}
	.recruitment .rec_list .sub_list > li + li {margin-top:12px;}
	
	.recruitment .quiz_list {margin-top:15px;}
	.recruitment .quiz_list > li + li {margin-top:10px;}
	.recruitment .quiz_list > li > strong {width:15px; font-size:11px;}
	.recruitment .quiz_list > li > p {width:calc(100% - 15px);}
	.recruitment .quiz_img {margin-top:20px; margin-bottom:0;}
	.recruitment .quiz_btn {width:160px; margin:0 auto;}

	.participate .bnr_wrap .left {width:36.02%;}
	.participate .bnr_wrap .right {width:61.402%;}

	/* 퀴즈 풀기 */
	.quiz_banner {margin-top:0;}
	.recruitment {margin-top:30px;}
	.recruitment .multiple_choice {font-size:14px; line-height:18px;}
	.recruitment .multiple_choice li + li {margin-top:15px;}
	.recruitment .multiple_choice li .num {width:18px; height:18px; margin-right:3px; font-size:11px;}
	
	.pub .con_tit img {width:130px;}
	.pub .txtbox > strong {margin-top:20px; font-size:14px; margin-bottom:3px;}
}

@media all and (max-width:374px){
	#container p:not(.abc_list > li > p) {font-size:11px;}
	#container.sub_para01 > div:not(.sub_tit) + div {margin-top:40px;}

	.con_tit {font-size:14px;}

	.sub_tit {margin-bottom:25px;}
	.sub_tit h3 {font-size:17px;}
	.sub_tit .name_tag {font-size:10px; letter-spacing:-0.03em; letter-spacing:-0.1em;}
	.sub_tit .name_tag strong {margin-right:2px; font-size:11px;}
		.sub_tit .sub_txt > strong {margin-bottom:5px; font-size:13px;}

	.img_wrap {margin:18px 0;}
	.img_wrap .img_info {padding:8px 12px;}
	.img_wrap .img_info strong {font-size:10px;}
	.img_wrap .img_info p {margin-top:4px; font-size:10px;}

	.num_list > li + li {margin-top:6px;}


	/* 메인 */
	.video_wrap > a {width:75px;}

	.news .news_list ul {padding:3px 12px 4px;}
	.news .news_list ul li {font-size:11px; padding:7px 0 5px 17px; background-size:14px;}

	.webzin tbody tr td a.more_btn {margin-top:19px; width:160px;}

	.cmsj_list li {padding-top:12px;}
	.cmsj_list li strong {margin-bottom:4px;}
	.cmsj_list li p {font-size:11px; height:65px;}

	.arrow_list {padding:0 12px;}
	.arrow_list > li {font-size:12px; padding-left:13px;}
	.arrow_list > li br:not(.keep) {display:none;}
	.arrow_list > li:before {top:5px; width:5px; height:8px;}
	.arrow_list > li + li {margin-top:8px;}

	.syndrome .dot_list {font-size:12px;}
	.syndrome .txtbox > strong {font-size:12px; word-break:break-all;}
	.syndrome .txtbox > strong br {display:none;}
	.syndrome .info_t {font-size:11px;}

	/* 학회 행사 소개 */
	.poster_box {margin-top:40px;}
	.poster_box > div .thumb {width:105px;}
	.poster_box > div > div {width:calc(100% - 105px); padding-left:18px;}

	/* hot topic */
	.reference {margin-top:27px;}

	/* 참관기 */
	.aha_slide {margin-top:18px;}
	.aha_slide p {font-size:12px; padding:8px 0;}
	.aha_slide .slick-arrow {top:calc(50% - 12px); width:24px; height:24px;}
	.aha_slide .slick-arrow.slick-prev {left:-12px;}
	.aha_slide .slick-arrow.slick-next {right:-12px;}

	/* 심장대사증후군관련 주요 논문 소개(최신중요연구 리뷰) */
	.review_info {margin-bottom:25px;}
	.review_info > p {font-size:12px;}
	.review_info > span {margin-top:10px; font-size:11px;}
	.review_result .img_wrap {margin-top:16px;}

	/* 회원동정 */
	.member_list li {font-size:13px; padding:7px 10px; border-radius:4px;}
	.member_list li + li {margin-top:11px;}
	.member_list li .mm_top {padding-bottom:6px;}
	.member_list li .mm_top .name {margin-right:6px; font-size:12px;}
	.member_list li .mm_con {padding-top:8px;}
	.member_list li .mm_con > img {margin-bottom:8px;}
	
	.member_list.type02 li {font-size:10px;}
	.member_list.type02 li .mm_top .name {font-size:10px;}
	.member_list.type02 li .mm_top .name.long {width:95px; font-size:10px;}
	.member_list.type02 li .mm_top .name.long + p {width:calc(100% - 80px); margin-right:-10px; padding-left:6px;}

	.member_list.medical_info li .mm_top .name {width:65px;}
	.member_list.medical_info li .mm_con .imgbox {margin-bottom:8px;}

	.syndrome .arrow_list {padding:0 0 0 12px;}

	/* 연구위원회 */
	.recruitment {padding:25px 12px;}
	.recruitment .con_tit {margin-bottom:15px;}
	.recruitment > p {margin:22px 0 24px; text-align:center; font-size:12px;}
	.recruitment .arrow_list {margin:10px 0 22px; padding:0;}
	.recruitment .arrow_list li {font-size:11px;}
	.recruitment .down_btn a {width:120px;}
	.recruitment > ul {margin-top:25px; font-size:12px;}
	.recruitment .rec_list > li {font-size:11px;}

	.recruitment > div > p em {word-break:break-all;}
	.recruitment > div > p em br {display:none;}

	/* 퀴즈 풀기 */
	.recruitment .multiple_choice {font-size:12px; line-height:16px;}
	.recruitment .multiple_choice li .num {width:16px; height:16px; margin-right:2px; font-size:10px;}
}