@charset "utf-8";

.fcRed {color: #f00 !important;}
.fcPoint{color: #0c2e86 !important;}

/* ========================================================================================================== */
/* ============================================= 버튼 및 폼태그 공통 CSS ============================================ */
/* ========================================================================================================== */
img.essenImg {display:inline-block;vertical-align:middle;padding:0 5px 0 0;}

img {max-width:100%;margin: 0 auto;}

a.conLink {text-decoration:none;color: inherit;}
a.conLink:hover,
a.conLink:focus {}
a img {vertical-align:middle;}

input[type=text] {margin:0;padding:0;}

a,
input[type=submit],
input[type=button],
button {display:inline-block;margin:0;padding:0;border:0 none;cursor:pointer;}
textarea {margin:0;}

select,
input[type='text'],
input[type='password'],
textarea {height:35px;padding:5px 10px 7px;border:1px solid #cacaca;box-sizing:border-box;}
select {height:35px;padding:0;}
textarea {height:150px;}

input[type=radio],
input[type=checkbox] {vertical-align:middle;margin:0 5px 0 20px;}
input[type=radio]:first-child,
input[type=checkbox]:first-child {margin-left:0;}

td label,
td span:not(#content_parent) {display:inline-block;} /* 에디터 id부분만 적용안되도록 예외처리 김상훈 K 2018-07-19 */



/* 버튼 영역 */
.btnArea {position:relative;overflow:hidden;margin-top:30px;text-align:center;}
.btnArea .posTL,
.btnArea .posTR {overflow:hidden;}
.btnArea .posTL > *,
.btnArea .posTR > * {float:left;margin-left:5px;}
.btnArea .posTL > *:first-child,
.btnArea .posTR > *:first-child {margin-left:0;}


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none; cursor:pointer; padding: 10px 0px 16px;font-size:16px;border-style:solid;border-width:1px;vertical-align:top;text-align: center !important;}

.btn a {height:auto;line-height: 19px;padding: 7px 15px;}
.btn a img {padding-right:5px;vertical-align:top;}
.btn i {padding-right: 5px;}

span.btn {display:inline-block;vertical-align:top;}

.btn .btnBg {width:100%;height:100%;border:0 none;padding:0;opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
a.btnBg {display:block;height:100%;text-indent:-10000px;}

.btn .btnArr,
.btn .btnCancel {background-position:right center;background-repeat:no-repeat;text-align: left !important;}
.btn .btnArr {background-image:url('/image/common/btnBl_arr.png');;background-repeat:no-repeat;}
.btn .btnCancel {background-image:url('/image/common/btnBl_cancel.png');background-repeat:no-repeat;}

.btn .fullBtn {width:100%;font-size:16px;}
.btn a.fullBtn {padding:7px 0 8px;}

.btn .middleBtn {width:400px;font-size:16px;}
.btn a.middleBtn {padding:7px 0 8px;}



.btn .btnHome:before {content: "\f015";font-family: "Font Awesome 5 Free";font-weight: 900;}

/* 기본버튼 */
.btn a.btnDef,
.btn input.btnDef,
.btn button.btnDef {min-width: 70px; padding: 10px 0px 16px;font-size:16px;}

/* 큰 버튼 height:24px */
.btn .btnBig {min-width:150px !important;height:50px;padding:8px 30px 10px;font-size:1.2em;font-weight:normal;}
.btn a.btnBig,
.btn > span.btnBig {min-width:58px;height:auto;padding:14px 20px 15px;}

div.btnArea * {margin-left:10px;}
div.btnArea *:first-child {margin-left:0;}

/* 작은 버튼 height:24px */
.btn .btnSmall {height:24px;padding:1px 10px 2px;font-size:12px;}
.btn a.btnSmall {height:auto;padding:3px 10px 5px;line-height:14px;}

table.inputTbl .btnSmall {height:35px;font-size:12px;}
table.inputTbl a.btnSmall,
.btn > span.btnSmall{height:18px;padding:9px 13px 6px;}


.btn > span {display: inline-block;position: relative;}
.btn > span .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;border: 0 none; text-align: center;}





/* 하늘색 */			.btn .btnDef {background-color:#0c2e86;border-color:#0c2e86;color:#fff !important;}
/* 남색 */				.btn .btnPoint {background-color:#053e87;border-color:#053e87;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#b0b0b0;border-color:#b0b0b0;color:#fff !important;}
/* 연회색 */			.btn .btnLGrey {background-color:#eee;border-color:#eee;color:#000 !important;}
/* 빨간색 */			.btn .btnRed, .btnToday {background-color:#e72259;border-color:#e72259;color:#fff !important;}
/* 주황색 */			.btn .btnOrg, .btnView {background-color:#ec6628;border-color:#ec6628;color:#fff !important;}
/* 녹색 */				.btn .btnGreen {background-color:#26c6e8;border-color:#26c6e8;color:#fff !important;}
/* 흰색 */				.btn .btnWhite, .btnRegist {background-color:#fff;border-color:#e5e5e5;color:#323232 !important;}
/* 보라색 */			.btn .btnPurple, .btnPreview {background-color:#6d2d88;border-color:#6d2d88;color:#fff !important;}
/* 노란색 */			.btn .btnYellow, .btnSubmit {background-color:#ee9141;border-color:#ee9141;color:#fff !important;}
/* 네이비 */			.btn .btnNavy {color: #fff; background-color: #0c2e86 !important; border-color: #0c2e86 !important;}
/* 검정 */			.btn .btnBlack {color: #fff; background-color: #202020 !important; border-color: #202020 !important;}

/* border+하늘색 */		.btn .btnBdDef {background-color:#fff;border-color:#0c2e86;color:#0c2e86 !important;}
/* border+남색 */			.btn .btnBdPoint {background-color:#fff;border-color:#053e87;color:#053e87 !important;}
/* border+회색 */			.btn .btnBdGrey {background-color:#fff;border-color:#b0b0b0;color:#b0b0b0 !important;}


.btn .btnWrite,
.btn .btnCheck,
/* .btn .btnList */,
.btn .btnReply,
.btn .btnDel,
.btn .btnReset,
.btn .btnBook,
.btn .btnDown {position: relative;}
.btn .btnWrite:after,
.btn .btnCheck:after,
/* .btn .btnList:after */,
.btn .btnReply:after,
.btn .btnDel:after,
.btn .btnReset:after,
.btn .btnBook:after,
.btn .btnDown:after {position: absolute;right: 1em;top: 50%;margin-top: -0.5em;line-height: 1em;font-family: "Font Awesome 5 Free";font-weight: 900;}

/* .btn .btnWrite:after, .btn .btnCheck:after {content: "\f14a";font-weight: 400;} */
/* .btn .btnList:after {content: "\f0ca";} */
.btn .btnReply:after {content: "\f3e5";}
.btn .btnDel:after {content: "\f2ed";}
/* .btn .btnReset:after {content: "\f057";font-weight: 400;} */
.btn .btnBook:after {content: "\f02d";}
.btn .btnDown:after {content: "\f019";}


/* 파일첨부 */
div.selectFile {overflow:hidden;margin-top: 5px;}
div.selectFile:first-child {margin-top: 0;}
div.selectFile p {float:left;}
div.selectFile p input[type=text] {height:35px;padding: 4px 10px;}
div.selectFile p.find {position: relative;width:80px;height: 24px;padding: 5px 0 6px;margin-left:5px;background-color:#393939;color: #fff;text-align: center;}
div.selectFile p.find input {position: absolute;left: 0;top: 0;width:100%;height:100%;padding: 0;border: 0 none;}


.multi div.selectFile {float: none;}

.listNum{}
.listNum li{list-style:decimal !important; list-style-position: inside !important;}

ul.listBar, ul.listBar > li {margin: 0;padding: 0;list-style:none;}
ul.listBar > li {position: relative;padding-left: 12px;}
ul.listBar > li:before {position: absolute;left: 0;top: 0;content: "-";}

.subTit_Bl{font-size: 24px; color: #13a9c9; font-weight: bold; padding-left:40px; background: url(/image/sub/kindTit.png) no-repeat left 6px;}
.boldTit {font-family: "NotoSansKr Bold", sans-serif; font-size: 18px;margin: 30px 0 10px; color: #333;}
.pointTit {font-family: "NotoSansKr Bold", sans-serif; font-size: 18px;margin: 30px 0 10px; color: #4a669e;}

.btnRound{border-radius: 20px;}
.bgBox{background-color: #eef4f8; padding: 55px 40px 25px 40px; background-repeat: no-repeat; color: #666666;}
.bgBox span{display:block; text-align: right; margin-top: 20px;}
.indent{position: absolute; top: -99999px; left: -99999px; height: 1px; width: 1px; line-height: 0;}
.imgArea{text-align: center;}
	


/* 탭메뉴 */
ul.tabMenu, ul.tabMenu li, ul.tabMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.tabMenu {}
ul.tabMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.tabMenu > li {float: left; width:50%;}
ul.tabMenu li a {display:table-cell;width: 800px;height: 50px;padding: 0 5px;border: 1px solid #4a669e;border-left: 0 none;color: #4a669e;font-size: 18px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;text-decoration:none;text-align: center;vertical-align: middle;}

ul.tabMenu li:first-child a {border-left: 1px solid #4a669e;}
ul.tabMenu li.on a {background-color: #4a669e;border-color: #4a669e;color: #fff;}

ul.col2ea > li {width: 50%;}
ul.col3ea > li {width: 33.3%;}
ul.col3ea > li:first-child {width: 33.4%;}
ul.col4ea > li {width: 25%;}


ul.twoLine > li a,ul.twoLine > li.on a{font-size:15px;padding:0 17px; height:55px;display:table-cell;width:500px;vertical-align:middle; box-sizing:border-box;}


div.tabCon{/* display: none; */padding: 25px 0 80px 0;}

table.tblDef,
table.inputTbl {border-top: 1px solid #4a669e;border-bottom: 1px solid #d2d2d2;}
table.tblDef > * > tr > *,
table.inputTbl > * > tr > * {padding: 10px 20px;border-top: 1px solid #d2d2d2;border-left: 1px solid #d2d2d2;color: #696868;text-align: center;font-family: 'NotoSansKR Regular', sans-serif;font-weight: normal;}
table.tblDef > thead > tr:first-child > *, table.tblDef colgroup + tbody > tr:first-child > *,
table.inputTbl > thead > tr:first-child > *, table.inputTbl colgroup + tbody > tr:first-child > * {border-top: 0 none;}
table.tblDef > * > tr > *:first-child,
table.inputTbl > * > tr > *:first-child {border-left: 0 none;}
table.tblDef > * > tr > th,
table.inputTbl > * > tr > th {background-color: #edeff5;color: #000;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;}
table .bdLeft {border-left: 1px solid #cab5a8 !important;}

.labelTit{font-size:20px; line-height:35px;color: #d5560b;font-family: 'NotoSansKR bold', sans-serif;text-align:center;padding-bottom:10px;}
.txtLine{box-shadow: inset 0 -1px 0 #d5560b;}

@media all and (max-width: 720px) {
	ul.tabMenu, ul.tabMenu li, ul.tabMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
	ul.tabMenu {}
	ul.tabMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
	ul.tabMenu > li {float: left; width:50%;}
	ul.tabMenu li a {height: 66px;border: 1px solid #4a669e;border-left: 0 none;color: #444;font-size: 12px;line-height: 14px;font-family: 'NotoSansKR Regular', sans-serif;text-decoration:none;text-align: center;vertical-align: middle;}
	ul.tabMenu li:first-child a {border-left: 1px solid #4a669e;}
	ul.tabMenu li.on a {background-color: #4a669e;border-color: #4a669e;color: #fff;}

	ul.col3ea > li {width: 33.33% !important;}
	ul.col3ea > li a{ min-height: 28px; }

	ul.col4ea > li a {border-top: 0 none;}
	ul.col4ea > li:nth-child(1) a,
	ul.col4ea > li:nth-child(2) a{border-top: 1px solid #4a669e;}

	ul.col4ea > li:nth-child(2n+1) {clear: both;}
	ul.col4ea > li:nth-child(2n+1) a {border-left: 1px solid #4a669e;}

	ul.twoLine > li a,ul.twoLine > li.on a {font-size:12px;padding:0;display:table-cell;}
	ul.twoLine > li,ul.twoLine > li.on {font-size:12px;padding:0;width:50%;}

table.tblDef > * > tr > *  {padding: 5px;}
.pointTit {font-size: 16px;}

}

/* 초음파 이상태아의 진단과 상담 발간 */
ul.userList{list-style:none;width:100%;margin:0;font-size:0;}
ul.userList::after{content:""; display:block; clear:both;}
ul.userList li{list-style:none;position:relative;float:left;padding:0px 10px 0px 142px;width:248px;height:152px;vertical-align:top;font-size:15px;color:#353535;line-height:25px;margin-bottom:20px;}
ul.userList li:nth-child(odd) {clear:both;}
ul.userList li img{position:absolute;min-height:152px;left:0px;top:0;}
ul.userList li span.name{display:inline-block;color:#222;padding-top:80px;font-family: 'NotoSansKR bold', sans-serif;}
ul.userList li span.group{font-size:13px;}

p.con{font-size:16px;line-height:30px;}


/* ISUOG World Congress (Virtual) 2020 */
p.infobox {background-color:#f5f5f5;text-align:center; padding:25px 0;font-size:15px;}
p.infobox .tit {font-size:20px;font-family: 'NotoSansKR medium', sans-serif;}
p.infobox .group {color: #000;}

ul.reference {margin:10px 0 20px;}
ul.reference  li {margin-bottom: 10px;color: #3d3d3d;font-weight: normal;font-family: 'NotoSansKR Regular'; text-align: left;}

ul.imgList, ul.imgList li {margin: 0;padding: 0;list-style: none;}
ul.imgList {}
ul.imgList:after {display: block;clear: both;content: '';font-size: 0;line-height: 0;}

ul.imgList li img {display: block;width: 100%;}
ul.imgList li span {display: block;background-color: #eaeaea;padding: 10px 0;text-align: center;}

@media all and (min-width: 721px) {

ul.imgList li {width: calc(50% - 5px); margin-bottom: 10px;}
ul.imgList li:nth-child(odd) {float: left;}
ul.imgList li:nth-child(even) {float: right;}
}

@media all and (max-width: 720px) {
p.infobox {padding: 25px 10px; word-break:keep-all;}
p.infobox .tit {font-size:17px;font-family: 'NotoSansKR medium', sans-serif;}
ul.imgList li {margin-bottom: 10px;}
}

/* lecture */

div.intro_top {position: relative; display: table-cell;padding-left: 155px;vertical-align: middle;}
div.intro_top strong {display:block; font-size: 28px; color: #4a669e; font-family: 'notosanskr medium', sans-serif; font-weight: 200; margin-bottom: 5px;}
div.intro_top span {font-size: 15px;}
div.intro_top img {display:block; position: absolute; top:0; left:0;}

div.intro_top + div {color: #3d3d3d; line-height: 1.7; text-align: justify; font-weight: 400;}

div.intro_top + div ul {margin-bottom: 10px;}
div.intro_top + div li a {color: #1e4bb0; text-decoration: underline;}
div.intro_top + div p img {display: block;}

/* 220120 */
/* intro_top type 추가 */
div.intro_top.typeB {padding: 60px 0 0 150px; margin-bottom:0;}
div.intro_top.typeC {padding-top:90px;}
div.intro_top.typeD {padding-top:120px;}
div.intro_top.typeE {padding: 0; }
div.intro_top.typeE strong {margin-bottom: 10px;}
div.intro_top.photo {padding-left: 280px !important;}

span.eventTit {display:block; font-size: 20px; color: #4a669e; font-family: 'notosanskr medium', sans-serif; font-weight: 200; margin-bottom: 10px;}

div.imgBox {position:relative;margin:15px 0;border:1px solid #e5e5e5}
div.imgBox span.imgInfo {display:block;width:100%;padding:10px 0;background: #e5e5e5;text-align:center;font-size:16px;}
div.imgBox img {display:block;margin:0 auto;}

div.tableList {position:relative;width:100%;margin:20px 0;padding-top:30px;}
div.tableList div.listTit {position: absolute;top:0;left:0;width:100%;}
div.tableList div.listTit ul {align-item:center}
div.tableList div.listTit li:first-child {float:left;font-size:17px;color:#222222;}
div.tableList div.listTit li:last-child {float:right;font-size:15px;color:#a6a6a6;}

div.tableList ul.listTxt li{padding:3px 0 3px 10px;font-size:17px;color:#3d3d3d;border-bottom:1px solid #d2d2d2;}
div.tableList ul.listTxt li:first-child {border-top: 1px solid #4a669e;}

h6.nameTit {display:block;padding-bottom:10px;font-size:20px;font-weight:700;color:#4a669e;}
/* //220120 */

/* 220125 */
div.introTeam {}
div.introTeam ul::after {display:block;content:"";clear:both;}
div.introTeam ul li{position: relative;float:left;padding-left: 8px;margin-bottom: 10px;box-sizing:border-box;}
div.introTeam ul li::before {content:"";position: absolute;top:7px;left:0;width:2px;height:12px;background-color: #000;}
div.introTeam ul li dl {position: relative;padding-left: 180px;}
div.introTeam ul li dt {position: absolute;top:0;left:0;width:160px;text-align: justify;font-weight: 600;font-size: 17px;color:#000;}
div.introTeam ul li dd {font-size: 17px;color:#3d3d3d;}

div.introTeam ul.col1ea li{width:100%;font-zise:0;}
div.introTeam ul.col1ea li dd {display:inline-block;vertical-align:top;width:24%;margin-bottom: 5px;}

div.introTeam ul.typeB li::before {display:none;}
div.introTeam ul.typeB dl {position: absolute;width: 500px;top: -46px;left: 43px;}
div.introTeam ul.typeB dt {width:auto;}
div.introTeam ul.typeB dt span {margin: 0 20px;}

span.subTeamTit {position: relative;display:inline-block;margin: 20px 0;font-size: 20px; color:#4a669e;z-index: 1;}
span.subTeamTit::before {content:"";position: absolute;left:-5px;bottom:-3px;width:calc(100% + 10px);height:14px;border-radius:5px;background-color: #e4e8f1;z-index: -1;}
/* //220125 */

p.dec {padding: 10px 0;background-color: #eaeaea;text-align: center;}


ul.listBl, ul.listBl li, ul.listBl a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.listBl{list-style:none;}
ul.listBl li::before{content:'';display:inline-block;width:5px;height:5px;margin:-5px 10px 0 0;vertical-align:middle;background:#222;border-radius:50%}
ul.listBl li{text-indent: -15px;margin-left: 15px;}







@media all and (min-width: 721px) {	

div.intro_top {width: 1000px;height: 152px;padding:0 0 20px 155px;vertical-align: middle;}
	div.intro_top strong {font-size: 20px; color: #4a669e; margin-bottom: 50px;text-align:left;}
	div.intro_top strong.line {font-size: 20px; color: #4a669e; margin-bottom: 25px;text-align:left;}
	div.intro_top span {font-size: 20px; color:#898989;}
	div.intro_top span b {color:#000;}
	div.intro_top span.nostrong{display: block;padding-top: 85px;}
	div.intro_top span.nogroup{display: block;padding-top: 22px;}
div.intro_top + div {font-size: 16px;}

div.noimg{padding: 22px 0 0 0; margin-bottom: 20px;}

div.imgWrap {}
div.imgWrap:after {display: block;clear: both;content: '';font-size: 0;line-height: 0;}
div.imgWrap > p {float: left;}
div.imgWrap > p.txt {width: calc(100% - 270px);padding: 10px 0 10px 10px; box-sizing:border-box;}

}

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

div.intro_top {height: 94px;padding: 0 0 15px 90px;}
	div.intro_top strong {font-size: 13px; margin-bottom: 5px;}
	div.intro_top span {font-size: 13px;}
	div.intro_top span.nostrong{display: block;padding-top: 24px;}
	div.intro_top span.nogroup{display: block;padding-top: 19px;}
	div.intro_top img {width: 80px;}


/* 220120 */
/* intro_top type 추가 */
div.intro_top.typeB {padding: 0 0 0 90px; margin-bottom:0;}
div.intro_top.typeB strong {margin-bottom:0;font-size: 20px;}
div.intro_top.typeC {padding-top:50px;}
div.intro_top.typeD {padding-top:65px;}
div.intro_top.photo {padding-left: 180px !important;}
div.intro_top.photo img {width:160px;}
div.imgBox span.imgInfo {font-size:12px;}
div.imgBox span.imgInfo br {display:none;}

div.tableList {padding-top:0;}
div.tableList div.listTit {position: static;}
div.tableList div.listTit li {float:none !important;}
div.tableList div.listTit li:first-child {float:left;font-size:15px;}
div.tableList div.listTit li:last-child {float:right;font-size:13px;}
div.tableList ul.listTxt li {font-size:14px;}

span.nameTit {display:block;padding-bottom:10px;font-size:17px;font-weight:700;color:#4a669e;}
/* // 220120 */

/* 220125 */
div.introTeam ul.col1ea li dd {width:100%;}
div.introTeam ul.col2ea li {width:100%;}
div.introTeam ul.typeB dl {position: static;height:30px;}
div.introTeam ul.typeB dt span {margin:0;}
/* //220125 */

div.line {padding: 0 0 0 90px; margin-bottom: 15px;}
div.intro_top strong.line {font-size: 13px; margin-bottom: 5px;text-align:left;}

div.intro_top + div {font-size: 14px;}

div.noimg{padding: 32px 0 0 0; margin-bottom: 15px;}
}