@charset "utf-8";
body, html {font-family:'Noto Sans KR', sans-serif; font-weight:400;}
#container { font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:15px;}



div.yeonje_info {}
div.yeonje_info p.tit {font-size:28px; font-weight:400; color:#185bb8; margin-bottom:20px;}

div.yeonje_info dl { position:relative;}
div.yeonje_info dl:before {content:''; display:block; width:3px; height:100%; background:#dedede;  position:absolute; top:10px; left:25%;} 
div.yeonje_info dl dt {font-size:26px; color:#000; float:left; width:25%; clear:both; position:relative; word-break:break-all;}
div.yeonje_info dl dt:after {content:''; display:block; width:12px; height:12px; background:#333; border-radius:50%; position: absolute; top:0; right:-7px;}
div.yeonje_info dl dd { float:right; width:75%; box-sizing:border-box; padding-left:30px; margin-bottom:40px;}
div.yeonje_info dl dd li {margin-bottom:10px; line-height:130%;}
div.yeonje_info dl dd:last-child {margin-bottom:0;}
div.yeonje_info dl dd span {color:#1363bc; margin-right:10px; font-weight:600;}

.bogun_01 {background:url(/health/img/01/05000000_01.gif) no-repeat right 0; padding-right:30%; background-size:30%;}
.bogun_01 li {position:relative; padding-left:40px; margin-bottom:30px; font-size:16px;}
.bogun_01 li:before {content:''; display:inline-block; width:40px; height:30px; font-size:24px; color:#000; font-weight:bold; font-family:arial; position:absolute; top:0; left:0;}
.bogun_01 li:nth-child(1):before {content:'01.'}
.bogun_01 li:nth-child(2):before {content:'02.'}
.bogun_01 li:nth-child(3):before {content:'03.'}
.bogun_01 li:nth-child(4):before {content:'04.'}


ul.site_box li {float:left; width:49.5%; margin-right:1%; box-sizing:border-box;  margin-bottom:5px;}
ul.site_box li a {display:block; padding:10px 0px 10px 20px; border:1px solid #dedede; transition:all .2s;}
ul.site_box li a[target="_blank"]:after {position:absolute; top:50%; right:20px; margin-top:-6px;}
ul.site_box li a:hover {background:#f4f4f4; border:1px solid #008aff;}
ul.site_box li:nth-child(2n) {margin-right:0;}

ul.site_box02 li {float:left; width:24.25%; margin-right:1%; box-sizing:border-box;  margin-bottom:5px; text-align:center; }
ul.site_box02 li a {display:block; padding:20px 10px 10px 10px!important; border:1px solid #dedede; transition:all .2s; min-height:150px; word-break:break-all; text-align:center; box-size:border-box;}
ul.site_box02 li a img {background:#fff; border:1px solid #ccc; margin-bottom:20px;}
ul.site_box02 li a span {display:block;}
ul.site_box02 li a span.tt { color:#000; font-size:16px;}
ul.site_box02 li a span.tc { color:#666; font-size:14px; line-height:20px;}
ul.site_box02 li a[target="_blank"]:after {display:none;}
ul.site_box02 li a:hover {background:#f6f6f6; border:1px solid #008aff;}
ul.site_box02 li:nth-child(4n) {margin-right:0;}

div.left30_right65 img {float:left; width:30%;}
div.left30_right65 ol {float:right; width:65%;}

.bor_bot td label {margin-right:20px;}



.lecture_tit {font-size:18px; margin-bottom:20px; }
.lecture_tit:before {display:block; width:30px; height:3px; content:''; background:#0066cc; margin-bottom:5px;}
.lecture_tit > span {margin-left:15px;}
.edu_items {border:1px solid #ddd; margin-bottom:30px;padding:3%;box-sizing:border-box;}
.edu_items:hover {transition:0.2s;box-shadow:inset 0 0 0 4px #ddd; background:#fafafa;}
.lecture_ul{margin-top:10px;}
.lecture_ul li {float:left;width:50%; margin-bottom:5px;}
.lecture_ul li:after {content:''; display:block; clear:both;}
.lecture_ul li > dl > dd , .lecture_ul li > dl > dt{float:left;}
.lecture_ul li > dl > dt {background:#9ca5dc;font-size:14px;text-align:center; width:60px;height:25px; padding:4px; border-radius:10px; margin:0 20px 0px 0; color:#fff;}
.lecture_ul li > dl > dd {margin-top:5px;}
@media all and (max-width:768px) {
.lecture_ul li {float:none;width:100%;}	
}


.acc_btn {background:#f58220;border-radius:5px; padding:3px 10px; color:#fff;font-size:13px;}
.acc_no_btn {background:#999;border-radius:5px; padding:3px 10px; color:#fff;font-size:13px;}


/* 개인정보동의 */
.private_txt{margin-bottom:30px;border:1px solid #d4d4d4}
.private_txt .scroll_txt{position:relative;padding:20px;height:280px;overflow-y:auto;}
.private_txt .agree_check{padding:12px 0;text-align:center;background:#f8f8f8;border-top:1px solid #d4d4d4}
.check_box{position:relative;display:inline-block;margin-right:5px;height:30px;overflow:hidden;vertical-align:middle}
.check_box input{position:absolute;top:-40px;left:-200px}
.check_box input + label{display:block;height:30px;}
.check_box input + label span{position:relative;display:inline-block;margin-right:5px;width:28px;height:28px;vertical-align:middle;border:1px solid #ababab;border-radius:50%}
.check_box input + label span::before{position:absolute;top:50%;left:50%;margin:-4px 0 0 -5px;width:11px;height:8px;content:'';background:url('/img/common/com_img.png') no-repeat -322px -370px;}
.check_box input:checked + label {color:#5380d2;}
.check_box input:checked + label span{border:2px solid #5380d2}
.check_box input:checked + label span::before{background-position:-322px -390px}



.L_box {background:#fafafa; padding:30px; border:1px solid #dedede; box-sizing:border-box; position:relative;}
.L_box h3 {font-size:18px; font-weight:600;}
.L_box a.btnlogout {border-radius:3px; background:#333; width:100px; color:#fff; text-align:center; padding:5px 20px; display:inline-block; position:absolute; top:25px; right:30px; box-sizing:border-box; cursor:pointer;}


.kologin {width:400px;  margin:0 auto; }
.kologin fieldset {margin-bottom:15px;}
.kologin label {position:absolute; top:-10000px; left:-10000px; width:0; height:0;  text-indent:-9999px;}
.kologin input[type="text"], .kologin input[type="password"] {padding:10px; font-size:16px; width:100%; box-sizing:border-box;}
.kologin input[type="submit"] {width:400px; height: 61px; cursor: pointer; -webkit-appearance: none;  text-align:center; color:#fff; display:block; box-sizing:border-box; font-size:20px;}
div.message {text-align:center; font-size:13px; color:#666; border-top:1px solid #dedede;}
.kologin p.toptit {font-weight:bold; color:#333; text-align:center; margin-bottom:10px; font-size:15px;}

@media all and (max-width:450px) {
.L_box {background:#fafafa; padding:30px 10px; border:1px solid #dedede;}
.kologin {width:270px;  margin:0 auto; }
.kologin input[type="submit"] {width:270px;}
}












@media only screen and (max-width:600px){
ul.site_box li {float:none; width:100%; margin-right:0%;}	
ul.site_box02 li { width:49.5%; margin-right:1%;}
ul.site_box02 li:nth-child(even) {margin-right:0;}	

div.left30_right65 img {float:none; width:100%;}
div.left30_right65 ol {float:none; width:100%;}
}


@media only screen and (max-width:400px){
ul.site_box02 li {float:none; width:100%; margin-right:0%;}		
}






@media only screen and (max-width:1024px) {

}

@media only screen and (max-width:768px) {

div.yeonje_info dl:before {content:''; display:block; width:3px; height:100%; background:#dedede;  position:absolute; top:10px; left:4px;} 
div.yeonje_info dl dt {font-size:22px; float:none; width:100%; padding-left:20px;}
div.yeonje_info dl dt:after { top:0; left:0px;}
div.yeonje_info dl dd { float:none; width:100%; box-sizing:border-box; padding-left:20px; }

.bogun_01 {background:url(/health/img/01/05000000_01.gif) no-repeat 50% bottom; padding-right:0; padding-bottom:200px; background-size:200px;}

}


/***상단gnb***/
.topgnb {display: none;}

@media only screen and (max-width:1024px) {
	.sitelink1 {display: none;}
	.topgnb {display: block;}
	.subtop_gnb .slick-list {width: 86%; margin: 0 auto;}
	.subtop_gnb button {position: absolute; display: inline-block; vertical-align: top; width: 7%; height: 39px;  text-indent:-99999px;}
	.subtop_gnb button.slick-prev {left: 0; top: 0; background: #fff url(/common/img/gnb_prev.png) no-repeat center;}
	.subtop_gnb button.slick-next {right: 0; top: 0; background: #fff url(/common/img/gnb_next.png) no-repeat center; border-left: 1px solid #c1c8cc;}
}


.sain span {
    font-size: 30px;
    margin-left: 5px;
	color:#333; 
	font-weight:bold;
}


.root_daum_roughmap .wrap_btn_zoom button:focus {outline:2px solid #000; border:2px solid #000;}