@charset "utf-8";

/* 메인페이지 스타일만 정의 */

/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px), print {

	section {position:relative;}

	/* 메인비쥬얼 */
	.visual {position:relative; width:100%; height:600px;}
	.visual .vs {position:relative; width:100%; height:600px;}
	.visual .sliderObj li {opacity:0;}
	.visual .slogan {position:absolute; width:100%; left:0; top:0;}
	.visual .slogan .wrap {max-width:1200px; margin:0 auto; padding:275px 0 0 75px;}
	.visual .slogan .wrap p {color:#23408f; letter-spacing:-1.4px; line-height:1;}
	.visual .slogan .wrap p:nth-child(1) {font-size:36px;}
	.visual .slogan .wrap p:nth-child(1) span {color:#f19b14;}
	.visual .slogan .wrap p:nth-child(2) {font-size:50px; padding:15px 0 65px 0;}
	.visual .slogan .wrap p:nth-child(2) span {color:#56b90d;}
	.visual .slogan .wrap>span {position:relative; font-size:18px; color:#000; display:inline-block;}
	.visual .slogan .wrap>span:before {content:""; position:absolute; top:-15px; left:0; width:30px; height:2px; background:#23408f;}

	/* 게시판 */
	.m_board {max-width:1200px; margin:50px auto; overflow:hidden; background:url(../images/main/line_board.gif) repeat-y 50% 0;}
	.m_board>div {position:relative; width:50%; float:left;}
	.m_board .news {padding-right:50px;}
	.m_board .m_schedule {padding-left:50px;}
	.m_board .wrap {position:relative;}
	.m_board .wrap h2 {font-size:30px; color:#000; font-weight:500; letter-spacing:-1.5px;}
	.m_board .wrap .tab {position:absolute; right:0; top:0;}
	.m_board .wrap .tab ul li {float:left; margin-left:-1px; border:1px solid #e5e5e5;}
	.m_board .wrap .tab ul li.on {background:#282828; border:1px solid #282828;}
	.m_board .wrap .tab ul li a {display:inline-block; padding:6px 15px; font-size:14px; color:#000; letter-spacing:-1.2px;}
	.m_board .wrap .tab ul li.on a {color:#fff;}
	.m_board .wrap .tab_con {margin-top:35px;}
	.m_board .wrap .tab_con ul li {margin-top:30px;}
	.m_board .wrap .tab_con ul li:first-child {margin-top:0;}
	.m_board .wrap .tab_con ul li a {display:block; margin-bottom:5px; font-size:16px; color:#000; width:100%; overflow:hidden; height:24px; text-overflow:ellipsis; white-space:nowrap;}
	.m_board .wrap .tab_con ul li span.date {display:block; font-size:14px; color:#999;}
	.m_board .wrap .tab_con ul li span.date2 {font-size:16px; color:#5f82c6;}
	/* 20-04-07 더보기버튼추가 ---------- */
	.m_board.add-moreBtn .news .wrap .tab>ul>li {position:relative;}
	.m_board.add-moreBtn .news .wrap .tab>ul>li>a {text-align:left !important; padding-right:40px;}
	.m_board.add-moreBtn .news .wrap .tab>ul>li>button {
		position:absolute; top:-1px; right:0;
		width:30px; height:36px; border:0;
		cursor:pointer;
		background:transparent;
		z-index:99;
	}
	.m_board.add-moreBtn .news .wrap .tab>ul>li.on>button {
		position:absolute; top:-1px; right:0;
		width:30px; height:36px; border:0;
		color:#fff;
	}
	/* ---------- 20-04-07 더보기버튼추가 */

	/* 예방의학, 학회지 */
	.m_link {position:relative; width:100%; overflow:hidden;}
	.m_link .bgL {position:absolute; left:0; top:0; width:50%; height:100%; background:#5f82c6;}
	.m_link .bgR {position:absolute; left:50%; top:0; width:50%; height:100%; background:#36b266;}
	.m_link .wrap {position:relative; max-width:1200px; margin:50px auto;}
	.m_link .wrap>div {float:left; width:50%; overflow:hidden;}
	.m_link .wrap .medical {padding-right:50px;}
	.m_link .wrap .paper {padding-left:50px;}
	.m_link .wrap .txtBox {width:50%; padding-right:10px; float:left;}
	.m_link .wrap .txtBox h2 {font-size:30px; color:#fff;  font-weight:500; letter-spacing:-1.5px;}
	.m_link .wrap .txtBox p {padding:25px 0 30px; font-size:14px; color:#fff; opacity:.7; font-weight:300;}
	.m_link .wrap .txtBox ul li {margin:10px 0;}
	.m_link .wrap .txtBox ul li a {font-size:16px; color:#fff;}
	.m_link .wrap .txtBox ul li a:before {content:""; display:inline-block; margin-right:10px; margin-top:-4px; width:7px; height:7px; background:#fff; border-radius:50%; vertical-align:middle;}
	.m_link .wrap .txtBox ul li a:hover {font-weight:500;}
	.m_link .wrap .linkBox {width:50%; padding-left:10px; float:left;}
	.m_link .wrap .linkBox ul {overflow:hidden; margin:-2px -2px 0 0;}
	.m_link .wrap .linkBox ul li {float:left; width:50%; background:#fff; border:2px solid #5f82c6;}
	.m_link .wrap .linkBox ul li:hover {background:rgba(255,255,255,.88);}
	.m_link .wrap .linkBox ul li a {
		display:block; width:100%; height:100%; text-align:center; border:1px solid #fff;
		transition:all .3s ease-in-out !important;
		-webkit-transition:all .3s ease-in-out !important;
		-moz-transition:all .3s ease-in-out !important;
	}
	.m_link .wrap .linkBox ul li a i {display:block; width:41px; height:40px; margin:25px auto 0;}
	.m_link .wrap .medical .linkBox ul li:nth-child(1) a i {background:url(../images/main/lBox_ico1.png) no-repeat 50%;}
	.m_link .wrap .medical .linkBox ul li:nth-child(2) a i {background:url(../images/main/lBox_ico2.png) no-repeat 50%;}
	.m_link .wrap .medical .linkBox ul li:nth-child(3) a i {background:url(../images/main/lBox_ico3.png) no-repeat 50%;}
	.m_link .wrap .medical .linkBox ul li:nth-child(4) a i {background:url(../images/main/lBox_ico4.png) no-repeat 50%;}
	.m_link .wrap .paper .linkBox ul li:nth-child(1) a i {background:url(../images/main/rBox_ico1.png) no-repeat 50%;}
	.m_link .wrap .paper .linkBox ul li:nth-child(2) a i {background:url(../images/main/rBox_ico2.png) no-repeat 50%;}
	.m_link .wrap .paper .linkBox ul li:nth-child(3) a i {background:url(../images/main/rBox_ico3.png) no-repeat 50%;}
	.m_link .wrap .paper .linkBox ul li:nth-child(4) a i {background:url(../images/main/rBox_ico4.png) no-repeat 50%;}
	.m_link .wrap .linkBox ul li a span {display:block; margin-top:12px; font-size:16px; color:#000; letter-spacing:-1.2px;}
	.m_link .wrap .paper .linkBox ul li {border:2px solid #36b266;}

	/* 회원공간, 학회소개*/
	.academy {max-width:1200px; margin:50px auto; overflow:hidden; background:url(../images/main/line_board.gif) repeat-y 50% 0;}
	.academy>div {position:relative; width:50%; float:left;}
	.academy .mb {padding-right:50px;}
	.academy .info {padding-left:50px;}
	.academy .wrap {position:relative;}
	.academy .wrap h2 {position:relative; font-size:24px; color:#000; font-weight:500; letter-spacing:-1.5px; float:left; display:inline-block; margin-right:30px;}
	.academy .wrap h2:before {content:""; display:inline-block; margin-right:23px; margin-top:10px; width:42px; height:40px; background:url(../images/main/ico_mb.jpg) no-repeat 0 0; vertical-align:middle;}
	.academy .wrap h2:after {content:""; position:absolute; bottom:2px; left:65px; display:inline-block; width:20px; height:2px; background:#000;}
	.academy .wrap span {display:inline-block; padding-top:5px; font-size:14px; color:#737373;}
	.academy .wrap ul {clear:both; margin:40px 0 0 65px; overflow:hidden;}
	.academy .wrap ul li {float:left; margin-right:25px;}
	.academy .wrap ul li a {font-size:16px; color:#000; letter-spacing:-1.2px;}
	.academy .wrap ul li a:before {content:""; display:inline-block; margin-right:5px; margin-top:-4px; width:7px; height:7px; background:#000; border-radius:50%; vertical-align:middle;}

	/* 영상 */
	.movie {position:relative; width:100%; padding:50px 0; background:url(../images/main/bg_movie.png) repeat 0 0 #1b293f;}
	.movie .wrap {position:relative; max-width:1200px; margin:0 auto;}
	/*.movie iframe {box-shadow:0 7px 10px rgba(0,0,0,.35);}*/
	.movie .slider {position:relative;}
	.movie .slider img {max-width:100%; height:auto;}
	.movie .slider .slick-arrow {font-size:0;}
	.movie [type="button"] {position: absolute; top: 50%; z-index: 10; width: 70px; height: 70px; overflow: hidden; border: 0; text-indent: -9999px; background-color: black; background-position: center; background-repeat: no-repeat; cursor: pointer; opacity: 0.7; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.25s ease;}
	.movie [type="button"]:hover {opacity: 1;}
	.movie [type="button"].slick-next {right: 0; background-image: url(../images/main/arrow_r.png);}
	.movie [type="button"].slick-next:hover {right: -5px;}
	.movie [type="button"].slick-prev {left: 0; background-image: url(../images/main/arrow_l.png);}
	.movie [type="button"].slick-prev:hover {left: -5px;}

	/* 관련사이트 */
	.m_bn .wrap {max-width:1200px; margin:30px auto;}
}

@media screen and (max-width: 1199px), print {
	.m_link .wrap .txtBox p br {display:none !important;}
	.academy .wrap h2 {position:relative; font-size:20px; color:#000; font-weight:500; letter-spacing:-1.5px; display:inline-block; margin-right:30px;}
	.academy .wrap h2:before {content:""; display:inline-block; margin-right:23px; margin-top:10px; width:42px; height:40px; background:url(../images/main/ico_mb.jpg) no-repeat 0 0; vertical-align:middle;}
	.academy .wrap h2:after {content:""; position:absolute; bottom:2px; left:65px; display:inline-block; width:20px; height:2px; background:#000;}
	.academy .wrap span {display:block; padding-top:10px; font-size:14px; color:#737373;}
	.academy .wrap span br {display:none;}
	.academy .wrap ul {clear:both; margin:20px 0 0 0; overflow:hidden;}
}

/* ************************ 태블릿 이하 (~991) ************************ */
@media screen and (max-width: 991px), print {

	section {position:relative;}

	/* 메인비쥬얼 */
	.visual {position:relative; width:100%; height:400px;}
	.visual .vs {position:relative; width:100%; height:400px;}
	.visual .slogan {position:absolute; width:100%; left:0; top:0;}
	.visual .slogan .wrap {max-width:1200px; margin:0 auto; padding:140px 0 0 50px;}
	.visual .slogan .wrap p {color:#23408f; letter-spacing:-1.4px; line-height:1;}
	.visual .slogan .wrap p:nth-child(1) {font-size:28px;}
	.visual .slogan .wrap p:nth-child(1) span {color:#f19b14;}
	.visual .slogan .wrap p:nth-child(2) {font-size:40px; padding:15px 0 55px 0;}
	.visual .slogan .wrap p:nth-child(2) span {color:#56b90d;}
	.visual .slogan .wrap>span {position:relative; font-size:18px; color:#000; display:inline-block;}
	.visual .slogan .wrap>span:before {content:""; position:absolute; top:-15px; left:0; width:30px; height:2px; background:#23408f;}

	/* 게시판 */
	.m_board {width:100%; margin:40px auto; padding:0 25px; overflow:hidden;}
	.m_board>div {position:relative; width:50%; float:left;}
	.m_board .news {padding-right:15px;}
	.m_board .m_schedule {padding-left:15px;}
	.m_board .wrap {position:relative;}
	.m_board .wrap h2 {font-size:24px; color:#000; font-weight:500; letter-spacing:-1.5px;}
	.m_board .wrap .tab {position:absolute; right:0; top:0;}
	.m_board .wrap .tab ul li {float:left; margin-left:-1px; border:1px solid #e5e5e5;}
	.m_board .wrap .tab ul li.on {background:#282828; border:1px solid #282828;}
	.m_board .wrap .tab ul li a {display:inline-block; padding:5px 10px; font-size:13px; color:#000; letter-spacing:-1.2px;}
	.m_board .wrap .tab ul li.on a {color:#fff;}
	.m_board .wrap .tab_con {margin-top:35px;}
	.m_board .wrap .tab_con ul li {margin-top:30px;}
	.m_board .wrap .tab_con ul li:first-child {margin-top:0;}
	.m_board .wrap .tab_con ul li a {display:block; margin-bottom:5px; font-size:16px; color:#000; width:100%; overflow:hidden; height:24px; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px;}
	.m_board .wrap .tab_con ul li span.date {display:block; font-size:14px; color:#999;}
	.m_board .wrap .tab_con ul li span.date2 {font-size:16px; color:#5f82c6;}
	/* 20-04-07 더보기버튼추가 ---------- */
	.m_board.add-moreBtn .news .wrap .tab>ul>li {position:relative;}
	.m_board.add-moreBtn .news .wrap .tab>ul>li>a {text-align:left !important; padding-right:28px;}
	.m_board.add-moreBtn .news .wrap .tab>ul>li>button {
		position:absolute; top:-1px; right:0;
		width:28px; height:32px; border:0;
		cursor:pointer;
		background:transparent;
		z-index:99;
	}
	.m_board.add-moreBtn .news .wrap .tab>ul>li.on>button {
		position:absolute; top:-1px; right:0;
		width:28px; height:32px; border:0;
		color:#fff;
	}
	/* ---------- 20-04-07 더보기버튼추가 */
	
	

	/* 예방의학, 학회지 */
	.m_link {position:relative; width:100%; overflow:hidden;}
	.m_link .bgL {position:absolute; left:0; top:0; width:50%; height:100%; background:#5f82c6;}
	.m_link .bgR {position:absolute; left:50%; top:0; width:50%; height:100%; background:#36b266;}
	.m_link .wrap {position:relative; max-width:1200px; margin:40px auto;}
	.m_link .wrap>div {float:left; width:50%; overflow:hidden;}
	.m_link .wrap .medical {padding:0 15px 0 25px;}
	.m_link .wrap .paper {padding:0 25px 0 15px;}
	.m_link .wrap .txtBox {width:100%; padding-right:10px;}
	.m_link .wrap .txtBox h2 {font-size:24px; color:#fff;  font-weight:500; letter-spacing:-1.5px;}
	.m_link .wrap .txtBox p {padding:15px 0; font-size:13px; color:#fff; opacity:.7; font-weight:300;}
	.m_link .wrap .txtBox ul {min-height:60px;}
	.m_link .wrap .txtBox ul li {margin:6px 0;}
	.m_link .wrap .txtBox ul li a {font-size:15px; color:#fff;}
	.m_link .wrap .txtBox ul li a:before {content:""; display:inline-block; margin-right:10px; margin-top:-4px; width:7px; height:7px; background:#fff; border-radius:50%; vertical-align:middle;}
	.m_link .wrap .txtBox ul li a:hover {font-weight:500;}
	.m_link .wrap .linkBox {width:100%;}
	.m_link .wrap .linkBox ul {overflow:hidden; margin:-1px -1px 0 0;}
	.m_link .wrap .linkBox ul li {float:left; width:25%; background:#fff; border:1px solid #5f82c6;}
	.m_link .wrap .linkBox ul li:hover {background:rgba(255,255,255,.88);}
	.m_link .wrap .linkBox ul li a {
		display:block; width:100%; height:100%; text-align:center; border:1px solid #fff;
		transition:all .3s ease-in-out !important;
		-webkit-transition:all .3s ease-in-out !important;
		-moz-transition:all .3s ease-in-out !important;
	}
	.m_link .wrap .linkBox ul li a i {display:block; width:36px; height:36px; margin:20px auto 0;}
	.m_link .wrap .medical .linkBox ul li:nth-child(1) a i {background:url(../images/main/lBox_ico1.png) no-repeat 50%; background-size:36px;}
	.m_link .wrap .medical .linkBox ul li:nth-child(2) a i {background:url(../images/main/lBox_ico2.png) no-repeat 50%; background-size:36px;}
	.m_link .wrap .medical .linkBox ul li:nth-child(3) a i {background:url(../images/main/lBox_ico3.png) no-repeat 50%; background-size:36px;}
	.m_link .wrap .medical .linkBox ul li:nth-child(4) a i {background:url(../images/main/lBox_ico4.png) no-repeat 50%; background-size:36px;}
	.m_link .wrap .paper .linkBox ul li:nth-child(1) a i {background:url(../images/main/rBox_ico1.png) no-repeat 50%; background-size:36px;}
	.m_link .wrap .paper .linkBox ul li:nth-child(2) a i {background:url(../images/main/rBox_ico2.png) no-repeat 50%; background-size:36px;}
	.m_link .wrap .paper .linkBox ul li:nth-child(3) a i {background:url(../images/main/rBox_ico3.png) no-repeat 50%; background-size:36px;}
	.m_link .wrap .paper .linkBox ul li:nth-child(4) a i {background:url(../images/main/rBox_ico4.png) no-repeat 50%; background-size:36px;}
	.m_link .wrap .linkBox ul li a span {display:block; margin-top:5px; font-size:13px; color:#000; letter-spacing:-1.2px;}
	.m_link .wrap .paper .linkBox ul li {border:1px solid #36b266;}

	/* 회원공간, 학회소개*/
	.academy {max-width:1200px; margin:20px auto 30px; overflow:hidden;}
	.academy>div {position:relative; width:50%; float:left;}
	.academy .mb {padding:0 15px 0 25px;}
	.academy .info {padding:0 25px 0 15px;}
	.academy .wrap {position:relative;}
	.academy .wrap h2 {position:relative; font-size:20px; color:#000; font-weight:500; letter-spacing:-1.5px; display:inline-block; margin-right:30px;}
	.academy .wrap h2:before {content:""; display:inline-block; margin-right:23px; margin-top:10px; width:42px; height:40px; background:url(../images/main/ico_mb.jpg) no-repeat 0 0; vertical-align:middle;}
	.academy .wrap h2:after {content:""; position:absolute; bottom:2px; left:65px; display:inline-block; width:20px; height:2px; background:#000;}
	.academy .wrap span {display:block; padding-top:10px; font-size:14px; color:#737373;}
	.academy .wrap ul {clear:both; margin:20px 0 0 0; overflow:hidden;}
	.academy .wrap ul li {float:left; margin-right:15px;}
	.academy .wrap ul li a {font-size:13px; color:#000; letter-spacing:-1.2px;}
	.academy .wrap ul li a:before {content:""; display:inline-block; margin-right:5px; margin-top:-2px; width:3px; height:3px; background:#000; border-radius:50%; vertical-align:middle;}

	/* 영상 */
	.movie {position:relative; width:100%; padding:25px; background:url(../images/main/bg_movie.png) repeat 0 0 #1b293f;}
	.movie .wrap {position:relative; max-width:1200px; margin:0 auto;}
	.movie .slider {position:relative;}
	.movie .slider img {max-width:100%; height:auto;}
	.movie .slider .slick-arrow {font-size:0;}
	.movie [type="button"] {position: absolute; top: 50%; z-index: 10; width: 70px; height: 70px; overflow: hidden; border: 0; text-indent: -9999px; background-color: black; background-position: center; background-repeat: no-repeat; cursor: pointer; opacity: 0.7; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.25s ease;}
	.movie [type="button"]:hover {opacity: 1;}
	.movie [type="button"].slick-next {right: 0; background-image: url(../images/main/arrow_r.png);}
	.movie [type="button"].slick-next:hover {right: -5px;}
	.movie [type="button"].slick-prev {left: 0; background-image: url(../images/main/arrow_l.png);}
	.movie [type="button"].slick-prev:hover {left: -5px;}

	/* 관련사이트 */
	.m_bn .wrap {max-width:1200px; margin:15px auto 20px;}
}

/* ************************ 모바일 이하 (~767) ************************ */
@media screen and (max-width: 767px), print {

	/* 게시판 */
	.m_board {margin:20px auto; padding:0 20px;}
	.m_board>div {width:100%; float:none; border-top:1px dashed #ccc;}
	.m_board>div:first-child {border-top:0;}
	.m_board .news {padding:0 0 15px 0;}
	.m_board .m_schedule {padding:15px 0 0 0;}
	.m_board .wrap h2 {font-size:20px;}
	.m_board .wrap .tab ul li a {padding:4px 8px;}
	.m_board .wrap .tab_con {margin-top:20px;}
	.m_board .wrap .tab_con ul li {margin-top:7px;}
	.m_board .wrap .tab_con ul li a {margin-bottom:3px; font-size:13px;}
	.m_board .wrap .tab_con ul li span.date {display:block; font-size:12px; color:#999;}
	.m_board .wrap .tab_con ul li span.date2 {font-size:13px; color:#5f82c6;}
	/* 20-04-07 더보기버튼추가 ---------- */
	.m_board.add-moreBtn .news .wrap .tab {position:static; margin-top:10px;}
	.m_board.add-moreBtn .news .wrap .tab>ul {overflow:hidden; font-size:0;}
	.m_board.add-moreBtn .news .wrap .tab>ul>li {display:inline-block; width:33.3%; position:relative; margin-left:0;}
	.m_board.add-moreBtn .news .wrap .tab>ul>li>a {display:block; font-size:13px;}
	.m_board.add-moreBtn .news .wrap .tab>ul>li+li {border-left:0;}
	.m_board.add-moreBtn .news .wrap .tab>ul>li>button {
		position:absolute; top:-1px; right:0;
		width:40px; height:30px; border:0;
		cursor:pointer;
		background:transparent;
		z-index:99;
		font-size:14px;
	}
	.m_board.add-moreBtn .news .wrap .tab>ul>li.on>button {
		position:absolute; top:-1px; right:0;
		width:40px; height:30px; border:0;
		color:#fff;
		font-size:14px;
	}
	/* ---------- 20-04-07 더보기버튼추가 */

	/* 예방의학, 학회지 */
	.m_link .bgL {display:none;}
	.m_link .bgR {display:none;}
	.m_link .wrap {width:100%; margin:0 auto;}
	.m_link .wrap>div {float:none; width:100%; overflow:hidden;}
	.m_link .wrap .medical {padding:20px; background:#5f82c6;}
	.m_link .wrap .paper {padding:20px; background:#36b266;}
	.m_link .wrap .txtBox {width:100%; padding-right:10px;}
	.m_link .wrap .txtBox h2 {font-size:20px;}
	.m_link .wrap .txtBox ul {min-height:auto;}
	.m_link .wrap .linkBox ul li {height:100px !important;}
	.m_link .wrap .linkBox ul li a i {display:block; width:41px; height:40px; margin:15px auto 0;}
	.m_link .wrap .medical .linkBox ul li:nth-child(1) a i {background:url(../images/main/lBox_ico1.png) no-repeat 50%; background-size:40px;}
	.m_link .wrap .medical .linkBox ul li:nth-child(2) a i {background:url(../images/main/lBox_ico2.png) no-repeat 50%; background-size:40px;}
	.m_link .wrap .medical .linkBox ul li:nth-child(3) a i {background:url(../images/main/lBox_ico3.png) no-repeat 50%; background-size:40px;}
	.m_link .wrap .medical .linkBox ul li:nth-child(4) a i {background:url(../images/main/lBox_ico4.png) no-repeat 50%; background-size:40px;}
	.m_link .wrap .paper .linkBox ul li:nth-child(1) a i {background:url(../images/main/rBox_ico1.png) no-repeat 50%; background-size:40px;}
	.m_link .wrap .paper .linkBox ul li:nth-child(2) a i {background:url(../images/main/rBox_ico2.png) no-repeat 50%; background-size:40px;}
	.m_link .wrap .paper .linkBox ul li:nth-child(3) a i {background:url(../images/main/rBox_ico3.png) no-repeat 50%; background-size:40px;}
	.m_link .wrap .paper .linkBox ul li:nth-child(4) a i {background:url(../images/main/rBox_ico4.png) no-repeat 50%; background-size:40px;}
	.m_link .wrap .linkBox ul li a span {display:block; margin-top:5px; font-size:13px; color:#000; letter-spacing:-1.2px;}
	.m_link .wrap .paper .linkBox ul li {border:1px solid #36b266;}

	/* 회원공간, 학회소개*/
	.academy {margin:0; padding:20px;}
	.academy>div {width:100%; float:none;}
	.academy .mb {padding:0 0 20px 0; border-bottom:1px dashed #ccc;}
	.academy .info {padding:10px 0 0;}
	.academy .wrap h2 {font-size:18px; margin-right:30px;}
	.academy .wrap h2:before {content:""; display:inline-block; margin-right:20px; margin-top:5px; width:31px; height:30px; background-size:30px !important;}
	.academy .wrap h2:after {left:50px;}
	.academy .wrap span {font-size:13px;}
	.academy .wrap ul {margin:15px 0 0 0;}

	/* 영상 */
	.movie {padding:0; background:none;}
	.movie .wrap {width:100%;}
	.movie .slick-arrow {display:none !important;}

}

@media screen and (max-width: 480px), print {
	
	/* 비쥬얼 */
	.visual .slogan .wrap {padding:150px 0 0 0;}
	.visual .slogan .wrap p {text-align:center;}
	.visual .slogan .wrap p:nth-child(1) {font-size:20px;}
	.visual .slogan .wrap p:nth-child(2) {font-size:32px; padding:15px 0 65px 0;}
	.visual .slogan .wrap>span {font-size:16px; text-align:center; display:block;}
	.visual .slogan .wrap>span:before {content:""; position:relative; width:30px; height:2px; margin:0 auto; background:#23408f;  display:block;}
	
	/* 예방의학, 학회지 */
	.m_link .wrap .linkBox ul li {position:relative; width:100%; height:40px !important;}
	.m_link .wrap .linkBox ul li a i {display:block; position:absolute; left:25px; top:6px; width:28px; height:28px; margin:0 auto;}
	.m_link .wrap .medical .linkBox ul li:nth-child(1) a i {background:url(../images/main/lBox_ico1.png) no-repeat 50%; background-size:28px;}
	.m_link .wrap .medical .linkBox ul li:nth-child(2) a i {background:url(../images/main/lBox_ico2.png) no-repeat 50%; background-size:28px;}
	.m_link .wrap .medical .linkBox ul li:nth-child(3) a i {background:url(../images/main/lBox_ico3.png) no-repeat 50%; background-size:28px;}
	.m_link .wrap .medical .linkBox ul li:nth-child(4) a i {background:url(../images/main/lBox_ico4.png) no-repeat 50%; background-size:28px;}
	.m_link .wrap .paper .linkBox ul li:nth-child(1) a i {background:url(../images/main/rBox_ico1.png) no-repeat 50%; background-size:28px;}
	.m_link .wrap .paper .linkBox ul li:nth-child(2) a i {background:url(../images/main/rBox_ico2.png) no-repeat 50%; background-size:28px;}
	.m_link .wrap .paper .linkBox ul li:nth-child(3) a i {background:url(../images/main/rBox_ico3.png) no-repeat 50%; background-size:28px;}
	.m_link .wrap .paper .linkBox ul li:nth-child(4) a i {background:url(../images/main/rBox_ico4.png) no-repeat 50%; background-size:28px;}
	.m_link .wrap .linkBox ul li a span {text-align:left; padding-left:80px; margin-top:8px;}
}