@charset "utf-8";

/* sub01_01 인사말*/

.sub_0101_w .txt_b { margin-top:45px;color:#545455; font-size:16px; text-align: right;}
.sub_0101_w .txt_b strong {margin-left:5px;font-size:27px; font-family: 'nmj'; font-weight:bold; }
.sub_0101_w .greeting_b01 .box_greeting strong em {display:block;}

@media only screen and (max-width: 1115px) {
    .sub_0101_w .greeting_b01 .box_greeting img {display:none;}
}
@media only screen and (max-width: 1023px) {
    .sub_0101_w .greeting_b01 .box_greeting img {display:block;}
}
@media only screen and (max-width: 700px) {
    .sub_0101_w .greeting_b01 .box_greeting img {display:none;}
}

@media only screen and (max-width: 500px) {
    .greeting_b01 .box_greeting .msg strong{font-size: 26px}
}

/* sub01_03 조직도 0122오장곤 */
.organ1 .lv3.oz>li{font-size: 13.5px;}
/*2018.3.22 조직도 추가작업*/
.organ1{padding:5% 5% 8%}
.organ1 .lv1:before{left:6.6%; width:85%}
.organ1 .lv1:after{bottom: 18%;left:50%;height: 45px;}
.organ1>li>ul>li{width:13%} 

@media(max-width:660px){
    .organ1 .lv1:after{border-left:none}
	.organa{background: #f8f8f8;}
	.organ1{padding:0;}
	.organ1>li{padding-bottom:30px;}
	.organ1 .lv1:after{height:30px;}
	.organ1 .lv1:before{display:none;}
	.organ1 .lv2>ul{width:100%;padding:0 5% 5%}
	.organ1>li>ul>li{width:100%;margin-top:10px;}
	.organ1>li>ul>li:first-child{margin-top:0;}
	.organ1 .lv2>ul>li[class^="organ1_2"]:before{display:none;}
	.organ1 .lv3>li{padding:5px;margin-top:5px;}
	}

/* sub02_01~sub02_06 이미지 탑박스 */
.ui.uib.type_b .uibodo .small_text{width: auto;}


/* sub04_03_02 결핵관리사업 */
.sub04_03_02 .ui.uip.type3 li{width: 33.3%;padding: 40px 10px}

@media (max-width: 767px){
    .sub04_03_02 .ui.uip.type3 li{width: 50%;border-left:1px solid #dcdcdc;}
    .sub04_03_02 .ui.uip.type3 li:first-child{border-left: 1px solid #3f61b2}
}
@media (max-width: 480px){
    .sub04_03_02 .ui.uip.type3 li{width: 100%;}
    .sub04_03_02 .ui.uip.type3 li:after{bottom:-27.4px;right:auto;left: 50%;top: auto;margin: 0 0 0 -8.5px;transform:rotate(90deg);}
    .sub04_03_02 .ui.uip.type3 li:first-child::after{background:url(/images/common/content/diagram_arrow_ov.png) no-repeat;}
}


/* sub06_07_01 출산예정일 */
.uit2{position:relative;margin-bottom:20px;background:#f2f2f2;border:3px solid #f2f2f2;overflow:hidden}
.uit2 .inner{position:relative;z-index:1;margin:3px;padding:20px 30px;background-color:#fff;border-bottom:1px solid #bfbdbd}
.uit2 .inner h2,
.uit2 .inner strong{display:block;margin:0;margin-bottom:5px;color:#121212;font-family:'nsr','Malgun Gothic';font-size:22px;line-height:160%;font-weight:600;}


.uit2 .inner.icowrap{position:relative;padding:50px 50px 50px 280px} 
.uit2 .inner.icowrap.pl_40{padding-left:40px;}
.uit2 .inner.icowrap.h_con {padding-left: 180px;}
.uit2 .inner.icowrap .ico{position:absolute;left:50px;top:33px;display:inline-block;width:200px;min-height:200px;background:url(/images/common/bg_ico_big.png);}
.uit2 .inner.icowrap .ico.ico1{background-position:0 0%}
.uit2 .inner.icowrap .ico.ico2{background-position:-200px 0%} 
.uit2 .inner.icowrap .ico.ico3{background-position:-400px 0%}
.uit2 .inner.icowrap .ico.ico4{background-position:-570px 0%}

.uit2 .inner.icowrap .ico.ico5{background-position:-760px 0%} 
.uit2 .inner.icowrap .ico.ico6{background-position:-950px 0%} 
.uit2 .inner.icowrap .ico.ico7{background-position:-1140px 0%} 
.uit2 .inner.icowrap .ico.ico8{background-position:-1330px 0%} 
.uit2 .inner.icowrap .ico.wico1{background-position:0 -200px} 
.uit2 .inner.icowrap .ico.wico2{background-position:-190px -200px}
.uit2 .inner.icowrap .ico.wico3{background-position:-380px -200px}
.uit2 .inner.icowrap .ico.wico4{background-position:-570px -200px} 
.uit2 .inner.icowrap .ico.wico5{background-position:-760px -200px}  
.uit2 .inner.icowrap .ico.wico6{background-position:-950px -200px}
.uit2 .inner.icowrap .ico.wico8{background-position:-1331px -200px}
.uit2 .inner.icowrap .ico.hico1{background-position:0 -400px;}
.uit2 .inner.icowrap .ico.hico2{background-position:-190px -400px;}
.uit2 .inner.icowrap .ico.hico3{background-position:-380px -400px;}
.uit2 .inner.icowrap .ico.hico4{background-position:-190px -400px;}
.uit2 .inner.icowrap .ico.hico5{background-position:-570px -400px;}  
.uit2 .inner.icowrap .ico.hico5{background-position:-760px -400px;} 
.uit2 .inner.icowrap .ico.hico7{background-position:-950px -400px;} 
.uit2 .inner.icowrap.h_con .ico.ico2 {
    background: url(/images/health/sub06/tp_icon2.png) no-repeat -550px -770px;
    width: 110px;
    height: 110px;
    min-height: auto;
    background-color: #3f61b2;
    border-radius: 50%;
} 

.uit2 .inner.icowrap.h_con .ico.ico3 {
    background: url(/images/health/sub06/tp_icon2.png) no-repeat -660px -770px;
    width: 110px;
    height: 110px;
    min-height: auto;
    background-color: #3f61b2;
    border-radius: 50%;
} 

.uit2 .inner.icowrap.h_con .ico.ico4 {
    background: url(/images/health/sub06/tp_icon2.png) no-repeat -770px -770px;
    width: 110px;
    height: 110px;
    min-height: auto;
    background-color: #3f61b2;
    border-radius: 50%;
} 
.uit2 .inner.icowrap .btn {

    display: inline-block;
    position: relative;
    border: none;
    background: none;
    color: inherit;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;

    background-image: none;
    text-align: center;
    vertical-align: middle;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;

    background-color: #3f61b2;
    border: 1px solid #3f61b2;
    color: #fff;
    padding: 10px 30px;

}

.uit2 .inner.icowrap .c_grey{background:#757380;border:1px solid #3063be;}
.uit2 .inner.icowrap .c_red{background:#c2182d;border:1px solid #c2182d;}


@media only screen and (max-width: 768px) {
.uit2 .inner.icowrap.h_con .ico{display:none;}
.uit2 .inner.icowrap.h_con {padding: 30px 20px;}
}


.uit2 .inner.icowrap .ico {background:url("/images/health/sub06/bg_ico_big.png") no-repeat;}
.uit2 .inner.icowrap .ico.ico1{background-position:0 0%}
.uit2 .inner.icowrap .ico.ico2{background-position:-200px 0%} 
.uit2 .inner.icowrap .ico.ico3{background-position:-400px 0%} 
.uit2 .inner.icowrap .ico.ico4{background-position:-600px 0%} 


.viewbox {padding:25px;font-size:17px;text-align: center;color: #333333;background:#f3f3f3;}
.viewbox .red{color:#EF3A73;}


/* sub06_07_01 출산예정일 End */


/* sub06_07_03 니코틴 의존도 , sub06_07_04 청소년 음주자 진단표 평가기준박스 */
#txt .box{padding:2%;border: 1px solid #ddd;}
#txt .mt_30 .qlist_val{word-break:keep-all}
.calculation_wrap{border:1px solid #d7d7d7;}
.qlist_val{position:relative;padding:10px 220px;min-height:96px;}
.qlist_val strong{display:block;position:absolute;top:0;left:0;padding:20px 10px;width:200px;height:100%;font-size:20px;font-family:'nsr';font-weight:600;color:#121212;background-color:#F9FAFB;text-align:center;line-height:1.2}
.qlist_val .qlist_val_tot{display:block;position:absolute;top:0;right:0;padding:40px 0;padding-left:50px;width:200px;height:100%;font-size:30px;font-family:'nsr';color:#219fda}
.qlist_val .qlist_val_tot:before{content:'=';font-size:50px;font-family:'nsr';font-weight:600;color:#219fda;position:absolute;left:0;top:30px;}

@media (max-width: 900px){
    .qlist_val{padding: 70px 30px 10px}
    .qlist_val strong{width: 100%;height: 70px}
    .qlist_val .qlist_val_tot{position: relative;padding: 25px 0 25px 50px}
    .qlist_val .qlist_val_tot:before{top: 15px}
}

/* sub06_07_03 니코틴 의존도 End*/

/* sub06_07_04 알콜 의존도 End*/
.b-box{
    margin-bottom: 10px;
    padding: 20px;
    background-color: #fafafa;
}
/* sub06_07_04 알콜 의존도 End*/







/*sub_01_07 보건행정서비스헌장*/
.sub01_07_wrap {padding:25px; width:100%; background:#f9f9f9; }
.sub01_07_wrap .inner {padding:55px; width:100%; border:1px solid #ddd;}
.sub01_07_wrap .inner p.tit {margin-bottom:40px; text-align: center; font-weight: bold; font-size:36px; color:#000;}
.sub01_07_wrap .inner .img {margin-bottom:50px; }
.sub01_07_wrap .inner .list_num {padding:0 22px;}

.sub01_07_wrap .inner .num{display:inline-block;overflow:hidden;margin-bottom:3px;margin-right:5px;width:25px;height:25px;border-radius: 50%;background-image:none;color:#fff;font-size:15px;text-align:center;vertical-align:middle;line-height:25px;}
.sub01_07_wrap .inner .list_num>li{margin:0 0 25px;padding-left:36px;line-height:1.3;font-size: 16px;}
.sub01_07_wrap .inner .list_num .num{margin:0 5px 0 -33px;}


@media only screen and (max-width: 640px) {
    .sub01_07_wrap .inner {padding:40px 20px; }
    .sub01_07_wrap .inner p.tit {font-size:30px;}
    .sub01_07_wrap .inner .list_num {padding:0 10px;}   
}

@media only screen and (max-width: 430px) {
    .sub01_07_wrap {padding:10px;}
    .sub01_07_wrap .inner {padding:15px 10px; }
    .sub01_07_wrap .inner p.tit {font-size:26px;}
}




/*sub03_01_02 인터넷제증명발급*/
.box_issued_link {padding:50px 170px 50px 45px; border: 1px solid #ddd; background:#f9f9f9 url(/images/health/sub03/sub03_01_02_img01.png)no-repeat 95% 30%;    }
.box_issued_link .tit {margin: 0;padding: 0;font-size:20px; color:#121212; font-weight: 400;}
.box_issued_link .tit:before{display: none;}
.box_issued_link p.txt1 {margin:25px 0 30px; }
.box_issued_link p.txt1 em {display:block;}
.box_issued_link ul.list_1st {margin-left:5px;}
.box_issued_link ul.list_1st:after{content:"";display:block;clear:both;visibility:hidden;}
.box_issued_link ul.list_1st li {float:left; width:255px;}

.box_issued_link h4 {margin-left:0;}

@media only screen and (max-width: 1180px) {
    .box_issued_link {padding:220px 45px 50px;background:#f9f9f9 url(/images/health/sub03/sub03_01_02_img01.png)no-repeat center 30px; background-size: 200px auto;}
    .box_issued_link ul.list_1st li {width:50%;}
}

@media only screen and (max-width: 585px) {
    .box_issued_link p.p_btn a {display:block; margin:20px 0 0 0;}
   
}

@media only screen and (max-width: 500px) {
    .box_issued_link p.txt1 em {display:inline;}
   
}

@media only screen and (max-width: 430px) {
    .box_issued_link {padding:190px 30px 50px; background-size: 150px auto;}
    .box_issued_link ul.list_1st li {float:none;width:100%;}
   
}


/*sub_04_09_06 영양플러스 사업*/
.health_plus{padding: 50px;background: #f9f9f9;border:1px solid #ddd;}
.health_plus ul{}
.health_plus ul li{position: relative;text-align: center;font-size: 16px;color: #555;}
.health_plus ul li:after,
.health_plus ul li.level2_wrap span:after{content: '';position: absolute;bottom: -31px;left: 50%;width: 15px;height: 20px;margin-left: -7.5px;background: url(/images/health/sub04/sub04_09_06_arr.png)no-repeat;z-index: 1}
.health_plus ul li:last-child:after{display: none;}
.health_plus ul li span{display: block;width: 255px;margin:0 auto 40px;padding: 10px 0;background: #fff;border:3px solid #898d96;}
.health_plus ul li.bg_c span{background: #3c4968;border:0;border-radius: 21px;color: #fff;}
.health_plus ul li.level2_wrap{margin: -20px 0 20px;padding: 17px 34px 30px;background: #ececed;border:2px solid #c0c0c0;}
.health_plus ul li.level2_wrap:after{bottom: -13px}
.health_plus ul li.level2_wrap span{position: relative;}
.health_plus ul li.level2_wrap .level2{position: relative;margin-left: -6.5%;padding-top: 21px}
.health_plus ul li.level2_wrap .level2:before{content: '';position: absolute;left: 19.9%;top: 0;width: 66.7%;height: 1px;background: #c0c0c0;}
.health_plus ul li.level2_wrap .level2:after{content: '';display: block;visibility: hidden;clear: both;}
.health_plus ul li.level2_wrap .level2 li{float: left;position: relative;width: 26.8%;margin-left: 6.5%;padding: 10px 0;font-size: 16px;color: #fff;text-align: center;}
.health_plus ul li.level2_wrap .level2 li:before{content: '';position: absolute;top:-20px;left: 50%;width: 1px;height: 20px;background: #c0c0c0;}
.health_plus ul li.level2_wrap .level2 li.lv2_1{background: #3f61b2}
.health_plus ul li.level2_wrap .level2 li.lv2_2{background: #898d96}
.health_plus ul li.level2_wrap .level2 li.lv2_3{background: #76a100}
.health_plus ul li.level2_wrap .level2 li:after{display: none;}

@media (max-width: 767px) {
    .health_plus{padding: 20px}
}
@media (max-width: 600px) {
    .health_plus ul li span{width: 70%;word-break: keep-all;}
    .health_plus ul li.level2_wrap{padding: 5%;}
    .health_plus ul li.level2_wrap span{width: 79%;}
    .health_plus ul li.level2_wrap .level2{padding-top: 0}
    .health_plus ul li.level2_wrap .level2:before{top: 22px;left: 18.5%;width: 1px;height: 72%;}
    .health_plus ul li.level2_wrap .level2 li{float: none;width: 65%;margin:0 0 10px 24%;}
    .health_plus ul li.level2_wrap .level2 li:before{top: 50%;left: -8%;width: 8%;height: 1px}
}



/*온라인자가진단*/

/*출산예정일,예방접종일*/
.form_wrap select {padding:0 10px;width:150px;height:40px;  background:#fff;border: 1px solid #ddd;line-height:40px;}
.form_wrap a.chk_btn {background:#3f61b2;border: 1px solid #3f61b2;padding:8px 30px;color: #fff;}
.form_wrap input[type="button"] { height:40px; background:#3f61b2;border: 1px solid #3f61b2;padding:8px 30px;color: #fff;}
.form_wrap {width:100%;}
.form_wrap:after{content:"";display:block;clear:both;visibility:hidden;}
.form_wrap select {float:left;margin:0 0.5%;width:27.3%;}
.form_wrap #inHere {float:left;display:inline-block; margin:0 0.5%; width:27.3%;}
.form_wrap #inHere select {width:100%; background:#fff;}
.form_wrap a.chk_btn { float:left;display:block; padding:8px 0; margin:0 0.5%;width:14%;text-align: center; }
.form_wrap input[type="button"] {float:left;display:block; padding:8px 0; margin:0 0.5%;width:14%;text-align: center;}

/*자가비만진단*/
.input_box_w {width:100%;}
.input_box_w:after{content:"";display:block;clear:both;visibility:hidden;} 
.input_box_w .box01 {float:left; width:35%; font-size:15px;}
.input_box_w .box01 label {width:25%;}
.input_box_w .box01 span {width:25%; vertical-align: middle;}
.input_box_w .box01 input {width:50%; min-width:auto; height:40px;}
.input_box_w .box02 {float:right; width:28%;}
.input_box_w .box02 .button a.btn {padding:0;width:48%;height:40px;text-align: center; line-height:40px; }


@media only screen and (max-width: 640px) {
    .form_wrap select {width:32.3%;}
    .form_wrap #inHere {width:32.3%;}
    .form_wrap a.chk_btn {margin:5px 0.5% 0; width:100%;}
    .form_wrap input[type="button"] {margin:5px 0.5% 0; width:100%;}

    .input_box_w .box01 {float:none; width:100%; margin-bottom:5px;}
    .input_box_w .box02 {float:none; width:100%; margin-top:10px;}
    .input_box_w .box01 label {display:inline-block;width:55px;}
}