@charset "utf-8";

@import url('/font/font.css');

/* 기존 보건소 css */
/* reset */
html {overflow-y:scroll;}
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,a,abbr,address,cite,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,audio,video {margin:0; padding:0; box-sizing:border-box;}
body {background-color:#fff; color:#333; font-size:16px; line-height:1; font-family: 'PretendardGOV', sans-serif;}
/* h1,h2,h3 {font-family:'Nanum Square';} */
button, img, input, label, select, textarea {vertical-align:middle;}
label,button {display:inline-block;}
i, cite, em, var, address, dfn {font-style:normal;}
ul, ol {list-style:none;}
img {max-width:100%; border:0; -webkit-tap-highlight-color:rgba(0,0,0,0)}
hr {display:none;}
legend, caption {visibility:hidden; width:0; height:0; margin:0; padding:0; overflow:hidden; background:none; font-size:0; line-height:0;}
table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
abbr, acronym {border-bottom:1px dotted black; cursor:help;}
p{word-break: keep-all;  /* word-wrap:break-word;word-break:keep-all;*/}

a {color:inherit; text-decoration:none;}
a:link, a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
button {padding:0; overflow:visible; border:0; background:transparent; cursor:pointer;}
/* button::-moz-focus-inner {padding:0; border:0;}*/

/* form */
button, label {cursor:pointer;}
button, input {border-radius:0}
button:focus, input[type="submit"]:focus, input[type="text"]:focus, select:focus {outline:1px dotted #79a1e4;}
input,select,button,textarea {border-radius:0; outline:none; font-size:14px; vertical-align:middle; box-sizing:border-box;}
fieldset {border:none;}
input[type="submit"] {border:none; cursor:pointer;}
input[type=submit] 	{text-align:center; width:80px; background:#555; height:30px; color:#fff;padding:0; margin:0;border:none;vertical-align:middle; cursor:pointer; }

/* html5 - for older browsers */
article, aside, audio, canvas, code, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:block;}

/* for IE 6/7 */
.clearfix:after {display:block; visibility:hidden; clear:both; height:0; margin:0; padding:0; content:"."; font-size:0; line-height:0;}

/* 숨김 */
ul#skipToContent {position:absolute; z-index:10000; height:0;}
ul#skipToContent li {position:absolute; z-index:10000; top:0; left:0; width:100%;}
ul#skipToContent li a {display:block; position:absolute; z-index:10000; top:-10000px; left:0; color:#fff; font-size:0; text-align:center;}
ul#skipToContent li a:focus,ul#skipToContent li a:active {top:3px; width:150px; padding:5px 0; font-size:1em; background-color:#355da0}
.skipToContent a {display:block; width:1px; height:1px; margin-bottom:-1px; overflow:hidden; color:#000; font-size:12px; text-align:center; white-space:nowrap;}
.skipToContent a:focus,.skipToContent a:active {width:auto; height:auto; margin-bottom:10px; padding:5px;}
.bline,.skip {position:absolute; height:0; overflow:hidden; font-size:1px; text-indent:-9999px; line-height:0;}
.hidden {visibility:hidden; position:absolute; width:0; height:0; margin:0; padding:0; background:none; font-size:0; line-height:0;}
.none {display:none;}
.hidePc {display:none;}

/****************************************/

html, body {height:100%; min-width:320px;}
body { font-size:1rem; line-height:1.6; font-weight:200; letter-spacing:-0.5px; -webkit-text-size-adjust:none; word-break:keep-all; word-wrap:break-word;
}

/********************************
 skip-nav
 *******************************/
#skip_nav {position:absolute; left:0; top:0; width:100%; z-index:9999}
#skip_nav a {overflow:hidden; display:block; height:1px; margin-bottom:-1px; color:#fff; font-size:16px; text-decoration:none;}
#skip_nav a:active, #skip_nav a:focus{width:100%; height:auto; padding:8px 0 10px; background-color:#e0e7ef; font-size:16px; text-align:center; font-weight:500; outline: 1px solid blue;outline-offset:-5px}

.bline,.skip {position:absolute; height:0; overflow:hidden; font-size:1px; text-indent:-9999px; line-height:0;}
.hidden {visibility:hidden; position:absolute; width:0; height:0; margin:0; padding:0; background:none; font-size:0; line-height:0;}
.none{display:none;}

/****************************************/
/* 레이아웃 width */
.inner {max-width:1240px; margin:0 auto}

/* Form 요소들 기본 */
textarea {padding:2px 5px; border:1px solid #c1c1c1;}
select {height:32px; padding:0 10px; border:solid 1px #c1c1c1; background-color:#fff;/* background:#fff url(/images/junggu/common/sel_arr.png) 95% 50% no-repeat;-webkit-appearance:none;*/ box-sizing:border-box;}
input[type="text"],input[type="password"] {height:32px; padding:0 10px; border:1px solid #c1c1c1;}
.disable {background:#f2f2f2; color:#666;}

.link_st1 {color:#005fc1; font-size:14px;}
.link_st1:hover {text-decoration:underline;}

input.input_st1 {height:23px; padding-left:5px; border:1px solid #dfdfdf; background-color:#fbfbfb; text-align:left; line-height:23px;}
input.input_st2 {height:24px; padding-left:5px; border:1px solid #dbdbdb; background-color:#fff; text-align:left; line-height:24px;}
input.input_st3 {height:24px; padding-left:5px; border:1px solid #dbdbdb; background-color:#fff; text-align:left; line-height:24px;}
input.input_st4 {height:24px; border:1px solid #dbdbdb; background-color:#fff; text-align:center; line-height:24px;}
input.input_st5 {height:25px; padding-left:5px; border:1px solid #dbdbdb; background-color:#fff; text-align:left; line-height:25px;}

/* 버튼스타일 *//* 고정값 */
.btn_st {display:inline-block; height:30px; line-height:30px; margin:2px 3px 3px 3px; padding:0 28px 0 17px; background:url('../../../../../images/domain/health/sub/btn_bg1.png') 94% center no-repeat;}
.btn_st.green {color:#fff; background-color:#7dc84c;}
.btn_st.gray {color:#fff; background-color:#999999;}
.btn_st.blue {color:#fff; background-color:#3478c1;}
.btn_st.bluish {color:#fff; background-color:#22b2c3;}
.btn_st.down {background-image:url('../../../../../images/domain/health/sub/btn_bg2.png');}
.btn_st.long {background-position:94% center;}
.btn_st.long2 {background-position:96.5% center;}

.bt_st{display:inline-block;height:32px;margin:2px 3px 3px 3px;padding:0 15px;line-height:32px;cursor:pointer; font-size:15px; font-weight:normal;}
.bt_small{display:inline-block;border-radius:2px;cursor:pointer;padding:1px 8px;font-size:12px;height:22px;line-height:22px;box-shadow:none !important}
.bt_big{padding:10px 20px;font-size:16px;}
.bt_under{text-decoration:underline;}

.bt_red {background-color:#ff503e; color:#fff;}
.bt_orange {background:#fb822e;  color:#fff;}
.bt_orange2 {background:#fb822e; color:#fff; border:1px solid #fb7519}
.bt_gray {background:#999;  color:#fff;}
.bt_darkgray {background:#54535a;  color:#fff;}
.bt_blue {background:#0089d0;  color:#fff;}
.bt_green {background:#39b567; color:#fff;}
.bt_sgray {border:1px solid #bbb; border-color:#c8c8c8 #9c9c9c #9c9c9c #c8c8c8; background:#f2f2f2; color:#666;}
.bt_black {background:#383d41; color:#fff;}
.bt_pink {background:#ef3e61; color:#fff;}
.bt_down {position:relative; padding-right:30px}
.bt_down:after {display:block; position:absolute; top:11px; right:15px; width:10px; height:11px; content:''; background:url('../../../../../images/domain/health/sub/bt_down.png') 0 0 no-repeat}
.bt_down2 {display:block; height:35px;margin:0 10px 5px 10px;padding:0 15px;line-height:33px; border:1px solid #d1d1d1; font-size:14px}
.bt_down2::after {content:'';display:inline-block;margin-left:5px;width:15px;height:16px;background:url('../../../../../images/domain/health/sub/i_down.png') 0 1px no-repeat;}

.blank_btn {display:inline-block; height:35px; margin:0 3px 5px 3px; padding:0 15px; border:1px solid #d1d1d1; line-height:33px; font-size:14px}
.blank_btn::after {display:inline-block; width:14px; height:15px; margin-left:5px; background:url('../../../../../images/domain/health/sub/blank.gif') 0 1px no-repeat; content:'';}

.t_pink {color:#ef3e61;}
.t_blue {color:#005fc1;}
.t_green {color:#119315;}
.t_red {color:#f33d3d;}
.t_s {color:#999; font-size:12px;}
.t_num {font-size:12px; font-family:Arial,sans-serif;}
.tx_pink {color:#f2678f; display:inline-block;}
p.ps_txt {line-height:20px; color:#f2678f;}


.t_left {text-align:left;}
.t_right {text-align:right;}
.t_center {text-align:center;}
.bottom_area > div{ margin: 0px 10px 30px 0px;}


.tx_black {color:#222222 !important;}
.tx_red {color:#f2678f !important; font-weight:bold}
.tx_left {text-align:left;}
.tx_center {text-align:center;}
.tx_right {text-align:right;}
.red_left {color: #f2678f !important; font-weight: bold; font-size: 16px  !important;}
.red_inline {color: #f2678f !important; font-weight: bold; font-size: 16px !important;  display:inline !important;}
.red_inline15 {color: #f2678f !important; font-weight: bold; font-size: 15px !important;  display:inline !important;}

.tx12{ font-size: 12px !important;}
.tx13{ font-size: 13px !important;}
.tx14{ font-size: 14px !important;   font-size: 14px !important;}
.tx15{ font-size: 15px !important; }
.col1 {width:100%;}
.col2 {width:50%;}
.col3 {width:33.333%;}
.col4 {width:25%;}
.col5 {width:20%;}

.w100 {width:100% !important;}
.w99 {width:99%;}
.w48_2 {width:48.2%;}
.w15 {width:15%;}

.img_wrap {padding:50px 10px; border:1px solid #e0e0e0; text-align:center;}

/* 여기서 부터 */
.m00 {margin-bottom:0px !important}
.m05 {margin-bottom:05px !important}
.m10 {margin-bottom:10px !important}
.m15 {margin-bottom:15px !important}
.m20 {margin-bottom:20px !important}
.m25 {margin-bottom:25px !important}
.m30 {margin-bottom:30px !important}
.m40 {margin-bottom:40px !important}
.m50 {margin-bottom:50px !important}
.m60 {margin-bottom:60px !important}
.m70 {margin-bottom:70px !important}

.mt05 {margin-top:05px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}

.ml05 {margin-left:05px !important}
.ml10 {margin-left:10px !important}
.m205 {margin:20px 0 0 0 !important}

.mnp_pus {margin-left:16px !important}

ul.libg_none > li {padding-left:0 !important; background:none !important}
ul.libg_none > li:before{display: none !important; }
li.libg_none {padding-left:0 !important; background:none !important}

/* h3 */
h3.st1 {margin-bottom:10px; padding-left:20px; font-size:20px; font-weight:bold; background:url('../../../../../images/domain/health/sub/sub_b_tit.png') 0 9px no-repeat}
p.h3_pst1 {color:#555555; line-height:1.5em}
.lh13{line-height:1.3em;}

@media all and (max-width:620px) {
	select {background:#fff url(../../../../../images/domain/health/sub/sel_arr.png) 95% 50% no-repeat; -webkit-appearance:none;}
	.blank_btn {font-size:13px}
	h3.st1 {margin-bottom:13px;}
}