section.medical .detailView .bg { height:auto }
section.medical .detailView .detailInfo { background:#fff; padding:20px; /*box-shadow:1px 1px 1px rgba(0,0,0,.1)*/ }

section.medical .detailView .detailInfo { margin-top:0 }
section.sub .header p strong { vertical-align:top; }
article .left { position:relative }

.line-right:after { content:''; height:100%; width:1px; background:#e0e0e0;  position:absolute; right:10px; top:0; }
.line-left:after { content:''; position:absolute; left:0; top:0; }
.n0309 .tab .col2 > div { position:relative }

.n0309 .tab .col > div h3 {   
	letter-spacing: -1px;
    color: #333;
    padding: 20px 10px 0 20px;
    padding-bottom: 0px;
    font-size: 22px;
    font-weight: 600;
}

.n-list.img { background:url('../img/sub/medical/sub5-bg1.png') right center no-repeat }
.n-list li { margin:3px 10px }
.n-list li:after { content:'-'; position:absolute; left:0px; }
.sub-cont { color:#333; margin-left:50px }
.sub-cont article { padding:10px 0; line-height:20px }
.sub-cont article i { display:inline-block; color:#0e6ec1; border-bottom:1px solid #0e6ec1 }
.sub-cont b { background:#666; color:#fff; padding:3px; }
.sub-cont ul { padding:10px 0; }
.sub-cont ul li { color:#727272; padding:3px  10px;  }
.sub-cont ul li:before { content:'-'; position:absolute; left:0; }

.n-list h2 { font-size:18px; font-weight:600; color:#333; }
.col3 > div h2 { padding:15px 0 }
.col3 > div p { padding:0 10%; line-height:20px }
.col3 > div { width:33.3%; text-align:center; float:left }

section.medical .bg.white { background:#fff }
section.medical .bg.white h2 { color:#333 }
section.medical .detailView .category .tab.active { 
	position:relative;
	color:#0e6ec1; 
	border:2px solid #0e6ec1;
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	-moz-box-sizing:border-box;
}
section.medical .detailView .category .tab.active:after {
	content:''; 
	display:block; 
	position:absolute;
	width:18px;
	height:11px; 
	left:50%; 
	bottom:-11px;
	margin-left:-9px;
	background:url('../img/sub/medical/arrow.png') left top no-repeat;
}

section.medical .detailView .category .tab.active a { font-weight:600; color:#0e6ec1; padding:21px 0 }
section.medical .bg.white .title h2 span { color:#4c96d7; letter-spacing:-2px; font-family:'Calibri' Calibri; font-size:36px; vertical-align:middle }
section.medical .bg.white .title p { color:#333; }
section.medical .bg.white .title p img { margin:0 18px 0 5px }
section.medical .detailView.pageIn { background:#fff }

section.medical .spine-accordion.n0309 .accordion_in { -webkit-transition:all ease .4s; -moz-transition:all ease .4s; -ms-transition:all ease .4s; transition:all ease .4s;  margin:10px 0px; border:1px solid #e5e5e7; box-shadow:1px 1px 1px rgba(0,0,0,.1) }
section.medical .spine-accordion.n0309 .accordion_in.acc_active .acc_head { margin:0; background:#0e6ec1; color:#fff }section.sub .pageTitle span { font-weight:600  }
section.medical .spine-accordion.n0309 .acc_head { padding:0; font-size:22px; color:#333; margin:10px 0; padding:20px 15px;  }
section.medical .spine-accordion.n0309 .acc_head img { vertical-align:middle; margin:0 5px }

section.medical .detailView .icon8-st-bg li:last-child { font-size:12px; color:#999; padding-left:10px; }
section.medical .detailView .icon8-st-bg li { vertical-align:middle }

.n0309 .tab { border:1px solid #ddd; }
.n0309 .tab .head { position:relative; ;padding:20px; font-size:22px }
.n0309 .tab .head .off { display:none }
.n0309 .tab .head span { position:absolute; right:15px }

.n0309 .tab h2 { font-size:26px }
.n0309 .tab h2 span { color:#0e6ec1 }
.n0309 .tab h2 .msg { position:relative }
.n0309 .tab h2 .msg span { color:#0e6ec1; position:absolute; left:3px;  }
.n0309 .tab h2 .msg { font-size:14px; color:#666; }
.n0309 .tab h2 .msg i { border:1px solid #ddd; }
.n0309 .tab h2 .msg i.color { color:#0e6ec1 }

.n0309 .tab .col3 > div, .n0309 .tab .col2 > div { width:32.3%; margin:5px .5%; float:left; text-align:left; }
.n0309 .tab .col2 > div { width:49%; margin:10px .5% }
.n0309 .tab .col3 > div h3, .n0309 .tab .col2 > div h3 { letter-spacing:-1px; color:#333; padding:20px 10px 0 20px; padding-bottom:0px; font-size:22px; font-weight:600 }
.n0309 .tab .col3 > div .article, .n0309 .tab .col2 > div .article { text-align:left; margin:0; margin-left:5px; padding:15px; }
.n0309 .tab .col3 > div.color, .n0309 .tab .col2 > div.color { background:#f0f0f0; height:280px;  }
.n0309 .tab .col3 > div.color, .n0309 .tab .col > div.color { background:#f0f0f0; height:280px;  }
.n0309 .tab .col3 > div.color > div, .n0309 .tab .col2 > div.color > div,
.n0309 .tab .col > div.color > div { padding:0px 10px 20px 20px; }

.n0309 .tab .ball { margin-right:5px; vertical-align:middle; width:32px; height:32px; position:relative; border-radius:50%; display:inline-block; position: relative;  }
.n0309 .tab .ball img { position:absolute; left:50%; top:50%; margin-left:-7px; margin-top:-7px; }
.n0309 .tab .ball.color0 { background:#969696 }
.n0309 .tab .ball.color1 { background:#ed6d01 }
.n0309 .tab .ball.color2 { background:#90c31f }
.n0309 .tab .ball.color3 { background:#198dce }

section.medical .bg.white .title h2 span { margin-right:10px }
section.medical .detailView .bg2.white { background:#fff }

.smk_accordion.acc_with_icon .accordion_in .acc_head, .smk_accordion.acc_with_icon .accordion_in .acc_content
{
	padding:20px;
	font-size:20px;
	border:1px solid #ddd;
}

section.medical .detailView .inner { padding:0 20px }
.n0309 .tab h2 span { font-weight:800 }
.n0309 .tab h2 { font-weight:600; color:#333;  }

.inner .msg {  font-size:16px; line-height:24px; padding:15px 0; padding-left:10px; margin-bottom:10px; }
.inner .msg span { position:absolute; vertical-align:top; color:#0e6ec1; font-size:10px; position:absolute; left:0; }
.inner .msg i {  border-bottom:1px solid #434343 }
.inner .msg i.color { color:#0e6ec1; border-bottom:1px solid #0e6ec1 }
section.medical .detailView .inner p { margin:3px 0; letter-spacing:-1px; padding-left:15px; }

section.medical .detailView .inner .col3 p span{ margin-right:0px }
section.medical .detailView .inner .pat { padding:0 20px }
section.medical .detailView .inner p:before { content:'-'; display:block;  left:0; position:absolute; }
section.medical .detailView .inner p i { position:absolute; left:0; font-size:10px; }
section.medical .detailView .inner p.in-content { padding:0; }
section.medical .detailView .inner p.in-content:before { content:''; }
section.medical .detailView .inner p.in-content span { padding-left:15px; display:inline-block; position:relative; }
section.medical .detailView .inner p.in-content span:last-child { margin-left:8px }
section.medical .detailView .inner p.in-content span:before { content:'-'; position:absolute; margin-left:-10px }

.col2 > div  { width:49%; margin:0 .5% }
.col2 > div img { width:100%; height:auto; }

.inner .photo .box {
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	-moz-box-sizing:border-box;
	border:5px solid #a7c9f8;
 }

.inner .photo { padding:10px;  margin:20px 0; background:#f0f0f0; }
.inner .photo .msg { padding-left:20px; color:#434343 }
.inner .photo .msg span { left:5px }
.inner .keyword { width:68.5%; position: relative; }
.inner .keyword:after { content:''; display:block; position:absolute; right:6px; top:0; height:72px; width:1px; background:#ddd }
.inner .keyword span { 
	display:inline-block; 
	padding:6px 13px; 
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	-moz-box-sizing:border-box;
	border:1px solid #d1d3d4;
	margin:3px 0;
	font-size:14px;
	transition:all ease .3s;
	cursor:pointer; 
}
.inner .keyword span:hover,
.inner .keyword span.active { color:#0e6ec1; border : 1px solid #0e6ec1 }
.inner .search { width:30%; float:right !important }
.inner .search > div { width:48%; margin:0 .5%; float : none !important; display : inline-block }
.inner .search > div img { 
	width:100%; 
	height:auto; 
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	-moz-box-sizing:border-box;
}
.inner .search > div img.br { border:2px solid #e93c2d } 
.let05 { letter-spacing: .5px }
.let07 { letter-spacing: .7px }
.let08 { letter-spacing: .8px }
.let1 { letter-spacing: 1px }

.in-foot .line { margin:20px 0; position:relative; height:1px; background:#ddd;  }
.in-foot .line > div { height:1px; position: relative; }
.in-foot .line img { position: absolute }
.in-foot .line img.img1 { left:0; top:-7px; }
.in-foot .line img.img2 { left:50%; top:-7px; opacity:.5; filter:alpha(opacity=50) }
.in-foot .line img.img3 { right:0; top:-7px; }

.in-foot .text { font-size:13px }
.in-foot .text img { margin:0 3px }
.in-foot .text i { color:#666; border-bottom:1px solid #666 }
section.medical .detailView .n0309 .inner { display:block; }
.n0309 .tab h2 { margin-top:30px; margin-bottom:5px }
.n0309 .tab h2.first { margin-top:0 }
section.medical .detailView .inner p { font-size:15px; color:#727272 }
section.medical .detailView .inner p.bold { color:#434343; font-weight:600 }

.inner .keyword span.active { }
.n0309 .tab { 
	overflow:hidden;
	height:64px;  
	margin:10px 0;
}
.n0309 .tab .head {
	-webkit-transition:background ease .8s, color ease .8s;
	-moz-transition:background ease .8s, color ease .8s;
	-ms-transition:background ease .8s, color ease .8s;
	transition:background ease .8s, color ease .8s;
}
.n0309 .tab.active .head { background:#0e6ec1; color:#fff;  }
.n0309 .tab .head img { position: relative; top:-2px }
.n0309 .tab.active .head .on { display:none }
.n0309 .tab.active .head .off { display:inline }
.n0309 .tab .head .on { color:#0e6ec1 }
.n0309 .tab .ball img { width:auto; height:auto }
.n0309 .tab h2 span { margin-right:10px }

.inner .msg { position: relative; }
section.medical .detailView .inner p:first-child,
section.medical .detailView .inner p.bold { margin-top:15px }

.photo .col1 .img { 
	width:100%; 
	height:auto; 
	border:5px solid #a7c9f8;
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	-moz-box-sizing:border-box;
}
.n-list.img .mimg { display:none }

.inner .photo .box img { width:100%; height:auto }
.inner .msg.first { margin-bottom:0; padding-bottom:0 }

.list-block { position:relative }
.list-block .list-subject {  margin:20px 0; font-weight:600; font-size:26px; color:#333;}
.list-block .list-subject span { color:#0e6ec1; margin-right:10px; font-weight:800 }
.list-block  .list-content { display:flex; align-items:center; position: relative;; margin-bottom:40px; min-height:197px }
.list-block  .list-content span { position:absolute; left:20px; top:50%; margin-top:-60px; }
.list-block  .list-content > div  { margin-left:180px }

.list-block  .list-content.first { margin-bottom:0 }
.n0309 .tab .list-content .col2 > div { margin:0; }
.in-haed .left > img { max-width:100%; width:96%; height:auto }
section.medical .detailView .inner p em { display:block; font-size:12px; }

.contents .checks  div.left, 
.contents .checks  div.right { width:50% }
.note-head img , .note-foot img  { width:100%  }
.note-cols { margin:50px 0; }

.contents .checks h1 {  color:#333; padding:20px 0; }

.contents .checks b { color:#333 }
.contents .checks b i { border-bottom:1px solid #0e6ec1; color:#0e6ec1;   }
.contents .checks .msg { margin-top:20px; margin-left:50px; line-height:20px; }
.contents .checks .msg p { margin:6px 0; }

.check-list-cont .choice { padding:10px }
.check-list-cont .choice span { margin-bottom:10px; display:inline-block; padding:5px 10px; background:#898989; color:#fff; font-weight:font-weight:600; }
.check-list-cont .choice p { padding:4px 10px; color:#333; }

.check-list.no-checker dd,
.check-list.no-checker li { text-indent:0; }
.check-list.no-checker dd:before,
.check-list.no-checker li:before { display:none } 

.checks .note { position:relative; }
.checks .note img { max-width:100%; height:auto; }
.checks .note .float { background:url('/img/sub/medical/4-1/note-bg.png') left top repeat-y; background-size:100% auto; position:relative; lefT:0; top:0; width:100%; }
.checks .note .float  ul { margin:0 auto;}
.checks .note .float li { color:#333; font-weight:600; text-indent:20px; font-size:14px; padding:13px 0; position:relative;  width:50%; float:left; border-bottom:1px solid #ccc  }
.checks .note .float li:before { content:''; position:absolute; width:12px; height:9px; left:0px; margin-top:4px; background:url('/img/sub/medical/4-1/check.png') no-repeat; }
.check-list { position:relative; padding:20px 0; }
.check-list h1 { text-align:center; olor:#333; font-size:24px; font-weight:600; }
.check-list-cont { width:80%; margin:0 auto; }
.check-list-cont dt { margin-top:15px;  }
.check-list-cont dt span  { display:inline-block; padding:10px; background:#0189da; color:#fff; font-weight:#fff; }
.check-list-cont dt, dd { border-bottom:1px solid #ccc; }
.check-list-cont dd { color:#333; font-weight:600; position:relative; padding:13px 0;  text-indent:20px; }
.check-list-cont dd.gray { font-weight:400; color:#666 }
.check-list-cont dd:before { content:''; position:absolute; width:12px; height:9px; left:0px; margin-top:4px; background:url('/img/sub/medical/4-1/check.png') no-repeat; }
.checks .note .pen { position:absolute; right:10px; bottom:40px; }
.checks .note .pen.mom { position:absolute; right:27px; bottom:27px; }
.checks .note .pen.child { position:absolute; right:25px; bottom:27px; }
.checks-bg { margin-top:180px }
.checks.bottom1 { background:url('/img/sub/medical/4-1/bg.png') left bottom no-repeat; }
.checks.bottom2 { background:url('/img/sub/medical/4-1/bg2.png') 40px bottom no-repeat; }
.checks.bottom3 { background:url('/img/sub/medical/4-1/bg3.png') 120px bottom no-repeat; padding-bottom:30px; }
.checks.bottom5 { background:url('/img/sub/medical/4-1/bg5.png') 60px bottom no-repeat; }

.inner-img{max-width:364px; border:5px solid #a7c9f8; float:right; margin-right:20px;}
.left-img{overflow:hidden;}


@media screen and ( max-width:1180px ) 
{
	.n0309 .tab .col3 > div.color, .n0309 .tab .col2 > div.color { height:auto!important; }
	.n0309 .tab .col3 > div.color, .n0309 .tab .col2 > div.color { width:100%; margin:10px auto }
}

@media screen and ( max-width:1230px ) 
{
	.inner .keyword { text-align:center; width:100% }
	.inner .search { width:330px; margin:30px auto!important; }
	.inner .keyword, .inner .search { float:none!important }
	.inner .keyword:after { display : none }
	.in-foot .line { display:none }
}

@media screen and ( max-width:1000px )
{
	.n-list.img  { background:none }
	.n-list.img .mimg { display:block; }
	.n-list.img .mimg img { max-width:100%; height:auto }
	.sub-cont ul { padding:10px 0 }
	.sub-cont ul li { padding:0; margin:0; display:inline }
	.n-list.img {  text-align:center; }
	.sub-cont b { padding:5px 0; width:100%; display:block }
}
@media screen and ( max-width:850px )
{
	.sub-cont article br { display:none }
	.n0309 .tab .col3 > div.color, .n0309 .tab .col2 > div.color { float:none }
	.n0309 .tab .col3 > div.color, .n0309 .tab .col > div.color { float:none; height:auto!important; }
	.n0309 .tab .col2 > div.color, .n0309 .tab .col > div.color { float:none; height:auto!important; }
	.n0309 .tab .col > div.color { float:none; height:auto!important; }
	.n0309 .tab .col2 > div { height:auto!important; float:none; width:100%; }
	.n0309 .tab .col2 > div { float:none; }
	.n0309 .tab .col2 > div:after { content:''; display:none; }
	.n0309 .tab .col2 > div.line-right { content:''; width:100%; height:1px; bottom:0; right:auto; left:0; }
	.contents .checks div.left, .contents .checks div.right { width:100%; float:none!important; }
	.checks .note { max-width:450px; margin:50px auto; }
	.contents .checks { background:#fff }
	section.medical .menu {  }
	section.medical .menu.col5 .tab { width:99%; margin:10px 0; }
}
@media screen and ( max-width:670px ) 
{
	.list-block .list-content span { display:none; top:0; left:50%; margin-left:-60px; margin-top:0px; }
	.list-block .list-content > div  { margin-left:0px; }

}
@media screen and ( max-width:630px )
{
	.n-list.img { background-size:100% }
	.n-list.col3 > div { float:none; margin:20px 0; width:100%; text-align:center }
	.sub-cont article br { display:none; width:100%; }
	.in-haed > div { float:none; width:100% }
	.in-haed > div:last-child { text-align:center; }
	.in-haed > div:last-child img { max-width:90%; height:auto }
}
@media screen and ( max-width:550px ) 
{
	.n0309 .tab .head { font-size:14px; padding:24px }
	.n0309 .tab h2 { font-size:16px; }
	.inner .msg { font-size:13px }
	.inner .msg  br { display:none }
	.n0309 .tab .col3 > div h3, .n0309 .tab .col2 > div h3 { font-size:16px; }
	section.medical .detailView .inner p {  font-size:12px }
	.inner .keyword span { font-size:13px }
	.n0309 .tab h2 { margin-top:0 }
}
@media screen and ( max-width:500px ) 
{
	.inner .photo .box { float:none!important; width:100%!important; margin:10px auto!important;  }
}
@media screen and ( max-width:480px ) 
{
	.inner .search { width:100% }
}