@charset "UTF-8";

/* visual */
#subVisual{clear:both; position:relative; width:100%; /*max-width:1920px;*/ height:360px; margin:0 auto; padding:0; background:#000; overflow:hidden; box-sizing:border-box; transition:.8s; z-index:0;}
#subVisual .subBg{clear:both; position:relative; width:100% ; height:100%; background-color:#001b30; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
#subVisual .subBg01{background-image:url('../images/sub/sub_visual_01.jpg'); background-position:center center;}
#subVisual .subBg02{background-image:url('../images/sub/sub_visual_02.jpg'); background-position:center center;}
#subVisual .subBg03{background-image:url('../images/sub/sub_visual_03.jpg'); background-position:center center;}
#subVisual .subBg04{background-image:url('../images/sub/sub_visual_04.jpg'); background-position:center center;}
#subVisual .subBg05{background-image:url('../images/sub/sub_visual_05.jpg'); background-position:center center;}
#subVisual .subBg06{background-image:url('../images/sub/sub_visual_06.jpg'); background-position:center center;}
#subVisual .subBg07{background-image:url('../images/sub/sub_visual_07.jpg'); background-position:center center;}
#subVisual .subBg08{background-image:url('../images/sub/sub_visual_08.jpg'); background-position:center center;}
#subVisual .subBg98, #subVisual .subBg99,
#subVisual .subBgmypage, #subVisual .subBgetc, #subVisual .subBgbbs{background-image:url('../images/sub/sub_visual_etc.jpg'); background-position:center center;}
#subVisual .subBg_member_profile{background-image:url('../images/sub/sub_visual_member.jpg'); background-position:center center;}
#subVisual .inner{height:100%;}
#subVisual .title{position:relative; top:50%; margin-top:1.5em; text-align:center; text-shadow:1px 1px 2px rgba(0,0,0,.2); transform:translateY(-50%); z-index:2;}
#subVisual .title h2{margin:0 auto; color:#fff; font-size:2.5em; font-weight:600; word-break:keep-all;}
#subVisual .title p{line-height:1.5; margin:1em auto 0; color:#63baff; font-size:1em; word-break:keep-all;}
#subVisual .subBg:before{content:''; display:block; position:absolute; width:100%; height:100%; top:0; background:rgba(0,0,0,.45); mix-blend-mode:multiply; z-index:1;}
#subVisual:after{content:''; display:block; position:absolute; width:100%; bottom:0; padding:0 0 1px; background:#cdcfd4; z-index:1;}

/* contents */
#subContents{clear:both; position:relative; width:100%; margin:0 auto; padding:0; background:transparent; font-size:18px; z-index:1;}
#subContents .inner{padding:0 1em;}
#subContents .conTitle{display:block; width:100%; line-height:1; box-sizing:border-box;}
#subContents .conTitle h3{margin:1.375em 0 1.25em; color:#121212; font-size:1.778em; font-weight:700; text-align:center;}
#subContents .conTitle h4{color:#121212; font-size:1.333em; font-weight:700;}
#subContents .conTitle h5{position:relative; margin:1.75em 0 .75em; padding-left:1.666em; color:#121212; font-size:1.333em; font-weight:500;}
#subContents .conTitle h5:before{content:''; display:inline-block; position:absolute; width:1em; height:.55556em; top:.125em; left:0; background:url('../images/sub/subtit.svg') no-repeat center / contain;}
#subContents .conTitle h6{color:#144889; font-size:1.111em; font-weight:500;}
#subContents .conW,
#subContents .con{clear:both; display:block; position:relative; width:100%; margin:0 auto; padding:0; color:inherit; /*z-index:1;*/}
#subContents .con{margin:0 auto 5em;}
/*#subContents .con:last-child{margin:0 auto;}*/
#subContents .con p{line-height:1.5em; word-break:keep-all; overflow-wrap:anywhere;}
#subContents .con input[type="date"],
#subContents .con input[type="email"],
#subContents .con input[type="number"],
#subContents .con input[type="search"],
#subContents .con input[type="tel"],
#subContents .con input[type="text"],
#subContents .con input[type="url"],
#subContents .con input[type="password"],
#subContents .con select,
#subContents .con textarea{display:inline-block; width:auto; height:auto; line-height:1; padding:.625em; background:#fff; border:1px solid #ccc; border-radius:4px; font-size:1em; font-weight:400;}
#subContents .con select{padding:.5813em 1.5em .586em .5em; background:#fff url('../images/ico_arrow_bottom_gray-2.png') no-repeat right .5em center / 11px 7px;}
#subContents .con textarea{resize:vertical;}
#subContents .con span.normal{font-weight:normal;}
#subContents .con span.bold{font-weight:bold;}

#subContents .con ul.list,
#subContents .con ol.number{clear:both; width:100%; margin:0 auto; padding:0;}
#subContents .con ul.list > li,
#subContents .con ol.number > li{position:relative; margin:0 auto .5em; line-height:1.5; word-break:keep-all; overflow-wrap:anywhere;}
#subContents .con ul.list > li{padding-left:.75em;}
#subContents .con ul.list > li:before{content:''; display:block; position:absolute; left:0;}
#subContents .con ul.list.line > li:before{width:5px; height:2px; top:.75em; background:#144889;}
#subContents .con ul.list.circle > li:before{width:5px; height:5px; top:.625em; background:#144889; border-radius:50%;}
#subContents .con ul.list.triangle > li:before{content:''; display:block; position:absolute; width:0; height:0; top:.5em; left:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #f3977a; line-height:0;}
#subContents .con ul.list.star > li:before{content:'*'; top:3px; color:#144889; font-weight:500;}
#subContents .con ol.number{counter-reset:item;}
#subContents .con ol.number > li{padding-left:1.25em;}
#subContents .con ol.number > li:before{display:block; position:absolute; top:.1em; left:0; color:#144889; font-size:.938em; font-weight:500; counter-increment:item;}
#subContents .con ol.number.basic > li:before{content:counter(item)'.';}
#subContents .con ol.number.basic > li:nth-child(9) ~ li{padding-left:1.625em;}
#subContents .con ol.number.basic2{clear:both; width:100%;}
#subContents .con ol.number.basic2 > li{position:relative; margin:0 auto .75em; padding-left:1.938em; word-break:keep-all;}
#subContents .con ol.number.basic2 > li:last-child{margin-bottom:0;}
#subContents .con ol.number.basic2 > li:before{display:block; position:absolute; left:0; color:#144889; font-weight:500; counter-increment:item; content:counter(item, decimal-leading-zero) ')';}
#subContents .con ol.number.basic2 > li:nth-child(1):before,
#subContents .con ol.number.basic2 > li:nth-child(10):before{letter-spacing:0;}
#subContents .con ol.number.basic3 > li{padding-left:1.313em;}
#subContents .con ol.number.basic3 > li:nth-child(9) ~ li{padding-left:1.875em;}
#subContents .con ol.number.basic3 > li:before{content:'(' counter(item) ')';}
#subContents .con ol.number.basic3 > li:nth-child(1):before,
#subContents .con ol.number.basic3 > li:nth-child(10):before{letter-spacing:0;}
#subContents .con ol.number.basic4 > li{padding-left:1.625em;}
#subContents .con ol.number.basic4 > li:nth-child(1):before,
#subContents .con ol.number.basic4 > li:nth-child(10):before{letter-spacing:0;}
#subContents .con ol.number.circle > li{padding-left:1.25em;}
#subContents .con ol.number.circle > li:nth-child(1):before{content:'①';}
#subContents .con ol.number.circle > li:nth-child(2):before{content:'②';}
#subContents .con ol.number.circle > li:nth-child(3):before{content:'③';}
#subContents .con ol.number.circle > li:nth-child(4):before{content:'④';}
#subContents .con ol.number.circle > li:nth-child(5):before{content:'⑤';}
#subContents .con ol.number.circle > li:nth-child(6):before{content:'⑥';}
#subContents .con ol.number.circle > li:nth-child(7):before{content:'⑦';}
#subContents .con ol.number.circle > li:nth-child(8):before{content:'⑧';}
#subContents .con ol.number.circle > li:nth-child(9):before{content:'⑨';}
#subContents .con ol.number.circle > li:nth-child(10):before{content:'⑩';}
#subContents .con ol.number.hangul > li{padding-left:1.5em;}
#subContents .con ol.number.hangul > li:nth-child(1):before{content:'가.';}
#subContents .con ol.number.hangul > li:nth-child(2):before{content:'나.';}
#subContents .con ol.number.hangul > li:nth-child(3):before{content:'다.';}
#subContents .con ol.number.hangul > li:nth-child(4):before{content:'라.';}
#subContents .con ol.number.hangul > li:nth-child(5):before{content:'마.';}
#subContents .con ol.number.hangul > li:nth-child(6):before{content:'바.';}
#subContents .con ol.number.hangul > li:nth-child(7):before{content:'사.';}
#subContents .con ol.number.hangul > li:nth-child(8):before{content:'아.';}
#subContents .con ol.number.hangul > li:nth-child(9):before{content:'자.';}
#subContents .con ol.number.hangul > li:nth-child(10):before{content:'차.';}
#subContents .con ol.number.hangul > li:nth-child(11):before{content:'카.';}
#subContents .con ol.number.hangul > li:nth-child(12):before{content:'타.';}
#subContents .con ol.number.hangul > li:nth-child(13):before{content:'파.';}
#subContents .con ol.number.hangul > li:nth-child(14):before{content:'하.';}
#subContents .con ol.number.alphabet > li{padding-left:1.25em;}
#subContents .con ol.number.alphabet > li:before{content:counter(item, upper-alpha) '.';}
#subContents .con ul.list > li:last-child,
#subContents .con ol.number > li:last-child{margin-bottom:0;}
#subContents .con ul.list.nobullet > li,
#subContents .con ol.number.nobullet > li{padding-left:0;}
#subContents .con ul.list.nobullet > li:before,
#subContents .con ol.number.nobullet > li:before{content:''; display:none; width:0; height:0;}
#subContents .con a.link{display:inline-block; line-height:1; padding:.438em 1em .5em; background:#fff; border:1px solid #144889; border-radius:5em; color:#144889; font-size:.938em;}
#subContents .con a.link:focus,
#subContents .con a.link:hover{background:#144889; color:#fff;}
#subContents .con i.ico{display:inline-block; font-style:normal; vertical-align:text-top;}
#subContents .con i.ico:before{content:''; display:inline-block; color:inherit; font-family:'FontAwesome'; font-size:.875em;}
#subContents .con i.ico.link:before{content:'\f015'; margin-right:.25em;}
#subContents .con i.ico + span.txt{display:inline-block; margin-left:.125em;}

#subContents .flexW{display:flex; flex-wrap:wrap;}

#subContents .tableW{clear:both; display:block; position:relative; width:100%; margin:0 auto 2.5em; font-size:1em; overflow-x:auto;}
#subContents .tableW:last-child{margin:0 auto;}
#subContents .tableW table{width:100%; background:#fff; border:none; border-top:2px solid #144889; border-collapse:collapse; border-spacing:0; text-align:center;}
#subContents .tableW table tr th{height:auto; padding:.8em .4em; background:#fafafa; border:none; border-bottom:1px solid #ddd;}
#subContents .tableW table tr td{height:auto; padding:.8em .4em; border:none; border-bottom:1px solid #ddd;}
#subContents .tableW table tr td .wrapper{width:100%;}
#subContents #bo_list table,
#subContents #bo_v table{text-align:inherit;}

#subContents .imgW{width:100%; margin:0 auto; text-align:center; overflow-x:auto;}
#subContents .imgW:last-child{margin:0 auto;}
#subContents .imgW img{width:100%; max-width:fit-content; text-align:left;}
#subContents img{max-width:1560px;}

#subContents .sub_member_profile{}
#subContents .sub_member_profile .conW{}
#subContents .sub_member_profile .conW .flexW.allW{align-items:flex-start; gap:4em; width:100%;}
#subContents .sub_member_profile .conW .picW{flex:1; position:sticky; width:auto; top:1em; margin:0;}
#subContents .sub_member_profile .conW .picW .imgW{border-radius:8px; overflow:hidden;}
#subContents .sub_member_profile .conW .picW .imgW img{}
#subContents .sub_member_profile .conW .infoW{flex:4;}
#subContents .sub_member_profile .conW .infoW .con.area01{}
#subContents .sub_member_profile .conW .infoW .doctorW{}
#subContents .sub_member_profile .conW .infoW .doctorW p{}
#subContents .sub_member_profile .conW .infoW .doctorW p.doctor{margin:0 auto .75em; padding:.438em 1em; background:#f5faff; border:1px solid #c9e7ff; border-radius:4px; font-size:1.5em; font-weight:500;}
#subContents .sub_member_profile .conW .infoW .doctorW p.doctor span.jobinfo{display:inline-block; margin-right:.25em; font-size:.813em; vertical-align:middle;}
#subContents .sub_member_profile .conW .infoW .doctorW p.doctor strong.name{}
#subContents .sub_member_profile .conW .infoW .doctorW p.introduce{}
#subContents .sub_member_profile .conW .infoW .con.area02{}
#subContents .sub_member_profile .conW .infoW .meminfoW{}
#subContents .sub_member_profile .conW .infoW .meminfoW .flexW{align-items:center; gap:3em; width:100%; height:auto; padding:0; border:none; border-radius:0; box-shadow:none; overflow:auto;}
#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW{}
#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW img{width:100%; max-width:fit-content;}
#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.member{position:relative;}
#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.member .imgW{max-width:11em;}
#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.member .imgW img{width:100%; max-width:fit-content;}
#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.member .txtW{position:absolute; width:100%; bottom:.625em; left:0;}
#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.member .txtW p.year{color:#c42126; font-size:1.625em; font-weight:900; text-align:center; letter-spacing:-.055em;}
#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist{flex:6;}
#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist ul{display:flex; flex-direction:column; flex-wrap:wrap; justify-content:flex-start; align-content:flex-start; gap:.75em; height:6em;}
#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist ul.line2{height:12.75em;}
#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist ul li{max-width:6em;}
#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist ul li img{}
#subContents .sub_member_profile .conW .infoW .con.area03{}
#subContents .sub_member_profile .conW .infoW .clinicW{}
#subContents .sub_member_profile .conW .infoW .clinicW p{}
#subContents .sub_member_profile .conW .infoW .clinicW p.ti{margin:0 auto .5em;}
#subContents .sub_member_profile .conW .infoW .clinicW p.ti strong{color:#144889; font-size:1.111em; font-weight:500;}
#subContents .sub_member_profile .conW .infoW .clinicW p.ti a.link.site{display:inline-block; font-size:.875em; vertical-align:middle; transform:translateY(-.125em);}
#subContents .sub_member_profile .conW .infoW .clinicW p.ti a.link.site i.ico.site{display:inline-block; width:1em; height:1em; margin:0; background:url('../images/ico_home.svg') no-repeat center / 100%; vertical-align:baseline;}
#subContents .sub_member_profile .conW .infoW .clinicW p.ti a.link.site span.txt{display:inline-block;}
#subContents .sub_member_profile .conW .infoW .clinicW p.ti a.link.site:focus,
#subContents .sub_member_profile .conW .infoW .clinicW p.ti a.link.site:hover{background:#eaf6ff; color:inherit;}
#subContents .sub_member_profile .conW .infoW .clinicW p.address{}
#subContents .sub_member_profile .conW .infoW .con.area04{}
#subContents .sub_member_profile .conW .infoW .memlistW{}
#subContents .sub_member_profile .conW .infoW .memlistW ul{}
#subContents .sub_member_profile .conW .infoW .memlistW ul li{}
#subContents .sub_member_profile .conW .infoW .memlistW ul li p{}

@media all and (max-width:1599px){
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW{gap:2.5em;}
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.member .imgW{max-width:10.5em;}
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist ul{gap:.75em; height:5.25em;}
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist ul.line2{height:11.25em;}
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist ul li{max-width:5.25em;}
}

@media all and (max-width:1279px){
	#subVisual{min-width:960px;}

	#subContents{clear:both; float:none; width:100%; max-width:100%; font-size:16px; border-left:none;}

	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW{gap:2em;}
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.member .imgW{max-width:10em;}
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.member .txtW{bottom:.5em;}
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.member .txtW p.year{font-size:1.5em;}
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist ul{gap:.625em; height:5em;}
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist ul.line2{height:10.625em;}
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist ul li{max-width:5em;}
}

@media all and (max-width:1023px){
	#subVisual{min-width:280px;}

	#subContents{min-width:280px;}

	#subContents .sub_member_profile .conW .flexW.allW{gap:3em;}
	#subContents .sub_member_profile .conW .picW{flex:1 1 100%; position:relative; top:auto;}
	#subContents .sub_member_profile .conW .picW .imgW{max-width:12.5em;}
	#subContents .sub_member_profile .conW .infoW{flex:1 1 100%;}
	#subContents .sub_member_profile .conW .infoW .doctorW p.doctor{text-align:center;}
}

@media all and (max-width:768px){
	#subVisual .title{margin-top:2.5em;}

	#subContents{font-size:15px;}
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.member,
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist{flex:1 1 100%;}
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist ul{align-content:center;}
}

@media all and (max-width:580px){
	#subVisual{height:400px;}
	#subVisual .title{margin-top:6.5em;}

	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist ul,
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist ul.line2{flex-direction:row; justify-content:center; height:auto;}
	#subContents .sub_member_profile .conW .infoW .meminfoW .flexW .badgeW.edulist ul li{max-width:calc(33% - .416em);}
}

@media all and (max-width:480px){
	#subVisual{height:340px;}
	#subVisual .title{margin-top:7em;}
	#subVisual .title h2{font-size:2.25em;}
	#subVisual .title p{margin-top:.75em;}

	#subContents{/*font-size:14px;*/}
}

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

/* ie hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:768px){
}