@charset "utf-8";




input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]{height:25px;line-height:23px;padding:0 0 0 5px;background:#fff;border:solid 1px #c3c3c3;box-shadow:1px 1px 0 1px #ebebeb inset;vertical-align:middle;color:#7a7a7a}


/* common */
.setleft {float:left}
.setright {float:right}
.hidden{text-indent:-999em}


.txt_blue {color:#145dd7 !important}
.txt_green {color:#3fb836 !important; font-weight:bold}

textarea  {width:100%; height:250px; line-height:23px; padding:0 0 0 5px; background:#fff; border:solid 1px #c3c3c3; box-shadow:1px 1px 0 1px #ebebeb inset; resize:none}
input.txt {width:265px; height:25px; line-height:23px; padding:0 0 0 5px; background:#fff; border:solid 1px #c3c3c3; box-shadow:1px 1px 0 1px #ebebeb inset; vertical-align:middle}
input.txt.st02 {background:#fff}
select {width:100px; height:27px; line-height:24px; padding:0 0 0 5px; font-size:13px; color:#7a7a7a; border:solid 1px #6597ee; vertical-align:middle}
select[disabled] {color:#7a7a7a; border:solid 1px #c3c3c3}

label.rdo {display:inline-block; position:relative; margin-left:3px; padding-left:20px; font-size:13px; line-height:22px; background:url(../../images/web/common/rdo1_off.png) 0 4px no-repeat; color:#333}
label.rdo:first-child {margin-left:0}
label.rdo input {width:13px; height:13px; position:absolute; top:5px; left:0; filter:alpha(opacity=0); opacity:0}
label.rdo.on {background:url(../../images/web/common/rdo1_on.png) 0 4px no-repeat}
label.rdo.dis {color:#7a7a7a; background:url(../../images/web/common/rdo1_dis_off.png) no-repeat 0 4px}
label.rdo.dis.on {background:url(../../images/web/common/rdo1_dis_on.png) no-repeat 0 4px}

.checkbox label {margin-left:10px}
.checkbox label:first-child {margin-left:0}
.checkbox label.bl {display:block}

.datebox {display:inline-block}
.datebox span {margin-left:10px; font-size:13px; color:#7a7a7a; margin-right:3px}
.datebox span:first-child {margin-left:0px}
.datebox input.txt {width:100px; background:#fff}
.optbox span {margin-left:10px; font-size:13px; color:#7a7a7a; margin-right:3px}
.optbox span:first-child {margin-left:0px}
.term {display:inline-block}
.term a {display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:45px; height:25px; line-height:23px; border:solid 1px #c3c3c3; background:#ebebeb; color:#7a7a7a; font-size:13px; text-align:center; font-weight:bold}
.term a.on {background:#89aeeb; border:solid 1px #6389c6; color:#fff}

/* layout */
#wrap {width:100%;height:100%}
#mid_wrap {position:relative; font-size:14px}
#header {padding:10px 0 30px 0}
#header .header_inner {position:relative; width:1004px; height:25px; margin:0 auto}
#top_mn {height:50px;min-width:1004px; border-width:0 0 1px; border-style:solid; border-color:#bec9db transparent}
#area {width:1004px; margin:0 auto; min-height:700px;overflow:hidden}
#left_mn {float:left;width:158px;margin:0 20px 0 12px}
#conts {padding:0 0 0 190px}
#footer {width:1004px; margin:0 auto; padding:35px 0 25px 0;text-align:right;font-size:12px}

/* skip */
#skipnav {height:0}
#skipnav a {background:#444;color:#fff;font-size:14px;font-weight:bold;text-align:center;padding:0.8em 0;position:absolute;top:-9999px}
#skipnav a:focus {position:absolute;top:0;left:0;width:100%;z-index:1000}

/* header */
h1 {position:absolute;top:35px;left:0;height:32px;background:url('../../images/web/common/h1_logo.png') no-repeat;text-indent:-9999em}
h1[style*="30px"] {background:url('../../images/web/common/h1_logo2.png') no-repeat}
h1 a {display:block;width:156px;height:32px}
#header .header_inner ul {float:right;overflow:hidden}
#header .header_inner ul li {float:left;color:#6086df;font-size:12px;margin:7px 0 0 29px;padding:0 0 2px 15px;vertical-align:middle}
#header .header_inner ul li:first-child{margin:0;padding:0}
#header .header_inner ul li.utmn01 {background:url('../../images/web/common/utbg_01.png') no-repeat 0 0px}
#header .header_inner ul li.utmn02 {background:url('../../images/web/common/utbg_02.png') no-repeat 0 0px}
#header .header_inner ul li.utmn03 {background:url('../../images/web/common/utbg_03.png') no-repeat 0 0px}
#header .header_inner ul li.utmn04 {background:url('../../images/web/common/utbg_04.png') no-repeat 0 0px}
#header .header_inner ul li.utmn05 {background:url('../../images/web/common/utbg_05.png') no-repeat 0 0px}
#header .header_inner ul li a {color:#6086df;vertical-align:top !important}





.select_link {}
.link_title a {display: block;position: relative}
.select_link > .link_site {position: absolute;display: none;top: 20px;background: #fff;border: solid 1px #bec9db;box-sizing: border-box;padding:13px 15px 13px 13px; border-radius:3px; box-shadow:0 2px 5px #ddd}
.select_link > .link_site > li{margin-left:0 !important; padding:0 !important;width:100%;margin-top:0 !important;white-space :nowrap;box-sizing: border-box;margin-top:13px !important;margin-right:0 !important}
.select_link > .link_site > li p{margin:0 !important}
.select_link > .link_site > li p.btn{text-align:right;font-size:11px;border-bottom: 1px dashed #ddd;padding-bottom:12px}
.select_link > .link_site > li p.btn a{background:url('../../images/web/common/icon_set.png') no-repeat 100% 50%;padding:0 18px 0 0;color:#999 !important}
.select_link > .link_site > li p strong{color:#6086df !important}
.select_link > .link_site > li:first-child {margin-top: 0 !important}
.select_link > .link_site > li > .list{margin-top:3px !important;overflow:hidden;float:left !important}
.select_link > .link_site > li > .list > li{margin-left:0 !important; padding:0 0 0 8px !important;width:100%;line-height:1.5em;white-space :nowrap;box-sizing: border-box;margin-top:4px !important; background:url(../../images/web/common/list_dot.png) no-repeat 0 50%;float:left}
.select_link > .link_site > li > .list > li a{color:#666666 !important}
.select_link > .link_site > li > .list > li :first-child {margin-top: 0 !important}







/* top_mn */
#top_mn ul {width:814px; margin:0 auto; padding-left:190px;white-space:nowrap}
#top_mn ul li {float:left; height:52px; line-height:48px; background:url(../../images/web/common/bg_bar.gif) no-repeat 0 50%}
#top_mn ul li a {display:block;font-size:14px; font-weight:bold;color:#666;padding-left:47px; padding-right:20px;height:46px}
#top_mn ul li a.top_mn01 {background:url('../../images/web/common/lftmn_01.png') no-repeat 0 55%}
#top_mn ul li a.top_mn02 {background:url('../../images/web/common/lftmn_02.png') no-repeat 22px 58%}
#top_mn ul li a.top_mn03 {background:url('../../images/web/common/lftmn_03.png') no-repeat 22px 55%}
#top_mn ul li a.top_mn04 {background:url('../../images/web/common/lftmn_04.png') no-repeat 22px 55%}
#top_mn ul li a.top_mn05 {background:url('../../images/web/common/lftmn_05.png') no-repeat 22px 55%}
#top_mn ul li a.top_mn06 {background:url('../../images/web/common/lftmn_06.png') no-repeat 22px 55%}
#top_mn ul li a.top_mn07 {background:url('../../images/web/common/lftmn_07.png') no-repeat 22px 55%}
#top_mn ul li a.top_mn08 {background:url('../../images/web/common/lftmn_02.png') no-repeat 22px 58%} /* 보편 관리자 사업운영 메뉴 */
#top_mn ul li a.top_mn01.on, #top_mn ul li a.top_mn01:hover, #top_mn ul li a.top_mn01:focus{color:#ff9090;border-color:#ff9090}
#top_mn ul li a.top_mn02.on, #top_mn ul li a.top_mn02:hover, #top_mn ul li a.top_mn02:focus{color:#fca001;border-color:#fca001}
#top_mn ul li a.top_mn03.on, #top_mn ul li a.top_mn03:hover, #top_mn ul li a.top_mn03:focus{color:#3fb836;border-color:#3fb836}
#top_mn ul li a.top_mn04.on, #top_mn ul li a.top_mn04:hover, #top_mn ul li a.top_mn04:focus{color:#2f74f3;border-color:#2f74f3}
#top_mn ul li a.top_mn05.on, #top_mn ul li a.top_mn05:hover, #top_mn ul li a.top_mn05:focus{color:#f56bb9;border-color:#f56bb9}
#top_mn ul li a.top_mn06.on, #top_mn ul li a.top_mn06:hover, #top_mn ul li a.top_mn06:focus{color:#c879e6;border-color:#c879e6}
#top_mn ul li a.top_mn07.on, #top_mn ul li a.top_mn07:hover, #top_mn ul li a.top_mn07:focus{color:#2fccf3;border-color:#2fccf3}
#top_mn ul li a.top_mn08.on, #top_mn ul li a.top_mn08:hover, #top_mn ul li a.top_mn08:focus{color:#fca001;border-color:#fca001} /* 보편 관리자 사업운영 메뉴 */
#top_mn ul li a.on, #top_mn ul li a:hover, #top_mn ul li a:focus{border-bottom-width:3px;border-bottom-style:solid;z-index:5;text-decoration:none}
#top_mn ul li:first-child {background:none}
#top_mn ul li a.first{padding-left:28px}
#top_mn ul li a.top_mn07{padding-right:0 !important;padding-left:47px}
#top_mn ul li:last-child input{width:160px; height:28px; line-height:23px; padding:0 0 0 5px; background:#fff; border:solid 1px #c3c3c3; box-shadow:1px 1px 0 1px #ebebeb inset; vertical-align:middle}
#top_mn ul li:last-child .btn{width: 50px;height: 30px;cursor: pointer;background:url(../../images/web/btn/btnbg_search.png) no-repeat 10% 50%;padding-left:10px;	vertical-align:middle;font-weight:bold;color:#145dd7;font-size:14px}

/* left */
#left_mn ul {overflow:hidden;white-space:nowrap}
#left_mn ul li {display:block;font-size:14px;padding:0 0 2px;margin:28px 0 0 0}
#left_mn ul li:first-child {margin-top:0}
#left_mn ul li a {color:#666}
#left_mn ul li>a {padding-left:20px;background:url('../../images/web/common/lftmn_dep1_off.png') no-repeat 0 50%;font-weight:bold}
#left_mn ul li>a.on {background:url('../../images/web/common/lftmn_dep1_on.png') no-repeat 0 50%}
#left_mn ul li a:hover, #left_mn ul li a:focus {color:#145dd7}
#left_mn ul li a.on {color:#145dd7}

#left_mn ul li.leftmn01 {margin:0}

#left_mn ul li div {margin:25px 0 0 20px;font-size:12px}
#left_mn ul li div a {display:block;background:url('../../images/web/common/lftmn_off.png') no-repeat 0 6px;margin:0 0 22px 0;padding:0 0 0 8px;color:#676666;font-weight:normal}
#left_mn ul li div a:hover, #left_mn ul li div a:focus {background:url('../../images/web/common/lftmn_on.png') no-repeat 0 6px}
#left_mn ul li div a.on {background:url('../../images/web/common/lftmn_on.png') no-repeat 0 6px;text-decoration:underline}
#left_mn .left_op {position:fixed;top:114px;margin:0 0 0 145px}
#left_mn .left_op a {display:block;height:28px;width:28px;background:url('../../images/web/common/mn_cl.png') no-repeat 50% 50%;text-indent:-999em}
#left_mn .left_op a:hover{background-color:#eef4fc}

/*footer*/
#footer .mn_footer{display:inline-block;margin-right:-12px;zoom:1;*display:inline}
#footer .mn_footer li{position:relative;display:inline-block;zoom:1;*display:inline;padding:12px;color:#999}
#footer .mn_footer li:after{display:block;content:'';position:absolute;left:0;top:50%;width:1px;height:8px;margin-top:-3px;background-color:#bbb}
#footer .mn_footer li:first-child:after{content:none}
#footer .mn_footer li a{display:block;margin:-8px;padding:8px;color:#6086df;font-weight:bold}

/* btn */
.btn_gray {display:inline-block; width:150px; height:30px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; background:url('../../images/web/btn/btnbg_gray.gif') repeat-x 0 0; font-size:13px; color:#7a7a7a}
.btn_gray_02 {display:inline-block; width:110px; height:40px; line-height:40px; font-weight:bold; box-shadow: 1px 1px 2px 1px #808080 inset; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #7b7b7b; text-align:center; background:#8b8b8b; font-size:13px; color:#fff}
.btn_gray_03 {display:inline-block; width:70px; height:25px; line-height:25px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; background:url('../../images/web/btn/btnbg_gray.gif') repeat-x 0 0; font-size:13px; color:#7a7a7a; vertical-align:middle}
.btn_blue {display:inline-block; width:110px; height:40px; line-height:40px; font-weight:bold; box-shadow: 1px 1px 2px 1px #1256c6 inset; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #004bc9; text-align:center; background:#145dd7; font-size:13px; color:#fff}
.btn_sblue {display:inline-block; height:20px; padding:0 10px; line-height:20px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; text-align:center; background:#6597ee; font-size:10px; color:#fff}
.btn_blue_h {display:inline-block; width:70px; height:25px; line-height:23px; font-weight:bold; box-shadow: 1px 1px 2px 1px #1256c6 inset; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #004bc9; text-align:center; background:#145dd7; font-size:13px; color:#fff}
.btn_white_h {display:inline-block; width:70px; height:25px; line-height:23px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #004bc9; text-align:center; background:url('../../images/web/btn/btnbg_gray.gif') repeat-x 0 0; font-size:13px; color:#145dd7}

.btn_gray_04 {display:inline-block; width:70px; height:25px; line-height:25px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; background:url('../../images/web/btn/btnbg_gray.gif') repeat-x 0 0; font-size:13px; color:#7a7a7a; vertical-align:middle;margin-top:-1px}
.st_s {height:30px !important; line-height:30px !important; width:80px !important}

.w115 {width:115px !important}
.w90 {width:90px !important}
.w40 {width:40px !important}

.btn_re {background:url('../../images/web/btn/btnbg_re.png') no-repeat 0 4px;padding:0 0 0 17px}
.btn_check {background:url('../../images/web/btn/btnbg_check.png') no-repeat 0 4px;padding:0 0 0 17px}
.btn_list {background:url('../../images/web/btn/btnbg_list.png') no-repeat 0 4px;padding:0 0 0 17px}
.btn_feed {background:url('../../images/web/btn/btnbg_feed.png') no-repeat 0 4px;padding:0 0 0 20px}
.btn_sch {background:url('../../images/web/btn/btnbg_sch.png') no-repeat 0 3px;padding:0 0 0 17px}
.btn_new {background:url('../../images/web/btn/btnbg_new.png') no-repeat 0 5px;padding:0 0 0 17px}
.btn_print {background:url('../../images/web/btn/btnbg_print.png') no-repeat 0 5px;padding:0 0 0 17px}
.btn_modify {background:url('../../images/web/btn/btnbg_change.png') no-repeat 0 5px;padding:0 0 0 17px}
.btn_cancel {background:url('../../images/web/btn/btnbg_cancel.png') no-repeat 0 5px;padding:0 0 0 17px}
.btn_ex {background:url('../../images/web/btn/btnbg_excel.png') no-repeat 0 3px;padding:0 0 0 17px}
.btn_result4 {background:url('../../images/web/btn/btnbg_result.png') no-repeat 0 5px;padding:0 0 0 17px; }
.btn_lock {background:url('../../images/web/btn/lock.png') no-repeat;padding:0 0 0 17px;display:block;background-size:contain;}
.btn_lock_open {background:url('../../images/web/btn/lock-open.png') no-repeat;padding:0 0 0 17px;display:block;background-size:contain;}

.btn_advice {display:inline-block; background-position:15px 50%, 0 0; background-image:url('../../images/web/btn/btn_advice.png'), url('../../images/web/btn/btnbg_gray.gif'); background-repeat:no-repeat,repeat-x; width:130px; height:30px; padding-left:20px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}
.btn_mail {display:inline-block; background-position:40px 55%, 0 0; background-image:url('../../images/web/btn/btn_mail.png'), url('../../images/web/btn/btnbg_gray.gif'); background-repeat:no-repeat,repeat-x; width:130px; height:30px; padding-left:20px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}
.btn_grh {display:inline-block; background-position:20px 55%, 0 0; background-image:url('../../images/web/btn/btn_grh.png'), url('../../images/web/btn/btnbg_gray.gif'); background-repeat:no-repeat,repeat-x; width:100px; height:30px; padding-left:20px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}
.btn_reply {display:inline-block; background-position:40px 55%, 0 0; background-image:url('../../images/web/btn/btn_reply.png'), url('../../images/web/btn/btnbg_gray.gif'); background-repeat:no-repeat,repeat-x; width:130px; height:30px; padding-left:20px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}
.btn_reply_modified {display:inline-block; background-position:13px 55%, 0 0; background-image:url('../../images/web/btn/btn_reply.png'), url('../../images/web/btn/btnbg_gray.gif'); background-repeat:no-repeat,repeat-x; width:80px; height:30px; padding-left:20px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}
.btn_mission {display:inline-block; background-position:40px 55%, 0 0; background-image:url('../../images/web/btn/btn_mission.png'), url('../../images/web/btn/btnbg_gray.gif'); background-repeat:no-repeat,repeat-x; width:130px; height:30px; padding-left:20px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}
.btn_view {display:inline-block; background-position:23px 55%, 0 0; background-image:url('../../images/web/btn/btn_view.png'), url('../../images/web/btn/btnbg_gray.gif'); background-repeat:no-repeat,repeat-x; width:130px; height:30px; padding-left:20px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}
.btn_gray_del {display:inline-block; background-position:85% 55%, 0 0; background-image:url('../../images/web/btn/btn_del.png'), url('../../images/web/btn/btnbg_gray.gif'); background-repeat:no-repeat,repeat-x; height:30px; padding:0 30px 0 10px; line-height:30px; font-weight:bold; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}
.btn_del {display:inline-block; width:15px; height:15px; background:url('../../images/web/btn/btn_del_02.png') no-repeat 0 0; text-indent:-99999px}
.btn_pplus {display:inline-block; background-position:20px 55%, 0 0; background-image:url('../../images/web/btn/btn_pplus.png'), url('../../images/web/btn/btnbg_gray.gif'); background-repeat:no-repeat,repeat-x; width:100px; height:30px; padding-left:20px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}
.btn_pminus {display:inline-block; background-position:20px 55%, 0 0; background-image:url('../../images/web/btn/btn_pminus.png'), url('../../images/web/btn/btnbg_gray.gif'); background-repeat:no-repeat,repeat-x; width:100px; height:30px; padding-left:20px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}

.btncenter {clear:both; margin-top:20px; text-align:center}
.btncenter a {margin-left:2px}
.btncenter a:first-child {margin-left:0 !important}
.btnleft {margin-top:14px; float:left}
.btnright {margin-top:14px; text-align:right; margin-left:auto;}
.btnright a {margin-left:2px}
.btnright a:first-child {margin-left:0 !important}
.btnjustify {clear:both; margin-top:10px; text-align:left}
.btnjustify a {margin-left:2px}
.btnjustify a:first-child {margin-left:0}
.btnjustify div {float:right}

/* main */
.visual_area {position:relative;float:left;width:50%;height:426px;background:url('../../images/web/main/visual_bg.png') no-repeat 0 100%}
.vsl_tit {position:absolute;top:72px;left:8%;color:#54585f;font-size:24px;font-weight:bold;padding:0 0 3px 0}
.vsl_txt{position:absolute;top:135px;left:8%;color:#9f9f9f;font-size:12px;line-height:200%}
.visual_area span {position:absolute;bottom:0;right:0;display:inline-block;margin-right:30px;background:url('../../images/web/btn/common_bl_line.png') no-repeat;vertical-align:middle;white-space:nowrap;cursor:pointer}
.visual_area a {display:inline-block;background:url('../../images/web/btn/common_bl_line.png') no-repeat 100% 100%;padding:0 13px 0 0;margin:0 0 0 13px;height:28px;line-height:26px;font-size:14px;color:#145dd7}

.maintit {color:#40373a; font-size:14px; font-weight:bold; margin-bottom:10px}

.info_area {float:left;width:50%;background:#145dd7;background-color:#fff}
.info_area ul {overflow:hidden;background-color:#205fc9}
.info_area ul li {float:left;width:50%;color:#fff}
.info_area ul li.info_area01{margin:0;background-color:#558ce9}
.info_area ul li.info_area02{background-color:#205fc9}
.info_area ul li.info_area03{background-color:#2067de}
.info_area ul li.info_area04{background-color:#134dae}
.info_area ul li div{padding:22px}
.info_area ul li h3{font-size:16px}
.info_area ul li .info_tit {padding:40px 0;font-size:30px;font-weight:bold;text-align:center}
.info_area ul li .info_tit span {font-size:28px}
.info_area ul li .info_txt {position:relative;padding-top:18px;border-top:1px dashed #aac6f5;font-size:14px}
.info_area ul li .info_txt span{position:absolute;right:0;top:18px}
.info_area ul li .info_txt_svs {font-size:14px;text-align:center;letter-spacing:-0.075em}
.info_area ul li .info_txt .info_up {background:url('../../images/web/main/info_up.png') no-repeat 100% 3px;padding:0 13px 0 0;color:#aafca4}
.info_area ul li .info_txt .info_down {background:url('../../images/web/main/info_down.png') no-repeat 100% 3px;padding:0 13px 0 0;color:#ff8cba}

.graph_area {margin:43px 0 0 0;padding:0 0 17px 0;border-bottom:1px solid #dbdbdb;overflow:hidden}
.graph_area h3 {color:#145dd7;font-size:14px}
.graph_area .graph_set {margin:25px 0 0 0;width:100%;height:175px}
.graph_box {width:48%}

.board_area {margin-top:30px;border:1px solid #d7d7d7;overflow:hidden}
.board_box {position:relative;width:50%}
.board_box h3 {padding:16px;border-right:1px solid #d7d7d7;color:#40373a;font-size:16px; line-height:15px}
.board_box ul{margin:0 !important;height:134px;padding:16px;border-right:1px solid #d7d7d7}
.board_box ul.notlist {margin:0 16px 5px 16px}
.board_box ul.notlist li {padding:10px 0 10px 0;border-top:1px solid #eee;font-size:12px}
.board_box ul.notlist li:first-child {border:0}
.board_box ul.notlist li a {color:#878787;padding:0 0 1px 0}
.board_box ul.notlist li p {position:relative;padding:0 50px 0 0}
.board_box ul.notlist li p a img {margin-left:3px; vertical-align:middle}
.board_box ul.notlist li p span {position:absolute;top:0;right:0; color:#949494;font-size:11px}
.board_box ul.monlist {overflow:hidden; padding:27px 8px 0 8px}
.board_box ul.monlist li {float:left; box-sizing:border-box; margin-left:2%; width:25%; height:110px;text-align:center; background:url(../../images/web/main/icon_mo3.png) no-repeat 50% 30%}
.board_box ul.monlist li a{display:block;margin:0 8px;height:100%;color:#fff;font-weight:normal;line-height:1.2}
.board_box ul.monlist li a span{display:block;padding-top:68px;font-size:12px}
.board_box ul.monlist li.bgred a{background:#f84d43 url('../../images/web/main/mnt_people.png') no-repeat 50% 40%}
.board_box ul.monlist li.bgorange a{background:#f88743 url('../../images/web/main/mnt_cancel.png') no-repeat 50% 40%}
.board_box ul.monlist li.bgyellow a{background:#ffc000 url('../../images/web/main/mnt_check.png') no-repeat 50% 40%}
.board_box .bd_more a {position:absolute;top:16px;right:14px;color:#145dd7;font-size:14px;background:url('../../images/web/btn/btnbg_add.png') no-repeat 0 2px;padding:0 0 0 17px}
.board_box ul.monlist li.no_list{width:100%}
.board_box ul.monlist li.no_list span{padding-top:75px;display:block;color:#878787}
.board_box.setright h3, .board_box.setright ul{border-right:0}

.conlist {overflow:hidden; margin-top:30px;border:3px solid #b8cef3}
.conlist li {float:left; clear:right;border-radius:5px;width:25%; box-sizing:border-box}
.conlist li:first-child {margin-left:0}
.conlist li dl{padding:16px;border-right:1px solid #b8cef3}
.conlist li dl dt {font-weight:bold; font-size:16px; color:#40373a}
.conlist li dl.list1{background:url('../../images/web/main/list1_bg.png') no-repeat 94% 16px}
.conlist li dl.list2{background:url('../../images/web/main/list2_bg.png') no-repeat 94% 16px}
.conlist li dl.list3{background:url('../../images/web/main/list3_bg.png') no-repeat 94% 16px}
.conlist li dl.list4{border-right:0;background:url('../../images/web/main/list4_bg.png') no-repeat 94% 16px}
.conlist li dl dd div {padding:43px 0 16px}
.conlist li dl dd div span {position:relative;display:block;margin-top:12px;font-size:14px; line-height:18px; color:#878787}
.conlist li dl dd div span strong {position:absolute;top:0;right:16px;margin-left:3px;color:#145dd7}
.conlist li dl dd div span em{position:absolute;right:0;top:0;font-size:14px}
.conlist li dl dd p {position:relative;padding-top:12px;border-top:1px dashed #b7b7b7;font-size:14px; line-height:30px; color:#666}
.conlist li dl dd p span{position:absolute;right:0;top:12px;color:#145dd7;font-weight:bold;vertical-align:top}

/* login */
.log_wrap {position:relative;width:100%;height:100%}
.log_wrap h1 {position:absolute;top:25px;left:30px}
.log_wrap .login_form {width:460px;margin:0 auto;padding:140px 0 0 0}
.log_wrap .log_id {padding:50px 0 30px 0;border-bottom:1px solid #c1c1c1}
.log_wrap .log_id label {display:inline-block;background:url('../../images/web/contents/log_idbg.png') no-repeat 0 3px;padding:1px 0 1px 20px;color:#145dd7;font-size:16px;font-weight:bold;width:130px;vertical-align:middle}
.log_wrap .log_id input {width:290px;height:18px;padding:3px 5px;font-size:14px}
.log_wrap .log_id .placeholder {font-size:16px;color:#909090}
.log_wrap .log_id input::-webkit-input-placeholder {font-size:16px;color: #909090}
.log_wrap .log_id input:-moz-placeholder {font-size:16px;color: #909090}
.log_wrap .log_id input::-moz-placeholder {font-size:16px;color: #909090}
.log_wrap .log_id input:-ms-input-placeholder {font-size:16px;color: #909090}

.log_wrap .log_psw {padding:25px 0 20px 0;border-bottom:1px solid #c1c1c1}
.log_wrap .log_psw label {display:inline-block;background:url('../../images/web/contents/log_pwbg.png') no-repeat 0 3px;padding:1px 0 1px 20px;color:#145dd7;font-size:16px;font-weight:bold;width:130px;vertical-align:middle}
.log_wrap .log_psw input {width:290px;height:18px;padding:3px 5px;font-size:14px}
.log_wrap .log_psw .placeholder {font-size:16px;color:#909090}
.log_wrap .log_psw input::-webkit-input-placeholder {font-size:16px;color: #909090}
.log_wrap .log_psw input:-moz-placeholder {font-size:16px;color: #909090}
.log_wrap .log_psw input::-moz-placeholder {font-size:16px;color: #909090}
.log_wrap .log_psw input:-ms-input-placeholder {font-size:16px;color: #909090}

.log_wrap .log_save {margin:40px 0 0 0}
.log_wrap .log_save label {color:#707070;font-size:12px;font-weight:bold}
.log_wrap .log_save input {vertical-align:middle}

.log_wrap .log_btn {margin:55px 0 0 0;text-align:center}
.log_wrap .log_btn button {background:url('../../images/web/btn/log_btn.png') no-repeat;width:143px;height:50px;color:#fff;font-size:16px}

.log_wrap address {margin:100px 0 30px 0;text-align:center;font-size:12px;color:#a9a7a7}

/* sub */
.cont_tit {padding:6px 0 16px 0; margin-bottom:38px; border-bottom:1px dotted #bec9db;overflow:hidden}
.cont_tit h2 {float:left;font-size:18px;color:#333}
.cont_tit ul {float:right; overflow:hidden}
.cont_tit ul li {float:left;margin:0 0 0 17px;background:url('../../images/web/contents/list_bar.png') no-repeat 0 4px;padding:0 0 0 17px;line-height:130%}
.cont_tit ul li:first-child {margin:0;background:none}
.cont_tit ul li a {color:#145dd7}

.step_area {position:relative; padding:0 0 15px 0;border-bottom:1px solid #145dd7}
.step_area span {position:absolute;bottom:15px;right:0}
.step_area span a {color:#145dd7}
.step_one {overflow:hidden}
.step_one li {float:left;margin:0 0 0 10px}
.step_one li:first-child {margin:0}
.step_one li a {display:inline-block;border:1px solid #76a5f4;color:#145dd7;font-size:14px;padding:12px 17px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.step_one li.on a {background:#145dd7;border:0;color:#fff;padding:13px 18px}
.step_two {margin:15px 0 0 0;overflow:hidden}
.step_two li {float:left;margin:0 0 0 10px}
.step_two li:first-child {margin:0}
.step_two li a {display:inline-block;border:1px solid #f79c0a;color:#c57900;font-size:14px;padding:12px 13px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.step_two li.on a {background:#f79c0a;border:0;color:#fff;padding:13px 15px}

.tb_top {position:relative; margin-top:30px; height:16px}
.tb_top .btnbox {position:absolute; top:-16px; right:0}
.tb_top .btnbox a {margin-left:5px}
.tb_top .tit {float:left; margin-right:20px; color:#5d5d5d; font-size:14px; line-height:16px; font-weight:bold}
.tb_top .info {float:left; overflow:hidden}
.tb_top .info li {float:left; padding-left:10px; margin-left:10px; background:url(../../images/web/common/bg_bar.gif) no-repeat 0 4px; color:#5d5d5d; line-height:16px}
.tb_top .info li:first-child {background:none; margin-left:0; padding-left:0; color:#145dd7}
.tb_top .info.st02 {float:right}

.tb_area {margin-top:10px}
.tb_area h3 {margin:0 0 15px 0;color:#5d5d5d;font-size:14px;font-weight:normal}
.tb_set {height:auto}

.tablewrap {overflow:hidden}
.tablewrap > table {float:left; width:400px; margin-left:14px}
.tablewrap table {font-size:13px}
.tablewrap .drightbox {float:right; width:372px; margin-left:13px}
.tablewrap .drightbox.widpx {width:442px !important}
.tablewrap .drightbox.widpx01 {width:475px !important;padding:2px;box-sizing:border-box;border-top:2px solid #2233ee}
.tablewrap .dGridleftbox {width:330px}

.boardlist {width:100%; border:solid 1px #dbdbdb; margin-top:15px;border-top:0}
.boardlist th {border-left:solid 1px #dbdbdb; padding:10px 0; background-color:#f5f5f5;color:#5d5d5d;font-weight:700!important; font-size:14px !important}
.boardlist tr.small_txt th{font-size:11px !important;font-weight:normal !important}
.boardlist td {border-left:solid 1px #dbdbdb; border-top:solid 1px #dbdbdb; padding:5px 0; text-align:center; color:#7a7a7a; line-height:23px}
.boardlist tr.bline>td{border-bottom:solid 2px #b8cef3;}
.boardlist tr:first-child th, .boardlist tr:first-child td {border-top:0; }
.boardlist td:first-child {border-left:0}
.boardlist th:first-child {border-left:0}
.boardlist td.bg_blue {background:#eef4fc}
.boardlist td.borl, .boardlist th.borl {border-left:solid 1px #dbdbdb}
.boardlist td.bg_blue{background-color:#f6f9fd}
.boardlist th.bort {border-top:solid 1px #dbdbdb}
.boardlist td.txt_l {padding-left:10px; text-align:left}
.boardlist td.re_line {border-right:solid 1px #dbdbdb}
.boardlist td.re_line_none {border-left:0}
.boardlist tbody.hei td {height:30px !important}
.boardlist tbody.hei tr.heiTr	td{height:28px !important}

.boardlist_res tr:hover{background-color: #eef4fc;}
.boardlist_res {border:solid 1px #dbdbdb; margin-top:15px;}
.boardlist_res th {border-left:solid 1px #dbdbdb; padding:10px 0; background-color:#f5f5f5;color:#5d5d5d;font-weight:700!important; font-size:14px !important}
.boardlist_res tr.small_txt th{font-size:11px !important;font-weight:normal !important}
.boardlist_res td {border-left:solid 1px #dbdbdb; border-top:solid 1px #dbdbdb; padding:5px 0; text-align:center; color:#7a7a7a; line-height:23px}
.boardlist_res tr:first-child th, .boardlist_res tr:first-child td {border-top:0; }
.boardlist_res td:first-child {border-left:0}
.boardlist_res th:first-child {border-left:0}
.boardlist_res td.bg_blue {background:#eef4fc}
.boardlist_res td.borl, .boardlist_res th.borl {border-left:solid 1px #dbdbdb}
.boardlist_res td.bg_blue{background-color:#f6f9fd}
.boardlist_res th.bort {border-top:solid 1px #dbdbdb}
.boardlist_res td.txt_l {padding-left:10px; text-align:left}
.boardlist_res td.re_line {border-right:solid 1px #dbdbdb}
.boardlist_res td.re_line_none {border-left:0}
.boardlist_res tbody.hei td {height:30px !important}
.boardlist_res tbody.hei tr.heiTr td{height:28px !important}
.boardlist_res.boxcls {width:421px; display:block;}
.boardlist_res tbody {display: block;height: 378px;overflow-y:auto;}
.boardlist_res th:nth-of-type(1), .boardlist_res td:nth-of-type(1) { width: 104px;border-left:0 }
.boardlist_res th:nth-of-type(2), .boardlist_res td:nth-of-type(2) { width: 104px; }
.boardlist_res th:nth-of-type(3), .boardlist_res td:nth-of-type(3) { width: 104px; }
.boardlist_res th:nth-of-type(4), .boardlist_res td:nth-of-type(4) { width: 104px; }
/*.boardlist_res th:last-child { width: 84px; }*/
/*.boardlist_res td:last-child { width: calc( 84px - 18px ); }*/








/* 2018-04-17 추가 */
/*.boardlist tbody {background:#f5f8fd}
.boardlist tbody td{color:#555}
.boardlist tbody tr:first-child td {border-top:1px solid #6196ee !important}
.boardlist tbody tr:last-child td {border-bottom:1px solid #b1c8e8 !important}*/

.bodycomplist tbody {background:#f5f8fd}
.bodycomplist tbody td{color:#555}
.bodycomplist tbody tr:first-child td {border-top:1px solid #6196ee !important}
.bodycomplist tbody tr:last-child td {border-bottom:1px solid #b1c8e8 !important}

.boardview {width:100%; margin-top:20px; border-width:2px 0 1px; border-style:solid; border-color:#145dd7 transparent #7a7a7a}
.boardview th {padding:10px 0 10px 15px; background:#eef4fc; text-align:left; color:#7a7a7a; border-top:solid 1px #dbdbdb}
.boardview td {padding:10px 0 10px 7px; text-align:left; color:#7a7a7a; border-top:solid 1px #dbdbdb}
.boardview tr:first-child th,
.boardview tr:first-child td {border-top:0}
.boardview td div.file {margin-top:5px}
.boardview td div.file a{color:#7a7a7a}
.boardview td div.file a:hover{color:#145dd7}
.boardview td div.file:first-child {margin-top:0}
.boardview td div.file img {vertical-align:middle; margin-right:5px}
.boardview td div.viewbox {padding:5px; min-height:150px; font-size:13px; line-height:18px}
.boardview tr.listup th {padding-left:30px; background:#eef4fc url(../../images/web/common/ico_writeup.png) no-repeat 18px 50%}
.boardview tr.listup a {color:#7a7a7a}
.boardview tr.listdown th {padding-left:30px; background:#eef4fc url(../../images/web/common/ico_writedown.png) no-repeat 18px 50%}
.boardview tr.listdown a {color:#7a7a7a}
.boardview.st02 {border-width:2px 0 1px; border-style:solid; border-color:#145dd7 transparent #dbdbdb}
.boardview.st02 th {padding:10px 0; text-align:center}
.boardview.st02 td .phonebox {position:relative; height:304px; background:url(../../images/web/common/bg_phone.png) no-repeat 50% 0; }
.boardview.st02 td .phonebox .inner {position:absolute; top:65px; left:50%; width:160px; margin-left:-80px; color:#323232; font-size:13px; line-height:16px}
.boardview.st02 td .btnbox {display:inline-block}
.boardview.st03 {border:solid 1px #dcdddd}
.boardview.st03 {font-size:13px}
.boardview.st03 th {padding:10px 0; text-align:center}
.boardview.st03 th.heightpx {height:42px;padding:0px 0}
.boardview.st04 {border:solid 1px #dcdddd}
.boardview.st04 {font-size:13px}
.boardview.st04 th {padding:10px 0; text-align:center}
.boardview.st04 td {padding:5px}

.schbox {position:relative;margin-bottom:45px; padding:10px 20px; border:solid 3px #e2e7ef}
.schbox div {margin-top:8px}
.schbox div:first-child {margin-top:0}

.advice {overflow:hidden; margin-top:20px; border:solid 3px #e2e7ef}
.advice dt {float:left; background:#e2e7ef url(../../images/web/common/bg_tri.png) no-repeat 100% 50%; width:115px; padding:37px 0; font-size:15px; line-height:18px; color:#7a7a7a; font-weight:bold; text-align:center}
.advice dd {float:left; width:472px; padding:17px 20px}
.advice dd ul {overflow:hidden; margin:-12px 0 0 -8px}
.advice dd li {float:left; margin:12px 0 0 8px}
.advice dd li a.on {background:url(../../images/web/btn/btnbg_blue.gif) repeat-x 0 0; border:solid 1px #0049c4; color:#fff}

.postbox {overflow:hidden; border:solid 3px #e2e7ef; }
.postbox li {position:relative; border-top:solid 1px #e2e7ef; padding:20px}
.postbox li:first-child {border-top:0}
.postbox li em {display:table-cell;height:30px;padding-right:120px; vertical-align:middle; padding-left:10px; color:#7a7a7a; line-height:16px; background:url(../../images/web/common/bg_dot1.png) no-repeat 0 7px} 
.postbox li em.txt_blue {font-weight:bold; background:url(../../images/web/common/bg_dot2.png) no-repeat 0 14px}
.postbox li a {position:absolute; top:50%; right:20px;margin-top:-20px}

.imgcon {overflow:hidden; border:solid 2px #dbdbdb; padding:30px; margin-top:20px; font-size:13px; line-height:20px; color:#7a7a7a}
.imgcon .tit {font-size:14px; font-weight:bold; margin-bottom:10px}
.imgcon ul {overflow:hidden; float:left;; margin:20px -30px 0 0; vertical-align:middle}
.imgcon li {float:left; position:relative; margin:0 30px 30px 0; width:162px; height:172px; border:solid 1px #6597ee; background:#b3b3b3}
.imgcon li a.btn_del {position:absolute; top:7px; right:7px}

.upload {display:inline-block; float:left; margin:20px 0 0 30px; position:relative; width:164px; height:178px; vertical-align:middle; background:url(../../images/web/btn/btn_upload.png) no-repeat 50% 50%}
.upload label {position:absolute; top:0px; right:0; width:158px; height:172px; border:solid 3px #6597ee; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; cursor:pointer; text-indent:-9999px}
.upload input[type="file"] {overflow:hidden; position: absolute; top:-1px; width:1px; height:1px; border:0; opacity:0; filter:alpha(opacity=0); selector-dummy : expression(this.hideFocus=true)}

.upload_02 {position:relative; width:400px; padding-right:76px; margin-top:10px}
.upload_02 label {position:absolute; top:0px; right:0; width:70px; height:25px; line-height:25px; color:#6597ee; text-align:center; cursor:pointer}
.upload_02 input.txt {width:390px}
.upload_02 input[type="file"] {overflow:hidden; position: absolute; top:-1px; width:1px; height:1px; border:0; opacity:0; filter:alpha(opacity=0); selector-dummy : expression(this.hideFocus=true)}

.videoarea {overflow:hidden; margin-top:20px}
.videobox {float:left; padding:3px; border:solid 1px #6597ee; width:468px;box-sizing:border-box}
.videoinfo {float:left; border:solid 1px #dbdbdb; width:255px; margin-left:17px}
.videoinfo dt {text-align:center; line-height:30px; background:url(../../images/web/btn/btnbg_gray.gif) repeat-x 0 0; font-size:13px}
.videoinfo dd {padding:10px; border-top:solid 1px #dbdbdb}
.videoinfo dd textarea {width:227px; height:215px}

.fileinfo {width:476px; position:relative; margin-top:10px}
.fileinfo .filename {padding-left:10px; color:#7a7a7a; font-size:13px; font-weight:bold}
.fileinfo .btnbox {position:absolute; top:0; right:0}

.tab {overflow:hidden; position:relative; margin:20px 0; border-bottom:solid 1px #dbdbdb}
.tab a.tab1,
.tab a.tab2 {float:left; border-width:1px 1px 0 1px; border-style:solid; border-color:#dbdbdb #dbdbdb transparent #dbdbdb; position:relative; padding:0 20px; height:40px; line-height:40px; text-align:center; font-size:13px; color:#909090}
.tab a.tab2 {border-left:0}
.tab a.on {border-color:#145dd7 #145dd7 transparent #145dd7; color:#145dd7; font-weight:bold}
.tab a.on.tab2 {border-left:solid 1px #145dd7}
.tab_02 {overflow:hidden; position:relative; margin-top:20px; border-bottom:solid 1px #ababab}
.tab_02 a {float:left; width:90px; height:34px; margin-left:2px; line-height:34px; text-align:center; color:#5d5d5d; font-size:13px; font-weight:bold; background:#f6f6f6; border-width:1px 1px 0 1px; border-style:solid; border-color:#ababab #ababab transparent #ababab; border-radius:5px 5px 0 0}
.tab_02 a:first-child {margin-left:0}
.tab_02 a.on {background:#1e61d8; border-color:#145dd7 #145dd7 transparent #145dd7; color:#fff}
.tab_03 {overflow:hidden; position:relative; margin-top:20px; border-bottom:solid 1px #ababab}
.tab_03 a {float:left; width:90px; height:34px; margin-left:2px; line-height:34px; text-align:center; color:#5d5d5d; font-size:13px; font-weight:bold; background:#f6f6f6; border-width:1px 1px 0 1px; border-style:solid; border-color:#ababab #ababab transparent #ababab; border-radius:5px 5px 0 0}
.tab_03 a:first-child {margin-left:0}
.tab_03 a.on {background:#1e61d8; border-color:#145dd7 #145dd7 transparent #145dd7; color:#fff}


.hiddenarea {position:relative; display:none}
.hiddenarea.on {display:block}
.hiddenarea .btnbox {position:absolute; top:-60px; right:0}
.hiddenarea_02 {position:relative; display:none}
.hiddenarea_02.on {display:block}

.hidden_inner {padding:30px 20px;; border-width:0 1px 1px; border-style:solid; border-color:transparent #dbdbdb #dbdbdb #dbdbdb}
.hidden_inner .intit {position:relative; margin:30px 0 15px; font-size:16px; color:#145dd7; font-weight:bold; padding-left:5px; border-left:solid 2px #145dd7}
.hidden_inner .intit:first-child {margin:0 0 10px}
.hidden_inner .intit a {position:absolute; top:-7px; right:0}



.fboxwrap {overflow:hidden}
.dleftbox {float:left; padding:13px; width:427px; border:solid 1px #dbdbdb}
.drightbox {float:right; padding:13px; width:321px; margin-left:10px; border:solid 1px #dbdbdb}
.drightbox .dashtit {font-size:13px; color:#5d5d5d; font-weight:bold; margin-bottom:8px}
.drightbox .dashinner {width:100%; height:214px; border:solid 1px #dbdbdb}
.drightbox.st02 {padding:0; border:0; width:401px}

.fboxwrap .drightbox{padding:13px 18px 7.5em;width:311px;background:url('../../images/web/contents/bg_missn_community02.gif') no-repeat 0 100%}
.fboxwrap .drightbox .dashtit {font-size:15px; color:#5d5d5d; margin:0;padding:35px 0 0 0;background:url('../../images/web/contents/bg_missn_community01.gif') no-repeat -18px -16px}
.fboxwrap .drightbox .dashinner {height:auto;margin-top:20px;border:0;font-size:14px;line-height:1.5;color:#333}
.dashcomment {height: 25px;line-height: 23px;padding: 0 0 0 5px;color: #7a7a7a;overflow:hidden}


.linstinfo {margin-top:20px; font-size:14px; color:#5d5d5d; font-weight:bold; border:solid 3px #e2e7ef; padding:15px 20px}
.linstinfo .info {float:right; overflow:hidden}
.linstinfo .info li {float:left; padding-left:10px; margin-left:10px; background:url(../../images/web/common/bg_bar.gif) no-repeat 0 4px; color:#5d5d5d; line-height:16px; font-weight:normal}
.linstinfo .info li:first-child {background:none; margin-left:0; padding-left:0; color:#145dd7}
/* datepicker */
.ui-datepicker {display:none; width:17em; padding:.2em .2em 0; z-index: 2102 !important;}  /* modal z-index 변경으로 인해 달력 z-index 변경 */
.ui-datepicker .ui-datepicker-header {position:relative; padding:.2em 0}
.ui-icon {display:block; overflow:hidden; width:16px; height:16px; text-indent:-99999px}
.ui-icon-circle-triangle-w {background:url('../../images/web/btn/btn_calendarset_l.png') no-repeat 50% 50%}
.ui-icon-circle-triangle-e {background:url('../../images/web/btn/btn_calendarset_r.png') no-repeat 50% 50%}
.ui-datepicker {padding:5px; border:1px solid #cdcdcd}
.ui-datepicker .ui-datepicker-prev {position:absolute; top:11px; left:3px; width:1.8em; height:1.8em}
.ui-datepicker .ui-datepicker-next {position:absolute; top:11px; right:3px; width:1.8em; height:1.8em}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:block;	position:absolute; top:5px; left:50%; margin-top:-8px; margin-left:-8px}
.ui-datepicker .ui-datepicker-title {margin:0; color:#383838; text-align:center; font-size:13px; line-height:1.8em}
.ui-datepicker .ui-datepicker-title select {margin:3px; font-size:1em}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:26%}
.ui-datepicker table {width:100%; margin:7px 0 0 0; border-collapse:collapse}
.ui-datepicker table th {padding:2px 0 5px 0; border:0; color:#383838; text-align:center; font-weight:bold; font-size:11px; font-family:verdana}
.ui-datepicker table td {padding:1px; font-size:9px; font-family:verdana}
.ui-datepicker table td a {font-size:9px; font-family:verdana}
.ui-datepicker td a {display:block; width:23px; height:23px; padding-top:3px; color:#666; text-align:center}
.ui-datepicker td span {display:block; width:23px; height:23px; padding-top:3px; color:#666; text-align:center}
.ui-datepicker td a:hover {background:#e1e1e1}
.ui-datepicker td.ui-datepicker-today a {border:1px solid #333}
.ui-datepicker-row-break {clear:both; width:100%; font-size:0}
.ui-widget {font-size:1.1em; font-family:Verdana,Arial,sans-serif}
.ui-widget .ui-widget {font-size:1em}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {font-size:1em; font-family:Verdana,Arial,sans-serif}
.ui-widget-content {background:#fff; color:#222}
.ui-widget-content a {color:#222}
.ui-widget-header {background:#ccc; color:#222; font-weight:bold}
.ui-widget-header a {color:#222}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {content:""; display:table; border-collapse:collapse}
.ui-helper-clearfix:after {clear:both}
.ui-helper-clearfix {min-height:0} /* support:IE7 */
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {border-top-left-radius:4px}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {border-top-right-radius:4px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {border-bottom-left-radius:4px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {border-bottom-right-radius:4px}
.ui-datepicker-trigger {vertical-align:middle; cursor:pointer; margin-left:5px}

/* modalpop */
.ovh {overflow:hidden !important}
[class ^="modalpop"] {overflow:hidden; position:absolute; top:50%; left:50%; z-index:1100; background:#fff; border:solid 2px #145dd7}
.modalwrap {position:relative}
.btn_modalclose {position:absolute; top:15px; right:15px; width:22px; height:22px; background:url(../../images/web/btn/btn_modalclose.png) no-repeat 50% 50%; text-indent:-99999px}
[class ^="modalpop"] .prebox {position:absolute; top:25px; right:73px; font-size:0}
[class ^="modalpop"] .prebox .btn_pop_next {margin-left:3px}
[class ^="trplayer"] {position:fixed; right:0; top:0; z-index:1050; width:100%; height:100%}
[class ^="trplayerw"] {overflow:auto; position:fixed; right:0; top:0; z-index:2100; width:100%; height:100%} /* 정건희 선생님 - header에 모달 종료 버튼 가려지는 현상 수정 요청 20250519 */
body.a-width [class ^="modalpop"] {left:0 !important; margin-left:0 !important}
body.a-height [class ^="modalpop"] {top:100 !important; margin-top:0 !important}

.popwrap {padding:30px 15px; width:740px}
.popwrap.st02 {width:470px}
.popwrap table {font-size:13px}
.popwrap .poptit {position:relative; margin:20px 0 10px; color:#145dd7; font-weight:bold; padding-left:5px; border-left:solid 2px #145dd7}
.popwrap .poptit:first-child {margin:0 0 10px}
.popwrap .poptit ul {position:absolute; top:-10px; right:35px}
.popwrap .poptit ul li a {color:#145dd7; font-weight:normal}
.popwrap .poptit ul li {float:left;margin:0 0 0 17px;background:url('../../images/web/contents/list_bar.png') no-repeat 0 4px;padding:0 0 0 17px;line-height:130%}
.popwrap .poptit ul li:first-child {margin:0;background:none}

.chatbox {padding:10px; margin-top:15px;background:#f4f4f4; border:solid 1px #c3c3c3; box-shadow:1px 1px 2px 1px #ebebeb inset}
.chatbox .chattit {padding-bottom:10px; margin-bottom:10px;border-bottom:solid 1px #dbdbdb}
.chatbox .chattit strong {display:block; font-size:13px; line-height:20px}
.chatbox .chatinfo {padding:0 0 10px; height:140px; overflow-y:auto}
.chatbox .chatinfo li {font-size:13px; margin-top:5px;line-height:1.5}
.chatbox .chatinfo li span {display:inline-block; margin-right:5px; background:#b7b7b7; width:110px; height:20px; line-height:20px; border-radius:10px; font-size:12px; color:#fff; text-align:center}

.resch_scroll_box{display:block;height:500px;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:10px;box-sizing:border-box;border:1px solid #ddd}

.resch_scroll_box dl{margin-bottom:15px}
.resch_scroll_box dl.mb{margin-bottom:25px}
.resch_scroll_box dt{font-size:14px;line-height:1.2; font-weight:bold; color:#5d5d5d;margin-bottom:10px}
.resch_scroll_box dd{font-size:14px;color:#5d5d5d;margin-left:15px;padding-right:10px;box-sizing:border-box}
.resch_scroll_box dd input[type="radio"]{width:16px;height:16px;vertical-align:top;margin-right:5px;}
.resch_scroll_box dd input[type="checkbox"]{margin-right:5px;}
/*.resch_scroll_box dd label{margin-left:5px;}*/
/*.resch_scroll_box dd span:first-child{margin-right:12px}*/
.resch_scroll_box dd span{margin-right:20px}
.resch_scroll_box dd p{margin-right:20px; margin-bottom:10px;}
.resch_scroll_box dd textarea{height:80px}
.resch_scroll_box ul{margin-bottom:20px}
.resch_scroll_box li.depth01{margin-left:15px}
.resch_scroll_box li.depth02{margin-left:30px}
.resch_scroll_box li.depth03{margin-left:45px}
.resch_scroll_box li.depth04{margin-left:60px}
.resch_scroll_box li.depth05{margin-left:75px}


/*ysh*/
.star_color {color:#ff4d00}

.btn_result {display:inline-block; background-position:21px 55%, 0 0; background-image:url(../../images/web/btn/ico_result.png), url(../../images/web/btn/btnbg_gray.gif); background-repeat:no-repeat,repeat-x; width:130px; height:30px; padding-left:20px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}
.btn_result2 {display:inline-block; background-position:21px 55%, 0 0; background-image:url(../../images/web/btn/ico_result2.png), url(../../images/web/btn/btnbg_gray.gif); background-repeat:no-repeat,repeat-x; width:130px; height:30px; padding-left:20px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}
.btn_result3 {display:inline-block; background-position:17px 50%, 0 0; background-image:url(../../images/web/btn/ico_result3.png), url(../../images/web/btn/btnbg_gray.gif); background-repeat:no-repeat,repeat-x; width:100px; height:30px; padding-left:20px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}

.btn_chks {display:inline-block; background-position:21px 55%, 0 0; background-image:url(../../images/web/btn/btn_chk.png), url(../../images/web/btn/btnbg_gray.gif); background-repeat:no-repeat,repeat-x; width:130px; height:30px; padding-left:20px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}
.btn_attand_yes {display:inline-block; background-position:14px 55%, 0 0; background-image:url(../../images/web/btn/btn_attend1.png), url(../../images/web/btn/btnbg_gray.gif); background-repeat:no-repeat,repeat-x; width:86px; height:30px; padding-left:15px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}
.btn_attand_no {display:inline-block; background-position:14px 55%, 0 0; background-image:url(../../images/web/btn/btn_attend2.png), url(../../images/web/btn/btnbg_gray.gif); background-repeat:no-repeat,repeat-x; width:86px; height:30px; padding-left:15px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}

.btn_type1 {display:inline-block; background-position:0 0; background-image: url(../../images/web/btn/btnbg_gray.gif); background-repeat:repeat-x; width:130px; height:30px; line-height:30px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a}
.btn_type2 {display:inline-block; width:102px; height:34px; line-height:30px; color:#145dd7; text-align:center; cursor:pointer; background:url(../../images/web/btn/btnbg_gray.gif) left bottom repeat-x #fff; border: solid 1px #145dd7; vertical-align:middle; font-weight:bold; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.boardview.mt0 {margin-top: 0px}
.boardview.st04 {border:solid 1px #dcdddd; border-top: solid 2px #145dd7}
.boardview.st04 th { border-right:solid 1px #dcdddd; }
.boardview.st04 th.l_line {border-left:solid 1px #dcdddd}
.boardview.st04 td.thin {padding: 5px ; }

.boardlist.mt10 {margin-top: 10px}
.boardlist.mt0 {margin-top: 0px}
.boardlist.st02 { border-top: solid 2px #145dd7}
.boardlist.st02 td.left {padding: 8px 10px; text-align:left; }

.boardlist.st03 { border-top: solid 2px #145dd7}
.boardlist.st03 td {padding: 8px 0; }
.boardlist.st03 td.left {padding: 8px 10px; text-align:left; }
.boardlist.st03 .line {border-left: solid 1px #dbdbdb !important}

.boardlist.st04 { border-top: solid 2px #145dd7}
.boardlist.st04 th {background:#fbfbfb}
.boardlist.st04 .line {border-left: solid 1px #dbdbdb !important}
.boardlist.st04 .line2 {border-top: solid 1px #dbdbdb !important}

.boardlist.st05 { border-top:0;border-left:0 !important}
.boardlist.st05 th {background:#fbfbfb;border-bottom:1px solid #dbdbdb}
.boardlist.st05 td {text-align:center; color:#7a7a7a; line-height:23px}
.boardlist.st05 .line {border-left: solid 1px #dbdbdb !important}
.boardlist.st05 .line2 {border-top: solid 1px #dbdbdb !important}

input[type="text"].txt2  {width:300px; height:32px; line-height:23px; padding:0 5px; background:#fff; border:solid 1px #c3c3c3; box-shadow:1px 1px 0 1px #ebebeb inset; vertical-align:middle}
.select {width:100px; height:34px; line-height:34px; padding:0 0 0 5px; font-size:13px; color:#7a7a7a; border:solid 1px #6597ee; vertical-align:middle}

input.center {text-align:center; padding-left: 0px; }

.title_type1 {padding-left: 7px; background:url(../../images/web/contents/bul1.gif) 0 center no-repeat; font-size:15px; line-height:18px; color:#145dd7; vertical-align:top; }
.title_type1.lh32 {line-height:32px}
.title_type1.lh32 {line-height:32px}

.box_type1 {border: solid 1px #dbdbdb; padding: 20px 14px; }
.box_type2 {border: solid 1px #c3c3c3; padding: 14px 14px; }
.box_type3 {border: solid 1px #dddddd; padding: 10px 13px; }

.heath_care_section .hiddenarea {padding:6px 10px; border: solid 1px #dddddd}

.txt_type1 {font-size:14px; line-height:32px; color:#5d5d5d; margin-right: 8px;vertical-align:top}
.txt_type2 {font-size:14px; line-height:18px; color:#5d5d5d; display:inline-block; float: left; margin-top: 10px}
.txt_type3 {font-size:14px; line-height:18px; color:#5d5d5d}
.txt_type4 {font-size:13px; line-height:18px; color:#7a7a7a}
.txt_type5 {font-size:14px; line-height:15px; color:#5d5d5d;margin-bottom:10px}
.txt_width1 {display:inline-block;width:66px}
.txt_type1.mwid{display:inline-block;text-align:right;min-width:64px}

.b_yellow {display:inline-block; min-width: 50px; height: 34px; padding:0 8px;background-color:#feb002; text-align:center; color:#fff; font-weight:bold; font-size:13px; line-height:34px;  vertical-align:middle; }
.b_yellow.l25 {width:45px; height:27px; line-height:25px}

.btn_both {width: 100%; overflow:hidden; margin-bottom:10px}
.btn_both div {float: right; }
.btn_both .l_area {float: left; }
.btn_both .r_area {float: right; }
.btn_right_align {text-align:right; }

.subTitleDate{overflow:hidden; margin-bottom:1px;background:#fafafa;border:1px solid #dddddd;padding:5px 10px}
.subTitleDate strong {font-size:14px; line-height:25px; color:#5d5d5d}
.subTitleDate strong span {font-size:22px;font-weight:800; vertical-align:top; color:#f88743}

.judg_box {padding-left: 34px; position:relative; }
.judg_box .chk {position:absolute; left:5px; top:3px; }
.judg_box .tit {font-size:14px; line-height:18px; color:#7a7a7a}
.judg_box .txt1 {font-size:14px; line-height:18px; color:#7a7a7a; }
.judg_box .m_box {width: 180px; border: solid 1px #c3c3c3; display:inline-block; height: 32px; text-align:center; color:#7a7a7a; font-size:13px; line-height:30px; font-weight:bold; vertical-align:middle; }
.judg_box .m_box2 {border: solid 1px #c3c3c3; display:block; height: 32px; text-align:center; color:#7a7a7a; font-size:13px; line-height:30px; vertical-align:middle; }
.judg_box .m_table {width: 100%; }
.judg_box .m_table th {text-align:left; font-size:14px; line-height:18px; color:#5d5d5d; text-align:left; }
.judg_box .m_table td {padding: 5px 0; text-align:left; font-size:14px; line-height:18px; color:#5d5d5d; text-align:left; }
.judg_box .m_table td.tarea {text-align:left; padding-left: 10px; } 
.judg_box .jbtn_orange {display:inline-block; width: 57px; height: 32px; background-color:#fff; border: solid 1px #fb8200; font-size:13px; line-height:30px; color:#fb8200; text-align:center; font-weight:bold;-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px}
.judg_box span.jbtn_orange {-moz-border-radius: 0; -webkit-border-radius: 0;border-radius: 0}
.judg_box .jbtn_orange.on { background-color:#fda803; border: solid 1px #fda803; color:#fff}

.judg_box2 {position:relative}
.judg_box2 .m_table {width: 100%; }
.judg_box2 .m_table th {text-align:left; font-size:14px; line-height:18px; color:#7a7a7a; text-align:left; }
.judg_box2 .m_table td {padding: 5px 0; text-align:left; font-size:14px; line-height:18px; color:#5d5d5d; text-align:left; }
.judg_box2 .m_table td.tarea {text-align:left; padding-left: 10px; } 
.judg_box2 .m_table input[type="checkbox"] {margin:0 5px 0 0}

.upload_03 {display:inline-block; position:relative; padding-right:76px; height: 55px; }
.upload_03 label {position:absolute; top:3px; right:0; width:70px; height:25px; line-height:25px; color:#7a7a7a; text-align:center; cursor:pointer}
.upload_03 input.txt2 {width:145px}
.upload_03 input[type="file"] {overflow:hidden; position: absolute; top:-1px; width:1px; height:1px; border:0; opacity:0; filter:alpha(opacity=0); selector-dummy : expression(this.hideFocus=true)}
.upload_03 .file_path {position:absolute; left:0px; bottom:0px; display:inline-block;  font-size:13px; line-height:18px; color:#7a7a7a; font-weight:bold; }

.upload_04 {display:inline-block; position:relative; padding-right:112px; }
.upload_04 label {position:absolute; top:0px; right:0; width:102px; height:34px; line-height:30px; color:#145dd7; text-align:center; cursor:pointer; background:url(../../images/web/btn/btnbg_gray.gif) left bottom repeat-x #fff; border: solid 1px #145dd7;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.upload_04 input.txt2 {width:550px; height: 34px; }
.upload_04 input[type="file"] {overflow:hidden; position: absolute; top:-1px; width:1px; height:1px; border:0; opacity:0; filter:alpha(opacity=0); selector-dummy : expression(this.hideFocus=true)}

.device_table {width: 100%; }
.device_table td {padding: 5px 0; text-align:left; line-height:34px; }
.device_table td.right {text-align:right; }
.device_table td.top {vertical-align:top; }






/* 2018 03 29 mod */
.energy_set_area {margin:0 0 20px}
.energy_set_area:after{display:block; content:"";clear:both}
.energy_set dt, .energy_set dd .infor_box3 dt, .energy_set dd table.infor_boxtb th{
	font-size:13px;font-weight:bold; color:#5d5d5d;text-align:center;
	border-bottom: solid 1px #c3c3c3;
	background-color:#f7f7f7; 
	background: -webkit-linear-gradient(#fff, #f7f7f7);
   background: -moz-linear-gradient(#fff, #f7f7f7);
   background: -o-linear-gradient(#fff, #f7f7f7);
   background: linear-gradient(#fff, #f7f7f7);
 }
.energy_set {border: solid 1px #c3c3c3; width:370px;float:left}
.energy_set:nth-child(1){margin-right:10px}
.energy_set dt {height:30px;line-height:26px; border-bottom: solid 1px #c3c3c3}
.energy_set dd {font-size:14px; line-height:58px; color:#7a7a7a; font-weight:bold}
.energy_set dd .left {text-align:left; }
.energy_set dd .txt1 {font-size:16px; line-height:22px; color:#145dd7; display:block; padding-bottom: 5px; }
.energy_set dd .txt2 {font-size:13px; line-height:20px; color:#5d5d5d}

.energy_set dd .infor_box_li {font-size:14px; line-height:34px; color:#7a7a7a;padding:10px 10px 0}
.energy_set dd .infor_box_li input, .energy_set dd .infor_box input{width:50px;background-color:#F5F5F5}
.energy_set dd .infor_box_li li{display:inline-block;width:49%}
.energy_set dd .infor_box_li li:last-child{text-align:right;width:49.5%}

.energy_set dd .infor_box {font-size:14px; line-height:34px; color:#7a7a7a;padding:10px 10px 0}
.energy_set dd .infor_box select{width:185px}
.energy_set dd .infor_box.line{padding-bottom:10px;border-bottom: solid 1px #c3c3c3;margin-top:5px;padding-top:0px}
.energy_set dd .infor_box.mgT10{margin-top:10px}
.energy_set dd .infor_box3 {border: solid 1px #c3c3c3; margin:10px}
.energy_set dd .infor_box3 dt {height: 26px; line-height:24px; }
.energy_set dd .infor_box3 dd {height: 40px; font-size:14px; line-height:38px; color:#7a7a7a; font-weight:bold; text-align:center}

.energy_set dd table.infor_boxtb {border: solid 1px #c3c3c3;margin:10px;width:350px}
.energy_set dd table.infor_boxtb th {height:30px; line-height:24px}
.energy_set dd table.infor_boxtb th.scth {height:23px;border-left:1px solid #ddd}
.energy_set dd table.infor_boxtb td {min-height:auto;border:0;border-left:1px solid #ddd;font-size:14px; line-height:30px; color:#7a7a7a; font-weight:bold;text-align:center;height:51px}
.energy_set dd table.infor_boxtb td img {margin:0 0 0 5px}
.energy_set dd table.infor_boxtb td:first-child {border-left: 0px}
.energy_set dd table.infor_boxtb th:first-child {border-left: 0px}
.energy_set dd table.infor_boxtb td div.npst {padding:0 10px;overflow:hidden}
.energy_set dd table.infor_boxtb td div.npst ul {margin:5px 0 0 0;float:right}
.energy_set dd table.infor_boxtb td div.npst ul li {margin:3px 0 0 0;height:6px}
.energy_set dd table.infor_boxtb td div.npst ul li img {vertical-align:top}

.energy_set input, .energy_set select {height:28px !important}



.energy_table {width: 100%; border-collapse:collapse;  table-layout:fixed; }
.energy_table td {min-height:106px; padding: 10px 0; text-align:center; border: solid 1px #99adcf}
.energy_table td.left {text-align:left; padding-left: 40px; }
.energy_table td .txt1 {font-size:16px; line-height:22px; color:#145dd7; display:block; padding-bottom: 5px; }
.energy_table td .txt2 {font-size:13px; line-height:20px; color:#5d5d5d}
.energy_table td.bg_color01{background-color:#6597ee}
.energy_table td.bg_color01>.txt1, .energy_table td.bg_color01>.txt2{color:#fff}
.energy_table td .infor_box {font-size:14px; line-height:34px; color:#7a7a7a}
.energy_table td .infor_box2 {width: 240px; border: solid 1px #c3c3c3; margin: 0 auto}
.energy_table td .infor_box2 dt {font-size:13px; height: 26px; line-height:24px; border-bottom: solid 1px #c3c3c3; font-weight:bold; color:#5d5d5d; background:url(../../images/web/btn/btnbg_gray.gif) left bottom repeat-x; }
.energy_table td .infor_box2 dd {height: 60px; font-size:14px; line-height:58px; color:#7a7a7a; font-weight:bold; }

.energy_table td table.infor_boxtb {width: 240px; border: solid 1px #c3c3c3; margin: 0 auto}
.energy_table td table.infor_boxtb th {font-size:13px; height:30px; line-height:24px; border-bottom: solid 1px #c3c3c3; font-weight:bold; color:#5d5d5d; background:url(../../images/web/btn/btnbg_gray.gif) left bottom repeat-x}
.energy_table td table.infor_boxtb th.scth {height:23px;border-left:1px solid #ddd}
.energy_table td table.infor_boxtb td {min-height:auto;border:0;border-left:1px solid #ddd;font-size:14px; line-height:30px; color:#7a7a7a; font-weight:bold}
.energy_table td table.infor_boxtb td img {margin:0 0 0 5px}
.energy_table td table.infor_boxtb td:first-child {border-left: 0px}
.energy_table td table.infor_boxtb th:first-child {border-left: 0px}
.energy_table td table.infor_boxtb td div.npst {padding:0 10px;overflow:hidden}
.energy_table td table.infor_boxtb td div.npst ul {margin:5px 0 0 0;float:right}
.energy_table td table.infor_boxtb td div.npst ul li {margin:3px 0 0 0;height:6px}
.energy_table td table.infor_boxtb td div.npst ul li img {vertical-align:top}


.intake_section1 {width: 100%; overflow:hidden; }
.intake_section1 .sec1_box {width: 486px; height: 228px; float: left; margin-right: 10px; margin-bottom: 14px; }
.intake_section1 .sec2_box {width: 288px; height: 228px; float: left; margin-bottom: 14px; }
.intake_section1 .sec3_box {width: 100%; height: 410px; float: left}
.intake_section1 .sec4_box {width:400px; height:225px;float: left}

.intake_section2 {border: solid 3px #e2e7ef; padding: 24px; }
.intake_section2 .line {border-bottom: solid 1px #e2e7ef}
.intake_section2 .sec1_box {font-size:13px; line-height:38px; color:#7a7a7a}
.intake_section2 .sec2_box {padding: 10px 0; }
.intake_section2 .sec2_box strong {display:inline-block; padding-right: 10px; color:#7a7a7a; font-size:14px; line-height:34px; }
.intake_section2 .sec3_box {padding-top: 10px; }
.intake_section2 .sec3_box textarea {height: 120px; }

.intake_section3 {width: 100%; overflow:hidden; }
.intake_section3 .sec1_box {width: 400px;float: left; margin-right: 10px}
.intake_section3 .sec2_box {width: 288px; height: 228px; float: left}

.danger_point1 {width: 100%; overflow:hidden; margin-bottom: 11px; }
.danger_point1 .sec1 {margin-right: 8px; float: left;  width: 120px; height: 34px; background-color:#6597ee; text-align:center; font-size:13px; line-height:32px; font-weight:bold; color:#fff;
	-moz-border-radius: 34px; 
	-webkit-border-radius: 34px;
	border-radius: 34px;
}
.danger_point1 .sec2 {float: left; width: 232px; height: 32px;  border: solid 1px #c3c3c3; font-size:13px; line-height:30px; color:#7a7a7a; text-align:center; }
.danger_point1 .sec3 {float: left; width: 232px; height: 32px;  border: solid 1px #c3c3c3; font-size:13px; line-height:30px; color:#7a7a7a; text-align:center; }
.danger_point1 .sec4 {margin-left: 8px; float: left;  width: 160px; height: 34px; background-color:#6597ee; text-align:center; font-size:13px; line-height:32px; font-weight:bold; color:#fff;
	-moz-border-radius: 34px; 
	-webkit-border-radius: 34px;
	border-radius: 34px;
}
.danger_point1 .arrow {float: left; width: 20px; height: 34px; background:url(../../images/web/contents/ico_arrow1.gif) 0 0 no-repeat; } 



/* 2018 03 29 mod */
.danger_point2 .sec2 .sec4_1 .loading-container-9, .danger_point2 .sec2 .sec5_1 .loading-container-10, .danger_point2 .sec2 .sec4_1 .loading-container-10, .danger_point2 .sec2 .sec5_1 .loading-container-9{margin-bottom: 20px}
.danger_point2 .sec2 .sec4_1 .loading-container-9, .danger_point2 .sec2 .sec4_1 .loading-container-10, .danger_point2 .sec2 .sec5_1 .loading-container-9, .danger_point2 .sec2 .sec5_1 .loading-container-10 {
	background-color:rgb(233,233,233);
	width:396px;
	height:14px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.danger_point2 .sec2 .sec4_1 .loading-progress-9, .danger_point2 .sec2 .sec5_1 .loading-progress-9, .danger_point2 .sec2 .sec4_1 .loading-progress-10, .danger_point2 .sec2 .sec5_1 .loading-progress-10 {
	height:14px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border-style:solid;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc7ec59,endColorstr=#ff61c526,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc7ec59,endColorstr=#ff61c526,GradientType=0);
}
.danger_point2 .sec2 .sec4_1 .loading-progress-9 {
	background-image:-moz-linear-gradient(53% 117% 90deg,rgb(199,236,89) 0%,rgb(199,236,89) 1%,rgb(97,197,38) 99%,rgb(97,197,38) 100%); 
	background-image:-webkit-gradient(linear,53% 117%,53% -11%,color-stop(0, rgb(199,236,89)),color-stop(0.01, rgb(199,236,89)),color-stop(0.99, rgb(97,197,38)),color-stop(1, rgb(97,197,38)));
	background-image:-webkit-linear-gradient(90deg,rgb(199,236,89) 0%,rgb(199,236,89) 1%,rgb(97,197,38) 99%,rgb(97,197,38) 100%);
	background-image:-o-linear-gradient(90deg,rgb(199,236,89) 0%,rgb(199,236,89) 1%,rgb(97,197,38) 99%,rgb(97,197,38) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(199,236,89) 0%,rgb(199,236,89) 1%,rgb(97,197,38) 99%,rgb(97,197,38) 100%);
	background-image:linear-gradient(90deg,rgb(199,236,89) 0%,rgb(199,236,89) 1%,rgb(97,197,38) 99%,rgb(97,197,38) 100%);
	width:323px;
	border-style:solid;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc7ec59,endColorstr=#ff61c526,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc7ec59,endColorstr=#ff61c526,GradientType=0);
}
.danger_point2 .sec2 .sec5_1 .loading-progress-9 {
	background-image:-moz-linear-gradient(53% 117% 90deg,rgb(199,236,89) 0%,rgb(199,236,89) 1%,rgb(97,197,38) 99%,rgb(97,197,38) 100%); 
	background-image:-webkit-gradient(linear,53% 117%,53% -11%,color-stop(0, rgb(199,236,89)),color-stop(0.01, rgb(199,236,89)),color-stop(0.99, rgb(97,197,38)),color-stop(1, rgb(97,197,38)));
	background-image:-webkit-linear-gradient(90deg,rgb(199,236,89) 0%,rgb(199,236,89) 1%,rgb(97,197,38) 99%,rgb(97,197,38) 100%);
	background-image:-o-linear-gradient(90deg,rgb(199,236,89) 0%,rgb(199,236,89) 1%,rgb(97,197,38) 99%,rgb(97,197,38) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(199,236,89) 0%,rgb(199,236,89) 1%,rgb(97,197,38) 99%,rgb(97,197,38) 100%);
	background-image:linear-gradient(90deg,rgb(199,236,89) 0%,rgb(199,236,89) 1%,rgb(97,197,38) 99%,rgb(97,197,38) 100%);
	width:323px;
	border-style:solid;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc7ec59,endColorstr=#ff61c526,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc7ec59,endColorstr=#ff61c526,GradientType=0);
}

.danger_point2 .sec2 .sec4_1 .loading-progress-10 {
	background-image:-moz-linear-gradient(49% 117% 90deg,rgb(255,201,38) 0%,rgb(255,201,38) 1%,rgb(255,128,0) 99%,rgb(255,128,0) 100%); 
	background-image:-webkit-gradient(linear,49% 117%,49% -11%,color-stop(0, rgb(255,201,38)),color-stop(0.01, rgb(255,201,38)),color-stop(0.99, rgb(255,128,0)),color-stop(1, rgb(255,128,0)));
	background-image:-webkit-linear-gradient(90deg,rgb(255,201,38) 0%,rgb(255,201,38) 1%,rgb(255,128,0) 99%,rgb(255,128,0) 100%);
	background-image:-o-linear-gradient(90deg,rgb(255,201,38) 0%,rgb(255,201,38) 1%,rgb(255,128,0) 99%,rgb(255,128,0) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(255,201,38) 0%,rgb(255,201,38) 1%,rgb(255,128,0) 99%,rgb(255,128,0) 100%);
	background-image:linear-gradient(90deg,rgb(255,201,38) 0%,rgb(255,201,38) 1%,rgb(255,128,0) 99%,rgb(255,128,0) 100%);
	width:200px;
	border-style:solid;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffc926,endColorstr=#ffff8000,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffc926,endColorstr=#ffff8000,GradientType=0);
}
.danger_point2 .sec2 .sec5_1 .loading-progress-10 {
	background-image:-moz-linear-gradient(49% 117% 90deg,rgb(255,201,38) 0%,rgb(255,201,38) 1%,rgb(255,128,0) 99%,rgb(255,128,0) 100%); 
	background-image:-webkit-gradient(linear,49% 117%,49% -11%,color-stop(0, rgb(255,201,38)),color-stop(0.01, rgb(255,201,38)),color-stop(0.99, rgb(255,128,0)),color-stop(1, rgb(255,128,0)));
	background-image:-webkit-linear-gradient(90deg,rgb(255,201,38) 0%,rgb(255,201,38) 1%,rgb(255,128,0) 99%,rgb(255,128,0) 100%);
	background-image:-o-linear-gradient(90deg,rgb(255,201,38) 0%,rgb(255,201,38) 1%,rgb(255,128,0) 99%,rgb(255,128,0) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(255,201,38) 0%,rgb(255,201,38) 1%,rgb(255,128,0) 99%,rgb(255,128,0) 100%);
	background-image:linear-gradient(90deg,rgb(255,201,38) 0%,rgb(255,201,38) 1%,rgb(255,128,0) 99%,rgb(255,128,0) 100%);
	width:198px;
	border-style:solid;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffc926,endColorstr=#ffff8000,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffc926,endColorstr=#ffff8000,GradientType=0);
}







.danger_point2 {position:relative;width: 100%; overflow:hidden; margin-bottom: 20px; }
.danger_point2 .sec1 {position:absolute;left:0;top:0;width: 118px; height: 327px; line-height:329px; font-size:13px; color:#5d5d5d; font-weight:bold; border: solid 1px #c3c3c3; text-align:center; }
.danger_point2 .sec2 {margin:0 96px 0 126px;border-top: solid 2px #b8cef4}
.danger_point2 .sec2 .sec2_1 {position:relative; height: 51px; padding-top: 12px; border-bottom: solid 2px #b8cef4}
.danger_point2 .sec2 .sec2_1 .txt {padding-left: 16px; font-size:13px; line-height:18px; color:#5d5d5d}
.danger_point2 .sec2 .graph1 {position:absolute; right:16px; top:12px; width: 396px; height: 50px; background:url(https://mhc.khealth.or.kr:443/images/web/contents/img_danger1.gif) 0 0 no-repeat; }
.danger_point2 .sec2 .graph1 .pointer {display:inline-block; position:absolute; left:0px; top:22px; width: 0px; }
.danger_point2 .sec2 .graph1 .pointer em {position:absolute; left:-50px; top:0px; display:inline-block; width: 94px; padding-top: 7px; font-size:11px; color:#f11818; line-height:18px; background:url(https://mhc.khealth.or.kr:443/images/web/contents/ico_arrow2.png) center top no-repeat;text-align:center}
.danger_point2 .sec2 .sec2_2 {position:relative; height: 52px; padding-top: 12px; border-bottom: solid 2px #b8cef4}
.danger_point2 .sec2 .sec2_2 .txt {padding-left: 16px; font-size:13px; line-height:18px; color:#5d5d5d}
.danger_point2 .sec2 .graph2 {position:absolute; right:16px; top:12px; width: 396px; height: 50px; background:url(https://mhc.khealth.or.kr:443/images/web/contents/img_danger2.gif) 0 0 no-repeat; }
.danger_point2 .sec2 .graph2 .pointer {display:inline-block; position:absolute; left:0px; top:22px; width: 0px; }
.danger_point2 .sec2 .graph2 .pointer em {position:absolute; left:-50px; top:0px; display:inline-block; width: 94px; padding-top: 7px; font-size:11px; color:#f11818; line-height:18px; background:url(https://mhc.khealth.or.kr:443/images/web/contents/ico_arrow2.png) center top no-repeat}
.danger_point2 .sec2 .sec2_3 {position:relative; height: 51px; padding-top: 12px; border-bottom: solid 2px #b8cef4}
.danger_point2 .sec2 .sec2_3 .txt {padding-left: 16px; font-size:13px; line-height:18px; color:#5d5d5d}
.danger_point2 .sec2 .graph3 {position:absolute; right:16px; top:12px; width: 396px; height: 50px; background:url(https://mhc.khealth.or.kr:443/images/web/contents/img_danger3.gif) 0 0 no-repeat; }
.danger_point2 .sec2 .graph3 .pointer {display:inline-block; position:absolute; left:0px; top:22px; width: 0px; }
.danger_point2 .sec2 .graph3 .pointer em {position:absolute; left:-50px; top:0px; display:inline-block; width: 94px; padding-top: 7px; font-size:11px; color:#f11818; line-height:18px; background:url(https://mhc.khealth.or.kr:443/images/web/contents/ico_arrow2.png) center top no-repeat}
.danger_point2 .sec2 .sec4_1 {position:relative; height: 51px; padding-top: 12px; border-bottom: solid 2px #b8cef4}
.danger_point2 .sec2 .sec4_1 .txt {padding-left: 16px; font-size:13px; line-height:18px; color:#5d5d5d}
.danger_point2 .sec2 .graph4 {position:absolute; right:16px; top:12px; width: 396px; height: 50px; }
.danger_point2 .sec2 .graph4 .pointer {display:inline-block; position:absolute; left:0px; top:22px; width: 0px; }
.danger_point2 .sec2 .graph4 .pointer em {position:absolute; left:-50px; top:0px; display:inline-block; width: 94px; padding-top: 7px; font-size:11px; color:#f11818; line-height:18px; background:url(https://mhc.khealth.or.kr:443/images/web/contents/ico_arrow2.png) center top no-repeat}


.danger_point2 .sec3 {position:absolute;top:0;right:0;width: 88px}
.danger_point2 .sec3 .sec3_1, .danger_point2 .sec3 .sec3_2 {width: 86px; height: 157px; line-height:18px; font-size:13px; color:#5d5d5d; border: solid 1px #c3c3c3; text-align:center; display:table}
.danger_point2 .sec3 .sec3_1 {margin-bottom: 11px}
.danger_point2 .sec3 .sec3_1 p, .danger_point2 .sec3 .sec3_2 p {display:table-cell; vertical-align: middle}







.bar_chart_area01 {position:relative;width: 100%; overflow:hidden; }
.bar_chart_area01 .sec2 {position:relative; height:45px;margin-bottom:5px}
.bar_chart_area01 .sec2 .loading-container{margin-top:8px;
	background-color:rgb(233,233,233);
	width:226px;
	height:20px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.bar_chart_area01 .sec2 .loading-progress-good, .bar_chart_area01 .sec2 .loading-progress-bad{
	height:20px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border-style:solid;
}

.bar_chart_area01 .sec2 .loading-progress-good, .bar_chart_area01 .sec2 .loading-progress-bad {width:226px;border-style:solid}
.bar_chart_area01 .sec2 .loading-progress-good {background:#3fb836}
.bar_chart_area01 .sec2 .loading-progress-bad {background:#ff4d00}

.bar_chart_area01 .sec2 .txt {font-size:12px; line-height:37px; color:#5d5d5d;display:inline-block;width:70px;float:left;text-align:right}
.bar_chart_area01 .sec2 .graph4 {float:left;width: 226px; height:auto;display:inline-block;margin:0 5px;position:relative}
.bar_chart_area01 .sec2 .graph4 .pointer {display:inline-block; position:absolute; left:0px; width: 0px; }
.bar_chart_area01 .sec2 .graph4 .pointer em {position:absolute; left:-20px; top:-20px; display:inline-block;text-align:center; width:40px; padding-top: 20px; font-size:11px; color:#f11818; line-height:18px; background:url(../../images/ico_line.png) center top no-repeat}
.bar_chart_area01 .sec2 .txtvalue {font-size:12px; line-height:37px; color:#5d5d5d;display:inline-block;width:55px;float:left;text-align:right}
.bar_chart_title{font-size:14px; color:#5d5d5d;text-align:center;margin-bottom:15px}
.bar_chart_title span{font-size:11px; color:#aaa;display:inline-block;margin-top:5px}


.tab_type1 {width: 100%; overflow:hidden; border-bottom: solid 1px #c3c3c3}
.tab_type1 li {float: left; position:relative; margin-left: 2px}
.tab_type1 li:first-child {margin-left: 0px}
.tab_type1 li a {display:block; width: 226px; height: 36px; border: solid 1px #ababab; border-bottom: solid 0px #fff; background-color:#f8f8f8; font-size:13px; line-height:34px; color:#5d5d5d; text-align:center; font-weight:bold; vertical-align:top;  
	-moz-border-top-left-radius: 4px; 
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;

	-moz-border-top-right-radius: 4px; 
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
.tab_type1 li.on a {border: solid 1px #1e61d8; border-bottom: solid 0px #fff; background-color:#1e61d8; color:#fff}

.tab_type1.st02 {border:0}
.tab_type1.st02 li a {width: 96px; }


.prescription_level {width: 100%; overflow:hidden; }
.prescription_level dt {float: left; padding-top: 8px; font-size:14px; line-height:16px; color:#5d5d5d; font-weight:bold; }
.prescription_level dd {float: right; width: 620px; text-align:right; }
.prescription_level dd .pbtn_orange {display:inline-block; width: 110px; height: 32px; border: solid 1px #fb8200; font-size:13px; line-height:30px; color:#fb8200; text-align:center; font-weight:bold; background-color:#fff;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.prescription_level dd .pbtn_orange.on {background-color:#f79c0a; border: solid 1px #f79c0a; color:#fff}
.prescription_level dd .pbtn_gray {display:inline-block; width: 110px; height: 32px; border: solid 1px #c1c1c1; font-size:13px; line-height:30px; color:#aaa; text-align:center; font-weight:bold; background-color:#fff;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.prescription_level dd .pbtn_gray.on {background-color:#c1c1c1; color:#fff}

.prescription_txt_box1 {border: solid 1px #e2e7ef; padding:14px; font-size:13px; line-height:18px; }
.prescription_txt_box1 p{color:#aaa}
.prescription_txt_box1 p input{border:1px solid #e8e8e8;background-color:#f9f9f9;color:#aaa;box-shadow:none}

.prescription_txt_box2 {width: 100%; overflow:hidden; }
.prescription_txt_box2 .in_box1 {float: left; width: 216px; border: solid 1px #c3c3c3; text-align:center; margin-right: 15px}
.prescription_txt_box2 .in_box1 dt {font-size:13px; height: 26px; line-height:24px; border-bottom: solid 1px #c3c3c3; font-weight:bold; color:#5d5d5d; background:url(../../images/web/btn/btnbg_gray.gif) left bottom repeat-x; }
.prescription_txt_box2 .in_box1 dd {height: 44px; padding-top: 16px;color:#7a7a7a; }

.prescription_txt_box2 .in_box2 {float: left; width: 286px; border: solid 1px #c3c3c3; text-align:center}
.prescription_txt_box2 .in_box2 dt {font-size:13px; height: 26px; line-height:24px; border-bottom: solid 1px #c3c3c3; font-weight:bold; color:#5d5d5d; background:url(../../images/web/btn/btnbg_gray.gif) left bottom repeat-x; }
.prescription_txt_box2 .in_box2 dd {width: 100%; overflow:hidden; }
.prescription_txt_box2 .in_box2 dd .tit {width: 71px; float: left; height: 47px; padding-top: 12px;  text-align:center; font-size:13px; line-height:16px; font-weight:bold; color:#5d5d5d; background:url(../../images/web/btn/btnbg_gray2.gif)left bottom repeat-x; }
.prescription_txt_box2 .in_box2 dd .s_box {float: left; width: 70px; height: 43px; padding-top: 16px;  border-left: solid 1px #c3c3c3}
.prescription_txt_box2 .in_box2 dd .s_box.line {border-right: solid 1px #c3c3c3}

.prescription_txt_box3 {border: solid 2px #e2e7ef; padding: 18px 22px 22px 22px; font-size:13px; line-height:40px; color:#7a7a7a}

.prescription_txt_box4 {padding: 22px 22px 7px 22px; border: solid 1px #dbdbdb}
.prescription_txt_box4 ul {overflow:hidden; }
.prescription_txt_box4 ul li {width: 25%; height: 200px; float: left; text-align:center; font-size:13px; line-height:18px; color:#7a7a7a}
.prescription_txt_box4 ul li .img {display:block; margin-bottom: 3px; }

.prescription_txt_box5 {border: solid 2px #e2e7ef; padding: 18px 22px 22px 22px; font-size:13px; line-height:18px; color:#7a7a7a}
.prescription_txt_box5 dl {overflow:hidden}
.prescription_txt_box5 dt {float:left;font-weight:bold;margin:0 5px 10px 0}
.prescription_txt_box5 dd {margin:0 0 10px 0}
.prescription_txt_box5 dd div {clear:both;border:1px solid #ddd;background:#f4f4f4;padding:8px;margin:0 0 -10px 0}

.prescription_txt_box5 dl.dlty {overflow:hidden}
.prescription_txt_box5 dl.dlty dd {float:left;width:200px}

.prescription_txt_box6 {padding: 10px 10px 7px 10px; border: solid 1px #dbdbdb}
.prescription_txt_box6 ul {overflow:hidden; }
.prescription_txt_box6 ul li {width: 25%; height: 200px; float: left; text-align:center; font-size:13px; line-height:18px; color:#7a7a7a}
.prescription_txt_box6 ul li .img {display:block; margin-bottom: 3px; }

.table_type1 {border-top: solid 1px #dbdbdb;  border-right: solid 1px #dbdbdb; border-left: solid 1px #dbdbdb;width: 100%; table-layout:fixed; border-collapse:collapse}
.table_type1 th {border-bottom: solid 1px #dbdbdb; border-left: solid 1px #dbdbdb; padding: 10px 0 10px 10px; text-align:center; font-size:14px; line-height:18px; color:#5d5d5d; background-color:#eef4fc}
.table_type1 tr th:first-child {border-left: solid 0px #fff}
.table_type1 td {border-bottom: solid 1px #dbdbdb; border-left: solid 1px #dbdbdb; padding: 7px 10px; text-align:center; font-size:13px; line-height:18px; color:#7a7a7a; text-align:center; }
.table_type1 td.left {text-align:left; }
.table_type1 tr td:first-child {border-left: solid 0px #fff}
.table_type1 td.col {background-color:#fbfbfb}
.table_type1 .line {border-left: solid 1px #dbdbdb !important}

.table_type1.st02 {border-left: solid 1px #dbdbdb; border-right: solid 1px #dbdbdb}
.table_type1.st02 th {text-align:left; }
.table_type1.st10 {border-top: solid 2px #145dd7}

.pop_step_box {padding-left: 60px; position:relative; }
.pop_step_box.first {padding-top: 30px; border-top: solid 2px #145dd7}
.pop_step_box.first dt {top:30px}
.pop_step_box dt {position:absolute; left:0px; top:0px; line-height:20px; font-size:15px; color:#145dd7;font-weight:bold; }
.pop_step_box dd {width: 100%; font-size:13px; line-height:18px; color:#5d5d5d}
.pop_step_box .txt1 {display:inline-block; margin-left: 10px; font-size:14px; line-height:36px; font-weight:bold; color:#5d5d5d}
.pop_step_box .txt1 span {font-weight:bold; color:#145dd7}

.btn_month {min-width: 30px; height: 25px; display:inline-block; padding:0 8px;border: solid 1px #c3c3c3; background-color:#ebebeb; color:#7a7a7a; font-size:13px; line-height:23px; text-align:center; vertical-align:middle; font-weight:bold; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.btn_month.on {color:#fff; background-color:#89aeeb; border: solid 1px #6389c6}

.target_count {overflow:hidden}
.target_count li {float: left; width: 25%; height: 92px; background:url(../../images/web/contents/bg_target1.gif) 50% 0 no-repeat; clear:right}
.target_count li:first-child {margin-left: 0px}
.target_count li .tit {width: 100%; height: 30px; text-align:center; font-size:14px; line-height:28px; color:#ffffff; font-weight:bold}
.target_count li .count {width: 100%; height: 60px; line-height:56px; color:#2f74f3; font-weight:bold; font-size:22px; text-align:center; }
.target_count li .count:hover{cursor:pointer;text-decoration:underline;color:#145dd7}

.service_count dt {width:198px; border-width:1px 1px 1px 1px; border-style:solid; border-color:#f77a0a #ffb338 #f77a0a #f77a0a; -moz-border-radius:0 0 0 5px; -webkit-border-radius:0 0 0 5px; border-radius:5px 0 0 0; height:30px; background:#f79c0a; text-align:center; font-size:14px; line-height:28px; color:#ffffff; font-weight:bold}
.service_count dd {width: 198px; padding-top:10px; height:50px; border-width:0 1px 1px 1px; border-style:solid; border-color:transparent #dbdbdb #dbdbdb #dbdbdb; -moz-border-radius:0 0 0 5px; -webkit-border-radius:0 0 0 5px; border-radius:0 0 0 5px; color:#f79c0a; background:url(../../images/web/common/bg_gray.gif) repeat-x 0 0; font-weight:bold; font-size:22px; text-align:center; }
.service_count dd span {display:block; margin-top:3px; font-size:14px}

.service_count.st02 dt {width:410px; -moz-border-radius:0 5px 0 0; -webkit-border-radius:0 5px 0 0; border-radius:0 5px 0 0; border-left:0; border-right:solid 1px #f77a0a}
.service_count.st02 dd {width:410px; padding-top:0; height:60px; -moz-border-radius:0 0 5px 0; -webkit-border-radius:0 0 5px 0; border-radius:0 0 5px 0; border-left:0}
.service_count.st02 dd ul {overflow:hidden}
.service_count.st02 dd li {float:left; padding:10px 14px; border-left:solid 1px #dbdbdb}
.service_count.st02 dd li:hover, .service_count dd:hover{text-decoration:underline;cursor:pointer}
.service_count.st02 dd li:first-child {border-left:0}

.heath_care_section {width: 100%; overflow:hidden; }
.heath_care_section .left_list_box {width: 402px; height: 665px; float: left; }
.heath_care_section .right_area {width: 402px; float: right; }

.poct_box {width: 100%; height: 128px; background:url(../../images/web/contents/bg_poct.gif) 0 0 repeat; border: solid 1px #d6d6d6;text-align:center; }
.poct_box p {padding:25px 0 10px 0; font-size:14px; line-height:20px; color:#145dd7; font-weight:bold; }

/*이향은*/
.energy_table td table.infor_boxtb td div.npst a {display:inline-block;height:6px} 

 /*천예원*/ 
input[type=text]{height:25px;line-height:23px;padding:0 0 0 5px;background:#fff;border:solid 1px #c3c3c3;box-shadow:1px 1px 0 1px #ebebeb inset;vertical-align:middle;color:#7a7a7a}
input[type=password]{height:25px;line-height:23px;padding:0 0 0 5px;background:#fff;border:solid 1px #c3c3c3;box-shadow:1px 1px 0 1px #ebebeb inset;vertical-align:middle;color:#7a7a7a}
input[disabled]{background:#f5f5f5 !important}
textarea[disabled]{background:#f4f4f4}
.postbox li div{padding-left:10px;color:#878787}
.schbox div{margin-right:86px}
.schbox_sch{display:block;position:absolute;right:20px;top:10px;bottom:10px;width:66px;border-left:1px dashed #ddd;margin-top:0;background-color:#fff}
.schbox_sch a:hover em, .schbox_sch em:hover{text-decoration:underline !important}
.schbox_sch em{display:block;position:absolute;top:50%;left:50%;margin:-7px 0 0 -18px;color:#145dd7;line-height:1.2}
.tablewrap {position:relative}
/*.tb_set{margin-right:410px}
.tb_set div{width:100% !important}
*/
.tablewrap > table{position:absolute;right:0;top:0}
.fboxwrap .target_count{width:198px}
.fboxwrap .target_count li{width:100%}
.box_type1 textarea{width:99% !important}
.device_txta1{height:100px;display:inline-block;width:150px}
.device_table textarea{height:100%}
.device_txta2{height:100px;display:inline-block;width:425px}

.nu_txt_box1 {margin:0 -8px; overflow:hidden; }
.nu_txt_box1 .in_box1 {float: left; width: 33.3333%;clear:right;  text-align:center}
.nu_txt_box1 .in_box1 dt {font-size:13px; height: 26px; border: solid 1px #c3c3c3; margin:0 8px;line-height:24px; font-weight:bold; color:#5d5d5d; background:url(../../images/web/btn/btnbg_gray.gif) 0 100% repeat-x; }
.nu_txt_box1 .in_box1 dd {height: 160px; margin:0 8px;border: solid 1px #c3c3c3;border-top:0}
.in_box_img{background-position:50% 50%;background-size:cover}

.in_section1{position:relative;height:290px}
.in_section1 .sec1_box{margin-right:410px}
.in_section1 .sec2_box{position:absolute;right:0;top:0;width:372px}
.graph_section{height:230px;overflow:hidden;border:1px solid #ddd}
.graph_section .graph_box{float:left;width:50%;clear:right}
.tb_top .btnbox.tb_top_t0{top:0}
.fnt_blue {color:#2f74f3 !Important}
.fnt_blue_highlight{color:blue !important; font-weight:bold !important; text-decoration:underline;}
.bg_box{height:20px;padding-top:8px;background:#fff}
.bg_box div{height:8px;padding-top:3px;border-color:#6597ee;border-width:0 1px;border-style:solid}
.bg_box span{display:block;height:4px;background:#6597ee}
.danger_point2 .bg_box .pointer em {color:#145dd7 !important; line-height:18px; background:url(../../images/web/contents/ico_arrow3.png) center top no-repeat !important}
.vtc_mid *{vertical-align:middle}
.vtc_mid label{color:#7a7a7a}
.vtc_mid strong{margin-right:90px}
.fnt12{font-size:12px;color:#6597ee}
.btn_set1{position:relative}
.btn_set1 div{position:absolute;left:440px;top:50%;margin-top:-16px}
/*메인*/
.main_cont01{overflow:hidden}

#header{position:fixed;left:0;top:0;width:100%;background-color:#fff;z-index:2000;padding-bottom:0}
#area{padding-top:117px}
#left_mn{position:fixed;top:86px;margin:0;padding:31px 20px 0 12px;background:#fff;z-index:1000;height:100%}
.cont_tit{position:fixed;background-color:#fff;width:814px;top:86px;padding-top:30px;z-index:1000}
#conts{padding-top:58px}

.pop_2box{overflow:hidden}
.pop_2box_left{float:left;width:365px}
.pop_2box_left_txt{margin-top:19px;border:1px solid #ddd;padding:10px;height:250px;font-size:13px;line-height:1.5;color:#7a7a7a;overflow:auto}
.pop_2box_right{float:right;width:365px}
.pop_2box_right textarea{width:358px;height:270px}
.box_chk label{font-weight:bold;margin-right:20px}
.pop_2box_left_txt01{margin-top:1px;border:1px solid #ddd;padding:10px;height:250px;font-size:13px;line-height:1.5;color:#7a7a7a;overflow:auto}

.imgcon li.box_upload{border:0;background-color:transparent}
.imgcon li.box_upload div{margin:0 !important}
.btn_send {background:url(../../images/web/btn/btnbg_send.png) no-repeat 0 4px;padding:0 0 0 17px}
.chatdate{position:relative;border-top:1px dashed #b7b7b7;margin-top:25px;padding-bottom:20px}
.chatbox .chatinfo li .chatdate span{position:absolute;left:50%;top:-11px;margin:0 0 0 -60px;padding:0 15px;background:#f4f4f4;width:auto;border-radius:0;color:#878787}

.reply_pic{text-align:center;position:relative}
.reply_pic img{max-width:400px;max-height:500px}
.btn_pic{position:absolute;width:100%;top:50%;height:40px;margin-top:-20px;line-height:40px}
.btn_pic .prev_pic{position:absolute;left:0;top:0;background:url('../../images/web/btn/prev_pic.png') no-repeat 0 50%}
.btn_pic .next_pic{position:absolute;right:0;top:0;background:url('../../images/web/btn/next_pic.png') no-repeat 100% 50%}
.btn_pic a{color:#878787;border:1px solid #ccc}
.btn_pic .prev_pic a{padding:10px 15px 10px 25px}
.btn_pic .next_pic a{padding:10px 25px 10px 15px}

/* 댓글 첨부파일 미리보기 관련 css */
.commentAddFile {background:url('../../images/web/btn/btn_file_img.png') no-repeat 50% 50%; text-indent:-999em;width:16px;height:18px}

/* 댓글 첨부파일 미리보기 관련 css */
.listUnderLine {text-decoration: underline}

/* 포인트및랭킹 추가 2016.11.29 추가*/
.pointtxt_area {border:1px solid #1a60d5;background:#2f74f3;padding:15px 0;text-align:center;color:#fff;font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px}
.overhd {overflow:hidden}

/* 20161201 업로드 및 게시물 수정 시 로딩 이미지*/
.lding {position:fixed;left:50%;top:50%;margin:-64px 0px 0px 32px;z-index:99999999}
/*로딩이미지 팝업용*/
.lding_pop {position:fixed;left:48%;top:40%;z-index:99999999}

/*201704 고도화 천예원*/
/*서비스목표관리 영양비만상담*/
#header .header_inner ul li, #header .header_inner ul li a{vertical-align:middle}
.tb_btn{display:inline-block;padding:.3em 1em;border:1px solid #c3c3c3;border-radius:2px;-webkit-border-radius:2px;cursor:pointer;font-weight:bold;color:#7a7a7a}
.tb_btn:link, .tb_btn:visited, .tb_btn:focus{color:#7a7a7a;text-decoration:none}
.tb_btn:hover{border-color:#145dd7;color:#145dd7;text-decoration:none}
.boardlist_head{position:relative;margin-bottom:-1px;border-right:17px solid #eee}
.boardlist_body{max-height:484px;overflow-y:scroll;border-bottom:1px solid #ccc;margin-bottom:-1px}
.boardlist_body table{margin-top:0;border-bottom:0}

.nowrap{white-space:nowrap}
.btn_date{display:inline-block;width:30px;height:30px;text-indent:-999em}
.btn_date_prev{background:url('../../images/web/btn/btn_date_prev.gif') no-repeat 50% 50%}
.btn_date_next{background:url('../../images/web/btn/btn_date_next.gif') no-repeat 50% 50%}

.wrap_graph_bar02{margin-right:-15px}
.num_l{margin:10px 0 .2em}
.num_l span:first-child{color:#686868;font-size:14px}
.num_l span:last-child{color:#b2b2b2;font-size:14px}
.graph_bar02 .bar_box{position:relative;margin-top:10px}
.graph_bar02 .bar_box .bar{margin-right:70px}
.graph_bar02 .bar_box .bar div{height:26px;width:100%;border-radius:2em;-webkit-border-radius:2em;background-color:#ededed}
.graph_bar02 .bar_box .bar div>span{display:inline-block;position:relative;height:100%;text-indent:-999em;border-radius:2em;-webkit-border-radius:2em}
.graph_bar02 .bar_box .bar_num{position:absolute;top:0;right:20px;height:26px;line-height:26px;font-weight:bold}
.wd50p{width:50%}
.ovfwhidden{overflow:hidden}
.fll{float:left}

.graph_bar02.graph_bar03 .bar_box .bar div{-webkit-border-radius:0;border-radius:0}
.graph_bar02.graph_bar03 .bar_box .bar span{line-height:26px;-webkit-border-radius:0;border-radius:0}
.graph_bar02.graph_bar03 .bar_box .bar div{font-size:0}
.graph_bar02.graph_bar03 .bar_box .bar div>span{position:relative;font-size:0;text-indent:0;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-break:keep-all}
.bar_per{display:inline-block;text-indent:0;font-size:14px;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-break:keep-all}
.bar_num.txt_right{right:0 !important}

.legend_list{overflow:hidden}
.legend_list ul{float:right;overflow:hidden}
.legend_list ul li{float:left;position:relative;margin-left:50px;color:#7a7a7a;line-height:1.3}
.legend_list ul li:after{content:"";display:block;position:absolute;left:0;top:0;width:14px;height:14px;margin:4px 0 0 -18px}

/*신체활동비만 상담 및 목표설정*/
.rel{position:relative}
.infor_box_tit{position:absolute;left:0;top:0;width:100%;border-bottom:solid 1px #c3c3c3;height:37px;line-height:37px;background:url(../../images/web/btn/btnbg_gray.gif) left bottom repeat-x;font-weight:bold;color:#5d5d5d;font-size:13px;text-align:center}
.infor_box_tit.bg_color02{background-color:#f5f7fa}

/*컬러*/
.fnt_bld{font-weight:bold}
.bg_purple{background-color:#c52fca}
.bg_blue{background-color:#2f74f3}
.fnt_purple{color:#c52fca}
.fnt_white{color:#fff}
.liststyle_blue:after{background-color:#2f74f3}
.liststyle_gray:after{background-color:#e5e5e5}

/*공인인증서 로그인*/
.loginvisual{position:relative;width:460px;height:254px;background:url('../../images/web/contents/log_img.png') no-repeat 0 0;overflow:hidden;text-align:center;
}
.loginvisual img{margin-top:85px;-webkit-animation:cloud 2s ease 0s 1;-moz-animation:cloud 2s ease 0s 1;-o-animation:cloud 2s ease 0s 1;-ms-animation:cloud 2s ease 0s 1;animation:cloud 2s ease 0s 1}

@-webkit-keyframes cloud {
   from {opacity:0}
  to {opaticy:1}
}
@-moz-keyframes cloud {
  from {opacity:0}
  to {opaticy:1}
}
@-o-keyframes cloud {
  from {opacity:0}
  to {opaticy:1}
}
@-ms-keyframes cloud {
  from {opacity:0}
  to {opaticy:1}
}
@keyframes cloud {
  from {opacity:0}
  to {opaticy:1}
}
.certificatebox h2{padding:10px 0 10px 54px;font-size:16px;color:#333;background:url('../../images/web/contents/log_icon01.gif') no-repeat 0 0}
.certifacateset{overflow:hidden;border-width:1px 0;border-style:dashed;border-color:#ccc;margin-top:40px;padding:30px 0}
.certifacateset p{float:left;width:312px;overflow:hidden;font-size:12px;line-height:1.5;color:#545454}
.btn_log01{float:left;display:block;width:142px;height:48px;margin-top:4px;line-height:48px;overflow:hidden;background:url('../../images/web/btn/btn_log01.gif') no-repeat 0 0;color:#545454;text-align:center}
.btn_log02{margin-top:40px;text-align:center}
.btn_log02 a{display:inline-block;width:220px;height:74px;background:url('../../images/web/btn/btn_log02.gif') no-repeat 0 0;line-height:74px;color:#fff;font-size:18px;font-weight:bold}

.log_pop{width:500px;height:340px}
.log_pop.log_wrap .login_form{padding-top:0}
.popdesc{color:#878787}

.btnlist{overflow:hidden;padding-bottom:1px}
.btnlist li{float:left;width:50%;margin-right:-1px;margin-bottom:-1px}
.btnlist li>div{position:relative;border:1px solid #82abef;padding:32px 10px;text-align:center}
.btnlist li>div .btn_log01{float:none;display:inline-block;margin-top:10px}
.btnlist li>a{display:block;border:1px solid #ddd;padding:32px 10px;text-align:center;text-decoration:none}
.btnlist li>a:hover, .btnlist li>a:focus,.btnlist li>a.on{position:relative;background-color:#eee;border-color:#c5c5c5}
.btnlist li span{display:block;margin:7px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.1;color:#333}
.btnlist1{font-size:24px}
.btnlist2{font-size:14px}
.btnlist li>a.log_add{border-style:dashed;padding-bottom:90px;background-image:url('../../images/web/contents/log_add.png');background-repeat:no-repeat;background-position:50% 75%}
.log_add .btnlist1{font-size:24px;color:#145dd7}
.log_add .btnlist2{color:#878787}

/*이미지보기*/
.preview{border-spacing:0;border-collapse:0;width:100%;table-layout:fixed}
.preview td{text-align:center}
.preview td img{max-height:770px;max-width:100%}

/*영양비만팝업*/
.mslist{margin:-15px 0}
.mslist li{margin:15px 0;font-size:14px;color:#7a7a7a}

.service_count.st02 dd li{width:19.7%;height:50px;padding:10px 0 0}
.tab_04 a{width:85px}

/*집중상담 신체*/
.btn_tab{float:right;overflow:hidden}
.btn_tab li{float:left}

.legend_week{overflow:hidden;border:1px solid #ccc;padding:8px;background-color:#f7f7f7}
.legend_week li{float:left;position:relative;margin-left:28px;font-size:11px}
.legend_week li:after{content:"";display:block;position:absolute;left:0;top:50%;width:10px;height:10px;margin:-5px 0 0 -18px}
.legend_week li:first-child{margin-left:18px}
.legend_week li:first-child:after{background-color:#ff812d}
.legend_week li:nth-child(2):after{background-color:#ffd100}
.legend_week li:nth-child(3):after{background-color:#81d733}
.legend_week li:nth-child(4):after{background-color:#666}
.legend_week li:nth-child(5):after{background-color:#43cbff}
.legend_week li:nth-child(6):after{background-color:#3284c3}
.legend_week li:nth-child(7):after{background-color:#d03d53}

.legend_heart span{display:block;margin:20px 0 0;background:linear-gradient(to right, #fcd26b, #cc3635);height:12px;text-indent:-999em}
.legend_heart_num ul{height:12px;margin:10px -6.25% 0}
.legend_heart_num ul li{float:left;position:relative;width:12.5%;font-size:12px;text-align:center;color:#7a7a7a}
.legend_heart_color ul{margin:20px 10px 0;padding:0;overflow:hidden}
.legend_heart_color ul li{float:left;width:14.285%;height:12px;border-left:1px solid #fff;margin-left:-1px;text-indent:-999em}

.videoalign{display:table}
.videoalign span{display:table-cell;vertical-align:middle;text-align:center}

/*집중상담 영양*/
.nu_txt_box1 .in_box1 {width:25%}

/*추가수정_20170710*/
.legend_cm{overflow:hidden;text-align:center}
.legend_cm ul{display:inline-block;border:1px solid #ccc;padding:4px 8px 8px;background-color:#f7f7f7}
.legend_cm li{display:inline;position:relative;margin-left:28px;font-size:11px}
.legend_cm li:after{content:"";display:block;position:absolute;left:0;top:50%;width:10px;height:10px;margin:-5px 0 0 -18px}
.legend_cm li:first-child{margin-left:18px}
.legend_cm li.color145dd7:after{background-color:#145dd7}
.legend_cm li.colorf5743c:after{background-color:#f5743c}
.legend_cm li.colorffb00d:after{background-color:#ffb00d}
.legend_cm li.color9e348e:after{background-color:#9e348e}

.btn_open{display:inline-block;text-indent:-999em;border:1px solid #145dd7;width:18px;height:18px;margin-right:5px;border-radius:2px;vertical-align:middle;background:#fff url('../../images/web/contents/btn_open.png') no-repeat 50% 50%}
.btn_open:hover{display:inline-block;text-indent:-999em;border:1px solid #145dd7;width:18px;height:18px;margin-right:5px;border-radius:2px;vertical-align:middle;background:#145dd7 url('../../images/web/contents/btn_open_O.png') no-repeat 50% 50%}
.btn_close{display:inline-block;text-indent:-999em;border:1px solid #ff005a;width:18px;height:18px;margin-right:5px;border-radius:2px;vertical-align:middle;background:#fff url('../../images/web/contents/btn_close.png') no-repeat 50% 50%}
.btn_close:hover{display:inline-block;text-indent:-999em;border:1px solid #ff005a;width:18px;height:18px;margin-right:5px;border-radius:2px;vertical-align:middle;background:#ff005a url('../../images/web/contents/btn_close_O.png') no-repeat 50% 50%}

/*sitemap*/
#conts.st02{padding-left:0}
#conts.st02 .cont_tit{width:1004px}
.sitemaplist{float:left;width:168px;margin-left:26px}
.sitemaplist:first-child{margin-left:0}
.sitemaplist>li.sitemaptit{margin-bottom:20px;font-size:16px;color:#145dd7;font-weight:bold}
.sitemaplist>li{margin:10px 0; white-space: nowrap}
.sitemaplist>li>a, .sitemaplist>li>span{display:inline-block;padding:5px 0;color:#333;font-weight:bold}
.sitemaplist li i{display:inline-block;width:18px;height:18px;background:url(../../images/web/common/utbg_05_off.png) no-repeat 0 100%;margin:0 0 0 0px;padding-top:2px; box-sizing:border-box; }
.sitemaplist li i.cho{background: url(../../images/web/common/utbg_05_on.png) no-repeat 0 100%}
.sitemaplist_dep02{margin:5px 0 20px}
.sitemaplist_dep02>li>a{display:inline-block;margin:0 0;padding:6px 0 6px 0px;font-size:12px;color:#878787;box-sizing:border-box}
.sitemaplist_dep02>li>i{margin:-4px 0 0 0 !important;box-sizing:border-box;vertical-align:middle}



/*print*/
.printwrap{width:750px;margin:0 auto;line-height:1.7}
.printbox:not(:first-child){padding-top:20px;page-break-before:always}
.printbox h2{text-align:center;margin-top:40px}
.bdbox{position:relative;padding:30px;border:1px solid #b28abf;font-size:17px;letter-spacing:1px}
.bdbox.pb160{padding-bottom:160px}
.bdbox.pb287{padding-bottom:287px}
.bdarea{padding:15px;border:1px solid #ddd}
.order{display:block;float:left}
/*print-table*/
.tb01{border-spacing:0;border-collapse:0;width:100%;table-layout:fixed;word-break:keep-all}
.tb01 td{padding:0 5px;line-height:1.6}
.mgm{position:absolute;left:0;top:-1px}
.tbpd10 th{padding:10px 0}
.tbpd5 th, .tbpd5 td{padding-top:5px;padding-bottom:5px}
.bdpurple{border-top:1px solid #ccaad1;border-bottom:1px solid #ccaad1;border-left:1px solid #ccaad1}
.bdpurple th, .bdpurple td{border-right:1px solid #ccaad1;border-bottom:1px solid #ccaad1;border-color:#ccaad1}
.bdpurple tr:last-child th, .bdpurple tr:last-child td{border-bottom:0}
.bdgray th, .bdgray td{border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;border-color:#dfdfdf;font-size:15px}
.bdgray tr:last-child th, .bdgray tr:last-child td{border-bottom:0}
.bdgray{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf}
table th.nobdr, table td.nobdr{border-right:0}
.bdrfff{border-right-color:#fff !important}

.blank{display:inline-block;text-align:center}
.blankline{border-bottom:1px solid #333}
.blanks{min-width:50px}
.blankm{min-width:100px}
.blankl{min-width:150px}
.tindent{text-indent:20px}
.imp_point{ text-decoration:underline;font-weight:bold}
.small_txt{font-size:15px}
.med_txt{font-size:16px}
.pnt{margin-left:-8px;color:#f6460f}
.printwrap .left{text-align:left;text-indent:15px}
.printwrap .right {text-align:right}
.printwrap .center{text-align:center}
.printwrap .list1 li, .printwrap .list2 li{position:relative;padding:5px 0 5px 15px;line-height:1.4}
.printwrap .list1>li:after{display:block;content:"-";width:6px;height:1px;position:absolute;left:0;top:5px}
.printwrap .list2>li:after{display:block;content:"·";width:6px;height:1px;position:absolute;left:0;top:5px}
.printwrap label{margin-left:10px;font-weight:bold;}
.printwrap label.bul{margin-left:0;font-weight:bold;position:relative;padding:8px 15px 0 24px;}
.printwrap label.bul:after{display:inline-block;content:"○";width:6px;height:1px;position:absolute;left:0;top:5px;color:#666}
.chkset li{position:relative;overflow:hidden}
.chksettit{padding-left:15px}
.chksettit:after{display:block;content:"-";width:6px;height:1px;position:absolute;left:0;top:0}
.chkarea{margin-left:15px}

h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th,  td, p, blockquote, form, fieldset, legend, div,body { -webkit-print-color-adjust:exact;-ms-print-color-adjust:exact}

/*print-color*/
.bg_tbpurple{background-color:#ccaad1}
.bg_gray{background-color:#e5e5e5}
.fnpurple{color:#b28abf}

/*print-size*/
.w50p{float:left;width:50%}

/*print-font*/
.fnbold{font-weight:bold}
.descp{color:#b28abf;text-decoration:underline}
.fn14{font-size:14px}
.fn15{font-size:15px}

@media print{
	.printwrap{font-family:serif}
}

/*상담결과지*/
.print_paging{page-break-after:always}
.print_block{page-break-inside:avoid}
.poplogo{position:absolute;left:15px;top:15px;width:105px;height:21px;background:url('../../images/web/common/h1_logo.png') no-repeat 0 0;background-size:contain;text-indent:-999em}
.aclear:after{content:"";display:block;clear:both}
.popback{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:1100}
.popcont {overflow:hidden; position:fixed; top:50%; left:50%; z-index:1100; background:#fff; border:solid 1px #666;width:595px;height:842px;margin:-421px 0 0 -297px;overflow-y:auto}
.popcont .btn_close2{background:url('../../images/web/btn/btnbg_cancel.png') no-repeat 0 6px;padding:0 0 0 17px}
.btn_cm {float:right; overflow:hidden}
.btn_cm li {float:left;margin:0 0 0 17px;background:url('../../images/web/contents/list_bar.png') no-repeat 0 4px;padding:0 0 0 17px;line-height:130%}
.btn_cm li:first-child {margin:0;background:none}
.btn_cm li a {color:#145dd7}
.unit{color:#a2a2a2;font-size:10px;font-weight:normal !important}
.popcont .boardlist th, .popcont .boardlist td{font-size:12px}
.txtright{text-align:right}

.up.positive{padding-left:20px;background:url('../../images/web/contents/ico_arrow01.png') no-repeat 0 50%}
.down.positive{padding-left:20px;background:url('https://mhc.khealth.or.kr:443/images/web/contents/ico_arrow02.png') no-repeat 0 50%}
.up.negative{padding-left:20px;background:url('../../images/web/contents/ico_arrow03.png') no-repeat 0 50%}
.down.negative{padding-left:20px;background:url('../../images/web/contents/ico_arrow04.png') no-repeat 0 50%}
.positive{color:#19d228 !important}
.negative{color:#ff0f00 !important}
.txt12{font-size:12px}

.pop_result_view{margin:0 15px 15px;border:2px solid #89aeeb;padding:10px}
.pop_result_view.widthMarg{margin:0 0 15px}
.pop_result_view p{color:#666;line-height:1.4;font-size:15px}
.pop_result_view p span{color:#ff4d00;font-weight:700;font-size:16px}

.pop_result_view_box{border:2px solid #e2e7ef;padding-bottom:15px}
.pop_result_view_box h2{font-size:15px; font-weight:700; color:#444;background-color:#e2e7ef;line-height:35px;height:37px;padding-left:15px}
.pop_result_view_box h2 span{font-size:12px;font-weight:normal;color:#666;margin-left:10px}
.pop_result_view_box h2 span strong{font-weight:700}
.pop_result_view_box ul{margin:15px 15px 0}
.pop_result_view_box ul:after{content:"";display:block;clear:both}
.pop_result_view_box li{display:inline-block;margin:0;padding:0;float:left;padding:0 8px}
.pop_result_view_box li:first-child{width:23%;padding-left:0;border-right:1px solid #ddd}
.pop_result_view_box li:nth-child(2){width:47.7%}
.pop_result_view_box li:nth-child(3){width:23%;border-right:0;border-left:1px solid #ddd}
.pop_result_view_box li p{line-height:1.3;font-size:13px;font-weight:700}
.pop_result_view_box li p.txt_mid{font-size:12px;font-weight:normal}
.pop_result_view_box li p span{font-size:11px;font-weight:normal;color:#3fb836}
.pop_result_view_box li p em{color:#ff4d00}
.pop_result_view_box li .output_p{height:100px;display:table;text-align:center;width:100%}
.pop_result_view_box li .output_p span{height:100px;display:table-cell; vertical-align:middle;font-size:40px;font-weight:800}
.pop_result_view_box li .output_p span em{font-size:32px;font-weight:400}
.pop_result_view_box li .graph_p{height:100px;display:table;text-align:center;width:100%}
.pop_result_view_box li .graph_p span{height:100px;display:table-cell; vertical-align:middle;font-size:45px;font-weight:800}
.pop_result_view_box li ul{margin-top:10px}
.pop_result_view_box li ul:after{content:"";display:block;clear:both}
.pop_result_view_box li ul li{display:inline-block;margin:0 auto;padding:0;float:left;text-align:cneter;width:20% !important;border:0 !important}
.pop_result_view_box li ul li div{height:50px;width:50px !important;text-align:center;border-radius:50%;display:table;margin:0 auto}
.pop_result_view_box li ul li div.color_green{height:50px;width:50px !important;text-align:center;background:#3fb836;border-radius:50%;display:table;margin:0 auto}
.pop_result_view_box li ul li div.color_red{height:50px;width:50px !important;text-align:center;background:#ff4d00;border-radius:50%;display:table;margin:0 auto}
.pop_result_view_box li ul li div span{display:table-cell;font-size:12px;color:#fff; vertical-align: middle;line-height:1.2}
.pop_result_view_box p.ectTxt{margin:15px 15px 0;line-height:1.3;font-size:13px}
.mt18{margin-top:18px}

.popwrapper {padding:15px}
.popwrap2 {padding:30px}
.popwrap2 .boardlist, .popwrap2 .paging{font-size:14px}
.popbtnbox2{position:absolute;top:30px;right:30px}
.pop_tit{border-left:3px solid red;padding-left:15px;font-size:18px;font-weight:bold;color:#333}


.tit_result_data{border-bottom:1px solid #bbb;margin:30px 15px 5px;overflow:hidden;background:#f2f2f2;padding:20px;color:#333}
.tit_result_data:after{content:"";display:block;clear:both}
.tit_result_data ul{float:left;display:inline-block}
.tit_result_data ul:nth-child(2){float:right;font-size:12px}
.tit_result_data li{float:left;display:inline-block;margin-right:20px}
.tit_result_data li:last-child{margin-right:0}


.tit_result{border-bottom:1px solid #aaa;margin:30px 15px 5px;overflow:hidden}
.tit_result h2{padding:10px 0 20px;color:#333;font-weight:bold; font-size:22px;text-align:center}
.tit_result ul {float:right;padding:3px 0;overflow:hidden}
.tit_result ul li {float:left;margin:0 0 0 5px;padding:0 0 0 15px;font-size:12px;line-height:1.3;color:#333;background:url('../../images/web/contents/tit_result_bar.gif') no-repeat 0 50%}
.tit_result ul li:first-child{background:none}



.popbox{float:left;width:50%;vertical-align:middle}
.popbox:after{content:"";display:block;clear:both}
.popbox h3{padding-bottom:7px;color:#333;font-size:14px;border-bottom:1px solid #277dff;margin:20px 15px 0}
.popbox h3.pboxLe{margin-left:0}
.popbox h3.pboxRi{margin-right:0}
.popbox h3 span.le{float:right;font-weight:normal;color:#bbb;font-size:12px}
.popboxpd_tab{padding:15px}
.popboxpd{padding:5px 15px 15px}
.popboxpd.pboxpdLe{padding-left:0}
.popboxpd.pboxpdRi{padding-right:0}
.popboxpd h3{padding-bottom:7px;color:#333;font-size:14px}
.popboxpd h3.lineCol{border-bottom:1px solid #277dff;margin-bottom:5px}
.popboxpd:after{content:"";display:block;clear:both}
.popboxpd div.ri_box, .popboxpd div.le_box{float:left;height:198px}
.popboxpd div.ri_box{width:225px;border:1px solid #e1e1e1}
.popboxpd div.ri_box.boxWidth{width:210px}
.popboxpd div.ri_box01{border:1px solid #e1e1e1}
.popboxpd div.le_box{margin-left:5px;width:145px}

.popboxpd ul.mission_info{border:1px solid #ddd;margin-bottom:5px;border-top:2px solid #145dd7;font-size:12px;color:#5d5d72}
.popboxpd ul.mission_info:after{content:"";display:block;clear:both}
.popboxpd ul.mission_info li{line-height:1.5}
.popboxpd ul.mission_info li.title{font-weight:700;background-color:#f5f5f5;padding:5px 10px 7px}
.popboxpd ul.mission_info li dl{margin:10px}
.popboxpd ul.mission_info li dl:after{content:"";display:block;clear:both}
.popboxpd ul.mission_info li dt, .popboxpd ul.mission_info li dd{float:left}
.popboxpd ul.mission_info li dt{font-weight:700}
.popboxpd ul.mission_info li dd{margin-left:8px}


.result_table {width:100%;border-collapse:collapse;table-layout:fixed;height:200px}
.result_table th, .result_table td {border:1px solid #e1e1e1;text-align:center;color:#444}
.result_table thead th{background-color:#f0f6f8;border-bottom:0}
.result_table th {font-size:11px;background-color:#f7f9fa;line-height:1}
.result_table td {font-size:14px;font-weight:normal}

.pop_result_table {width:100%;border-collapse:collapse;table-layout:fixed}
.pop_result_table th, .pop_result_table td {border:1px solid #e1e1e1;text-align:center;color:#444}
.pop_result_table thead th{background-color:#f0f6f8;border-bottom:0}
.pop_result_table th {font-size:13px;background-color:#f7f9fa;padding:2px 0}
.pop_result_table td {font-size:14px;font-weight:normal}


ul.ass_box{margin:0 0 3px 0px}
ul.ass_box:after{content:"";display:block;clear:both}
ul.ass_box li{float:left;font-size:11px;text-align:center;font-weight:700;display:inline-block}
ul.ass_box li:nth-child(1){width:17%}
ul.ass_box li:nth-child(2){color:#10a5dd;width:27%;border-left:1px solid #ddd}
ul.ass_box li:nth-child(3){color:#2fc92f;width:27%}
ul.ass_box li:nth-child(4){color:#d45248;width:27%;float:right}


.li_he01{line-height:39px}
.li_he02{line-height:29px}


.popsubtit1{padding:8px 0;font-size:18px;font-weight:700}
.print_paging:first-child .popsubtit1{margin-top:-32px}
.popsubtit{padding-bottom:7px;color:#333;border-bottom:1px solid #277dff;margin:20px 15px 0}
.popsubtit2{margin-bottom:12px;padding:4px 0 4px 8px;background-color:#383838;color:#fff;font-size:12px;text-align:center}


ul li:first-child .graphtype1{border-top:1px solid #c1c1c1}
.graphtype1{position:relative}
.graphtype1:after, .graphtype1 ul{content:"";display:block;clear:both}
.graphtype1 li{position:relative;float:left;border-bottom:1px solid #c1c1c1;height:67px}
.graphtype1 .title{display:table;width:17%;background:#f6f6f6}
.graphtype1 .title>div{display:table-cell;vertical-align:middle}
.graphtype1 .title01{display:table}
.graphtype1 .title01>div{display:table-cell;vertical-align:middle;border-left:1px solid #ddd}
.graphtype1 .title01 span{display:block;text-align:center}
.graphtype1 .title span{display:block;text-align:center}
.graphtype1 .title span:first-child{font-size:11px;font-weight:bold;color:#333}
.txtarea{position:absolute;left:0;top:0;width:100%;padding-left:0 !important;text-align:center;font-size:10px;z-index:1}

.graphtype1 li.barset{position:absolute;left:0;top:0;width:100%;z-index:1}
.graphtype1 li.barset.st02 .bar{float:right}
.graphtype1 li.barset.st02 .bar div:after{left:0;right:auto}
.graphtype1 li.barset.st02 .bar span{left:auto;right:100%;margin:-8px 7px 0 0}
.graphtype1 li.barset.st03{left:0;right:16.6%}
.graphtype1 li.barset .barbox{display:table;width:100%;height:100%;text-indent:-999em;font-size:0}
.graphtype1 li.barset .barbox>div{display:table-cell;vertical-align:middle}
.graphtype1 li.barset .barbox>div>div:nth-child(2).bar{margin-top:10px}
.graphtype1 li .bar{height:5px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.graphtype1 li .bar div{position:relative;height:5px}
.graphtype1 li .bar span{display:block;position:absolute;left:100%;height:14px;margin:-6px 0 0 0px;padding:2px 4px;font-size:12px;font-weight:800;text-indent:0;border-radius:4px}

.graphtype1 li .bar.bg_gray2 div:after{background-color:#838383}
.graphtype1 li .bar.bg_gray3 div:after{background-color:#c3c3c3}
.graphtype1 li .bar.bg_blue2 div:after{background-color:#27c5ff}
.graphtype1 li .bar.bg_green2 div:after{background-color:#19d228}
.graphtype1 li .bar.bg_red2 div:after{background-color:#ff4d00}
.graphtype1 li .bar.bg_purple1 div:after{background-color:#787ad6}
.graphtype1 li .bar.bg_purple2 div:after{background-color:#ba78d9}
.graphtype1 li .bar.bg_gray3 span{font-size:10px;font-weight:normal}
.graphtype1 li .bar.bg_gray2 span{color:#fff;background-color:#838383}
.graphtype1 li .bar.bg_blue2 span{color:#27c5ff}
.graphtype1 li .bar.bg_green2 span{color:#19d228}
.graphtype1 li .bar.bg_red2 span{color:#ff4d00}
.graphtype1 li .bar.bg_purple1 span{color:#fff;background-color:#787ad6}
.graphtype1 li .bar.bg_purple2 span{color:#fff;background-color:#ba78d9}

.graphtype1.st02 li{height:91px}
.popvary{padding-left:12px !important}
.popbtnbox{position:absolute;top:15px;right:30px}
.pop_unit1{margin-top:-10px}

.graphbox{overflow:hidden;margin:-10px -10px 0}
.graphbox li{float:left;margin-top:10px;height:105px; }
.graphbox li>div{height:100%;margin:0 10px}
.graphbox.box1 li{width:100%}
.graphbox.box2 li:first-child{width:45%}
.graphbox.box2 li:last-child{width:55%}
.graphbox.box2 li.pos_re, .graphbox.box4 li.pos_re{ position:relative;z-index:30}
.graphbox.box2 li.pos_re div.la01, .graphbox.box4 li.pos_re div.la01{ position:absolute;z-index:31}
.graphbox.box2 li.pos_re div.la02, .graphbox.box4 li.pos_re div.la03{ position:absolute;z-index:32;font-size:12px;height:auto;color:#5d5d72}
.graphbox.box2 li.pos_re div.la02{width:120px;right:-10px;top:50px}
.graphbox.box2 li.pos_re div.la02 dt, .graphbox.box2 li.pos_re div.la02 dd{display:block}
.graphbox.box2 li.pos_re div.la02 dt{font-weight:700}
.graphbox.box2 li.pos_re div.la02 dd ul{margin-top:5px}
.graphbox.box2 li.pos_re div.la02 li{height:auto;width:120px;margin-top:0;float:none;line-height:1.4}
.graphbox.box3 li{width:33.33%}
.graphbox.box4 li:first-child{width:42%}
.graphbox.box4 li:last-child{width:58%}
.graphbox.box4 li.pos_re div.la03{width:170px;right:0px;bottom:45%}
.graphbox.box4 li.pos_re div.la03 li{height:auto;width:170px;margin-top:0;float:none;line-height:1.4}
.nodata{font-size:12px;text-align:center;color:#878787}
.complete{display:inline-block;width:21px;height:21px;text-indent:-999em;background:url('../../images/web/contents/complete.png') no-repeat 0 0}

/*chart*/
.chartarea1{height:200px}
.chartarea2{height:300px}
.chartarea3{height:181px}

/*그래프컬러*/
.txtgray2 {color:#19d228 !important}
.txtblue2 {color:#27c5ff !important}
.txtgreen2 {color:#19d228 !important}
.txtpurple1 {color:#787ad6 !important}
.txtpurple2 {color:#ba78d9 !important}
.txtgreen2 {color:#19d228 !important}
.txtred2 {color:#ff0f00 !important}
.bg_gray{background-color:#f2f2f2 !important}
.bg_green{background-color:#eff8ef}
.bg_red{background-color:#fff3f2}
.bg_blue{background-color:#2f74f3}
.bg_purple1_1{background-color:#f1f1fb}
.bg_purple1_2{background-color:#f8f1fb}
.bg_gray3{background-color:#c3c3c3}
.bg_gray2{background-color:#838383}
.bg_blue2{background-color:#27c5ff}
.bg_green2{background-color:#19d228}
.bg_purple1{background-color:#787ad6}
.bg_purple2{background-color:#ba78d9}
.bg_red2{background-color:#ff4d00}
.barset.st02 .bg_green2 > em{position:absolute;left:auto;right:0;width:80%;height:4px;background-color:#c3c3c3}
.bg_green2 > em{position:absolute;left:0;width:40%;height:4px;background-color:#c3c3c3}
.bg_blue2 > em{position:absolute;left:0;width:40%;height:4px;background-color:#c3c3c3}
.bg_red2 > em{position:absolute;left:0;width:80%;height:8px;background-color:#ff9793}
.graphtype1_num{display:block;height:100%;border-left:1px dashed #ddd;padding-left:3px;font-size:9px;color:#afafaf}
.graphtype1_num.solid{border-style:solid}
.graphtype1_num.bdr{border-right:1px solid #ddd}




.resultbox{border:1px solid #ddd;min-height:100px;padding:5px 15px;font-size:12px;overflow-y:auto}
ul.resultbox li{margin:10px 0;padding-left:10px;line-height:1.3;background:url(../../images/web/contents/bg_dot1.png) no-repeat 0 6px}
ul.resultbox span{display:inline-block}
.changevalue{padding-left:22px;font-weight:bold;color:#333;background:url('../../images/web/contents/ico_arrow10.gif') no-repeat 5px 50%}
div.resultbox{line-height:1.5;color:#333}
.popcontainer .printtd2 td{height:31px}
.h149{height:149px}
.w5p{width:5%}

.w11p{width:13%}
.w10p{width:10%}

.w11_11p{width:11.11%}
.w12_5p{width:12.5%}
.w15p{width:15%}
.w16_6p{width:16.6%}
.w20p{width:20%}
.w25p{width:25%}
.w20_8p{width:20.8%}
.w22_22p{width:22.22%}
.w16_64p{width:16.64%}
.w4_16p{width:4.16%}
.w40p{width:40%}
.w54p{width:54%}

.w60p{width:60%}

.w59_5p{width:59.5%}
.w62_5p{width:62.5%}
.w80p{width:80%}
.w83_4p{width:83.4%}
.w200p{width:200%}
.w270p{width:270%}

.printwrap2{width:700px;margin:0 auto;box-sizing:border-box}
.printwrap2 .poplogo{height:32px;width:149px;left:10px;top:10px}
.printwrap2 .popwrapper {padding:0px}
.printwrap2 .tit_result{margin:30px 0 5px}
.printwrap2 .tit_result h2{font-size:30px}
.printwrap2 .tit_result .popsubtit1{font-size:22px}
.printwrap2 .tit_result ul li, .printwrap2 .graphtype1 li .bar.bg_gray3 span{font-size:13px}
.printwrap2 .popsubtit, .printwrap2 .popsubtit2, .printwrap2 .graphtype1 .title span, .printwrap2 .boardlist.st02 td, .printwrap2 .resultbox, .printwrap2 .nodata{font-size:16px}
.printwrap2 .popsubtit{font-size:18px}
.printwrap2 .popboxpd h3.popsubtit{margin:0;border:0}

.printwrap2 .popboxpd{}
.printwrap2 .unit{font-size:12px !important;margin-top:2px}
.printwrap2 .pop_unit1{margin-top:0}
.printwrap2 .graphtype1 li .bar span{margin-top:-5px;padding:2px 4px 6px;font-size:16px}
.printwrap2 .graphtype1 li.barset .barbox>div>div:nth-child(2).bar{margin-top:18px}
.printwrap2 .graphtype1 li .bar.bg_gray3 span{margin-top:-6px;font-weight:normal}
.printwrap2 .graphtype1 li{height:75px}
.printwrap2 .popsubtit2{padding:4px 0 7px 8px;margin-bottom:18px}
.printwrap2 .popsubtit{padding:4px 0 7px 0}
.printwrap2 .boardlist.st02 th{padding:5px 0}
.printwrap2 .graphtype1 li{height:70px}
.printwrap2 .graphtype1.st02 li{height:90px}
.printwrap2 .boardlist.st02 th{color:#333}
.printwrap2 .chartarea1{height:340px}
.printwrap2 .chartarea2{height:200px}
.printwrap2 .chartarea3{height:245px}
.printwrap2 .bg_green{background-color:#e3f6e5}
.printwrap2 .bg_blue{background-color:#e9f9ff}
.printwrap2 .bg_red{background-color:#ffe7e5}
.printwrap2 .popsubtit.mt20{margin-top:30px !important}
.printwrap2 .printtd1 td{height:47px}
.printwrap2 .printtd2 td{height:32px}
.printwrap2 .mb5{margin-bottom:10px !important}
.printwrap2 .graphtype1_num{font-size:12px;color:#878787}
.printwrap2 .graphtype1 li .bar, .printwrap2 .bg_red2 > em, .printwrap2 .graphtype1 li .bar div{height:8px}
.printwrap2 .graphtype1 li .bar div:after{width:16px;height:16px;margin:-8px -8px 0}
.printwrap2 .graphtype1 li.barset.st02 .bar span{margin-right:12px}
.printwrap2 .graphtype1 .title span{font-size:13px}

.printwrap2 .graphbox li{float:left;margin-top:10px;height:295px}
.printwrap2 .graphbox li table{height:100%}


.printwrap2 .popbox{float:left;vertical-align:middle}
.printwrap2 .popbox.boxArea_Le{width:48%;margin-right:2%}
.printwrap2 .popbox.boxArea_Ri{width:50%}
.printwrap2 .popbox h3{margin:15px 0 0}
.printwrap2 .popboxpd{padding:5px 0 15px}

.printwrap2 .popboxpd div.ri_box, .popboxpd div.le_box{float:left;height:196px}
.printwrap2 .popboxpd div.ri_box{width:59%;border:1px solid #e1e1e1}
.printwrap2 .popboxpd div.ri_box01{border:1px solid #e1e1e1}
.printwrap2 .popboxpd div.le_box{margin-left:1%;width:39%}

.printwrap2 .result_table {}
.printwrap2 .result_table th, .printwrap2 .result_table td{padding:10px 0 11px}


.printwrap2 .pop_result_view{margin:0 0 15px; box-sizing:border-box}
.printwrap2 .pop_result_view_box ul{margin:15px 15px 0;box-sizing:border-box}
.printwrap2 .pop_result_view_box li:first-child{width:23%;padding-left:0}
.printwrap2 .pop_result_view_box li:nth-child(2){width:47%}
.printwrap2 .pop_result_view_box li:nth-child(3){width:23%;border-right:0}
.printwrap2 .pop_result_view_box li ul{margin-left:5px;box-sizing:border-box}
.printwrap2 .pop_result_view_box li ul li{margin:0 auto;padding:0}



.printwrap2 .graphbox.box2 li.pos_re, .graphbox.box4 li.pos_re{ position:relative;z-index:30}
.printwrap2 .graphbox.box2 li.pos_re div.la01, .graphbox.box4 li.pos_re div.la01{ position:absolute;z-index:31}
.printwrap2 .graphbox.box2 li.pos_re div.la02, .graphbox.box4 li.pos_re div.la03{ position:absolute;z-index:32;font-size:13px;height:auto;color:#5d5d72}
.printwrap2 .graphbox.box2 li.pos_re div.la02{width:120px;right:5px;top:35px}
.printwrap2 .graphbox.box2 li.pos_re div.la02 dt, .graphbox.box2 li.pos_re div.la02 dd{display:block}
.printwrap2 .graphbox.box2 li.pos_re div.la02 dt{font-weight:700}
.printwrap2 .graphbox.box2 li.pos_re div.la02 dd ul{margin-top:5px}
.printwrap2 .graphbox.box2 li.pos_re div.la02 li{height:auto;width:120px;margin-top:0;float:none;line-height:1.4}
.printwrap2 .graphbox.box4 li{}
.printwrap2 .graphbox.box4 li:first-child{width:38%}
.printwrap2 .graphbox.box4 li:last-child{width:62%}
.printwrap2 .graphbox.box4 li.pos_re div.la03{width:175px;right:0px;bottom:45%}
.printwrap2 .graphbox.box4 li.pos_re div.la03 li{height:auto;width:210px;margin-top:0;float:none;line-height:1.4}

.printwrap2 .popboxpd ul.mission_info{font-size:14px}


/* openAPI 관련 추가 2017.11.27 나연이 */
.tb_chkbox{overflow:hidden}
.tb_chkbox.t4 li{width:25%}
.tb_chkbox li{float:left;margin:5px 0}
.tb_chkbox li input[type="checkbox"]{margin-right:5px}



/* 20180502 */
.target_count_new {overflow:hidden}
.target_count_new li {float: left; height:auto;width:auto;margin-left:6px;padding:0}
.target_count_new li:first-child {margin-left: 0px}
.target_count_new li .tit {width: 100%; height: 30px; text-align:center; font-size:14px; line-height:28px; color:#ffffff; font-weight:bold;background:#2f74f3;border:1px solid #1a60d5}
.target_count_new li .count {width: 100%; height: 60px; line-height:56px; color:#2f74f3; font-weight:bold; font-size:22px; text-align:center; border:solid 1px #dbdbdb;border-top:0}
.target_count_new li .count:hover{cursor:pointer;text-decoration:underline;color:#145dd7}
.target_count_new li .count01 {width: 100%; height:60px;color:#2f74f3; font-weight:bold; font-size:22px; text-align:center; border:solid 1px #dbdbdb;border-top:0}
.target_count_new li .count01:hover{cursor:pointer;text-decoration:underline;color:#145dd7}
.target_count_new li .count01 p{padding:8px 0 0 0;box-sizing: border-box;line-height:1.1}
.target_count_new li .count01 p.stxt{font-size:14px;padding:3px 0 0 0}

.target_count_new li .count_nh {width: 100%; height: 60px; line-height:56px; color:#2f74f3; font-weight:bold; font-size:22px; text-align:center; border:solid 1px #dbdbdb;border-top:0}
.target_count_new li .count01_nh {width: 100%; height:60px;color:#2f74f3; font-weight:bold; font-size:22px; text-align:center; border:solid 1px #dbdbdb;border-top:0}
.target_count_new li .count01_nh p{padding:8px 0 0 0;box-sizing: border-box;line-height:1.1}
.target_count_new li .count01_nh p.stxt{font-size:14px;padding:3px 0 0 0}


.service_count_new dt {width:198px; border-width:1px 1px 1px 1px; border-style:solid; border-color:#f77a0a #ffb338 #f77a0a #f77a0a; height:30px; background:#f79c0a; text-align:center; font-size:14px; line-height:28px; color:#ffffff; font-weight:bold}
.service_count_new dd {width: 198px; padding-top:10px; height:50px; border-width:0 1px 1px 1px; border-style:solid; border-color:transparent #dbdbdb #dbdbdb #dbdbdb; -moz-border-radius:0 0 0 5px; -webkit-border-radius:0 0 0 5px; border-radius:0 0 0 5px; color:#2f74f3; background:url(../../images/web/common/bg_gray.gif) repeat-x 0 0; font-weight:bold; font-size:22px; text-align:center; }
.service_count_new dd span {display:block; margin-top:3px; font-size:14px}

.service_count_new.st02 dt { background:#2f74f3;border:1px solid #1a60d5}
.service_count_new.st02 dd { padding-top:0; height:60px; border-radius:0}
.service_count_new.st02 dd ul {overflow:hidden}
.service_count_new.st02 dd li {float:left; border-left:solid 1px #dbdbdb;text-align:center !important;width:24.5% !important;border-bottom:solid 1px #dbdbdb;padding:0;margin:0}
.service_count_new.st02 dd li:hover, .service_count_new dd:hover{text-decoration:underline;cursor:pointer}
.service_count_new.st02 dd li:first-child {border-left:0}
.service_count_new.st02 dd ul.sFont li{width:18.5% !important}
.service_count_new.st02 dd ul.sFont li:first-child{width:23% !important}
.service_count_new.st02 dd ul.sFont li:first-child span{font-size:13px}

.service_count_new.st02 dd li{width:19.7%;height:50px;padding:10px 0 0}

.report_div{display:inline-block;width:386px;margin-bottom:20px}
.report_div.right{margin-left:7px}

.report_section_area{border:1px solid #dbdbdb;overflow:hidden;padding:0 10px 10px 10px;box-sizing:border-box}
.search_graph_area{border:1px solid #dbdbdb;overflow:hidden;padding:10px;box-sizing:border-box;margin-bottom:20px}

.box_pa_left{padding-left:15px}
.box_pa_right{padding-right:15px}
.box_graph_area_left{margin:5px 0 10px}
.box_graph_area_right{margin:5px 0 0px}


table.report_infor_box th{
	font-size:13px;font-weight:bold; color:#5d5d5d;text-align:center;
	border-bottom: solid 1px #c3c3c3;
	background-color:#f7f7f7; 
	background: -webkit-linear-gradient(#fff, #f7f7f7);
   background: -moz-linear-gradient(#fff, #f7f7f7);
   background: -o-linear-gradient(#fff, #f7f7f7);
   background: linear-gradient(#fff, #f7f7f7);
 }
table.report_infor_box {border: solid 1px #c3c3c3;width:100%}
table.report_infor_box th{height:35px;border-left:1px solid #ddd}
table.report_infor_box td {min-height:auto;border:0;border-left:1px solid #ddd;font-size:14px; color:#7a7a7a; font-weight:bold;text-align:center;height:50px}
table.report_infor_box td strong{color:#555; font-weight:bold;text-align:center;font-size:20px}
table.report_infor_box td img {margin:0 0 0 5px}
table.report_infor_box td:first-child {border-left: 0px}
table.report_infor_box th:first-child {border-left: 0px}
table.report_infor_box td div.npst {padding:0 10px;overflow:hidden}
table.report_infor_box td div.npst ul {margin:5px 0 0 0;float:right}
table.report_infor_box td div.npst ul li {margin:3px 0 0 0;height:6px}
table.report_infor_box td div.npst ul li img {vertical-align:top}

ul.ass_box01{margin:5px 0 8px}
ul.ass_box01:after{content:"";display:block;clear:both}
ul.ass_box01 li{float:left;font-size:12px;text-align:center;margin-right:20px;font-weight:700;display:inline-block}
ul.ass_box01 li:nth-child(1){color:#10a5dd}
ul.ass_box01 li:nth-child(2){color:#ffb338}
ul.ass_box01 li:nth-child(3){color:#7a7a7a;float:right;margin-right:0}
ul.ass_box01 li:nth-child(3) span{color:#1a60d5;font-size:14px}

ul.bot_boxAlign{margin:25px 0 20px;float:left}
ul.bot_boxAlign.bmt10{margin-top:10px}
ul.bot_boxAlign:after{content:"";display:block;clear:both}
ul.bot_boxAlign li{float:left;font-size:12px;width:247px;margin-right:10px;font-weight:700;display:inline-block;overflow:hidden}
ul.bot_boxAlign li:last-child{margin-right:0;width:248px}
ul.bot_boxAlign li h3{padding-bottom:7px;color:#333;font-size:14px;border-bottom:1px solid #277dff;margin-bottom:10px}
ul.bot_boxAlign li div{overflow:hidden}
ul.bot_boxAlign li.bg_col{background:#f0f5f7}

ul.bot_boxAlign li:first-child ul, ul.bot_boxAlign li:nth-child(2) ul, ul.bot_boxAlign li:nth-child(3) ul{float:left}
ul.bot_boxAlign li:first-child ul li{float:left;width:123px;margin-right:0;font-weight:700;display:inline-block;overflow:hidden;border-right:1px solid #cfdce2;text-align:center;border-bottom:1px solid #cfdce2;padding:6px 0}
ul.bot_boxAlign li:first-child ul li p, ul.bot_boxAlign li:nth-child(2) ul li p, ul.bot_boxAlign li:nth-child(3) ul li p{font-size:12px;font-weight:bold;color:#999;line-height:1.4}
ul.bot_boxAlign li:first-child ul li p.value, ul.bot_boxAlign li:nth-child(2) ul li p.value, ul.bot_boxAlign li:nth-child(3) ul li p.value{font-size:15px;font-weight:bold;color:#333}
ul.bot_boxAlign li:first-child ul li:nth-child(2n){border-right:0}
ul.bot_boxAlign li:first-child ul li:nth-child(3), ul.bot_boxAlign li:first-child ul li:nth-child(4){border-bottom:0;padding-bottom:7px}

ul.bot_boxAlign li:nth-child(2) ul li:first-child{float:left;width:247px;margin-right:0;font-weight:700;display:inline-block;overflow:hidden;text-align:center;border-bottom:1px solid #cfdce2;padding:6px 0}
ul.bot_boxAlign li:nth-child(2) ul li:nth-child(2), ul.bot_boxAlign li:nth-child(2) ul li:nth-child(3){float:left;width:123px;margin-right:0;font-weight:700;display:inline-block;overflow:hidden;border-right:1px solid #cfdce2;text-align:center;border-bottom:0;padding:6px 0}
ul.bot_boxAlign li:nth-child(2) ul li:nth-child(3){border-right:0}
ul.bot_boxAlign li:nth-child(2) ul li p.value, ul.bot_boxAlign li:nth-child(3) ul li p.value{text-align:left;margin:0 30px}
ul.bot_boxAlign li:nth-child(2) ul li p.value span, ul.bot_boxAlign li:nth-child(3) ul li p.value span{font-size:14px;color:#4ab4e5;float:right}

ul.bot_boxAlign li:nth-child(3) ul li:first-child{float:left;width:248px;margin-right:0;font-weight:700;display:inline-block;overflow:hidden;text-align:center;border-bottom:1px solid #cfdce2;padding:6px 0}
ul.bot_boxAlign li:nth-child(3) ul li:nth-child(2), ul.bot_boxAlign li:nth-child(3) ul li:nth-child(3){float:left;width:123px;margin-right:0;font-weight:700;display:inline-block;overflow:hidden;border-right:1px solid #cfdce2;text-align:center;border-bottom:0;padding:6px 0}
ul.bot_boxAlign li:nth-child(3) ul li:nth-child(3){border-right:0}
ul.bot_boxAlign li:nth-child(2) ul li p.value_al, ul.bot_boxAlign li:nth-child(3) ul li p.value_al{text-align:center}

div.ass_box02{margin:5px 0 8px;font-size:12px;text-align:right;font-weight:700;color:#7a7a7a}
div.ass_box02 span{color:#1a60d5;font-size:14px}


.box_pa_left .secbar {position:relative; height:40px;margin-top:20px}
.box_pa_left .secbar .txt {font-size:14px; line-height:30px; color:#333;font-weight:bold;width:70px}
.box_pa_left .secbar .graphBar {position:absolute; right:0; top:0px; width: 290px; height: 49px; }

.box_pa_left .secbar .loading-container-10{margin-bottom: 20px}
.box_pa_left .secbar .loading-container-10{
	background-color:rgb(233,233,233);
	width:290px;
	height:30px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.box_pa_left .secbar .loading-progress-10{
	height:30px;
	border-radius:2px;
	border-style:solid;
	font-size:18px;
	line-height:28px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#3f93fb;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc7ec59,endColorstr=#ff61c526,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc7ec59,endColorstr=#ff61c526,GradientType=0);
}

ul.ass_box02{margin:20px 0 0 0;float:left}
ul.ass_box02 li{float:left;display:inline-block;width:182px;overflow:hidden; border-right:1px solid #cfdce2;height:109px}
ul.ass_box02 li:last-child{border-right:0;padding-left:5px;box-sizing:border-box}
ul.ass_box02 li p{font-size:14px;font-weight:bold;color:#333}
ul.ass_box02 li div{overflow:hidden;position:relative}
ul.ass_box02 li div p{font-size:13px;font-weight:normal;color:#999;width:82px;display:inline-block;float:left;position:absolute;bottom:0;line-height:1.3}
ul.ass_box02 li div p strong{color:#1a60d5;font-weight:bold}
ul.ass_box02 li .cle_graph{width:95px;height:95px;display:inline-block;float:right}
ul.ass_box02 li .cle_graph.mgR{margin-right:5px}

.input_btn_both {overflow:hidden; margin-bottom:30px;width:100%}
.input_btn_both:after{display:block; content:"";clear:both}
.input_btn_both input, .input_btn_both select{margin-top:3px}
.input_btn_both div {float: right; }
.input_btn_both textarea{overflow:hidden; margin-top:8px}

p.add_cont_tit{font-size:14px;font-weight:bold;color:#999;line-height:1.3;margin:10px 0 5px}
p.add_cont_txt{font-size:13px;font-weight:normal;color:#999;line-height:1.3}

.divinputfile, .divinputfile_on{margin-top:20px;font-size:13px;color:#999;width:102px;height:52px}
.divinputfile{background:url("../../images/web/upload_file.png") no-repeat}
.divinputfile_on{background:url("../../images/web/upload_file.png") 0 -54px no-repeat}
#ferJoin {table-layout:fixed}
#ferJoin input{height:52px}
#ferJoin div{display:inline-block;float:left;overflow:hidden}
#ferJoin span{float:left;line-height:52px;margin-left:10px;color:#bbb;font-size:12px;margin-top:20px}

ul.boxAlign_01{margin:10px 0 10px;background:#e8edf1;border:1px solid #ddd}
ul.boxAlign_01:after{content:"";display:block;clear:both}
ul.boxAlign_01 li{float:left;font-size:12px;width:254px;margin-right:10px;font-weight:700;display:inline-block;overflow:hidden;text-align:center; box-sizing:border-box;padding:10px}
ul.boxAlign_01 li:last-child{margin-right:0;width:253px}
ul.boxAlign_01 li em{width:180px !important}

/*도넛그래프*/
.chart_donut{position:relative;display:-ms-inline-flexbox;display:-webkit-inline-flexbox;display:inline-flex}
.chart_donut div[chart-type*="donut"]{width:95px;height:95px;display:block;position:relative;margin:0 auto;background-color:#ddd;border-radius:50%;-webkit-border-radius:50%}
.chart_donut div.donut-hole{height:67px;width:67px;background-color:#fff;z-index:20;position:absolute;top:14px;left:14px;border-radius:67px;line-height:40px}
.chart_donut span.donut-filling{position:absolute;display:block;color:#777;font-size:1.5em;top:50%;margin-top:-22px;width:67px;height:40px;text-align:center;cursor:default;overflow:none}
.chart_donut .donut-bite{position:absolute;width:47px;height:95px;overflow:hidden;top:0;left:47.5px;-moz-transform-origin: left center;-ms-transform-origin:left center;-o-transform-origin:left center;-webkit-transform-origin:left center;transform-origin:left center}
.chart_donut .donut-bite.large{width:95px;height:95px;left: 0;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;-webkit-transform-origin:center center;transform-origin:center center}
.chart_donut .donut-bite:before{content:"";position:absolute;width:47.5px;height:95px;top:0;left:-47.5px;border-radius:47.7px 0 0 47.5px;-moz-transform-origin:right center;-ms-transform-origin:right center;-o-transform-origin:right center;-webkit-transform-origin:right center;transform-origin:right center}
.chart_donut .donut-bite.large:before{left:0}
.chart_donut .donut-bite.large:after{content:"";position:absolute;width:47.5px;height:95px;left:47.5px;border-radius:0 47.5px 47.5px 0}
.chart_donut .marker{background-color:#145dd7;border-radius:50%;height:14px;width:14px;position:absolute;top:0;left:55px;text-indent:-999em}
.chart_donut .marker.start1{z-index:6}
.chart_donut .marker.start2{z-index:5;background-color:#f9a825}
.chart_donut .end1[style^="transform:rotateZ(0deg)"], .chart_donut .end1[style^="transform:rotateZ(0deg)"] ~ .marker.start1, .chart_donut .end2[style^="transform:rotateZ(0deg)"], .chart_donut .end2[style^="transform:rotateZ(0deg)"] ~ .marker.start2{width:0 !important}
.chart_donut .end1, .chart_donut .end2{top:0;left:55px;height:14px;width:14px;border:0;background-color:#145dd7;z-index:1;transform-origin:50% 47px;-webkit-transform-origin:50% 47px}
.chart_donut .end2{background-color:#f9a825}
.donut_per{font-size:.625em;margin-left:2px}

.but_align{text-align:right}
button.s_btn_notice, button.s_btn_call, button.s_btn_check{height:30px;cursor: pointer;padding:3px 10px 3px 25px;vertical-align:middle;font-weight:bold;color:#145dd7;font-size:13px;border:1px solid #ddd;border-radius:2px}
button.s_btn_notice{background:#fafafa url(../../images/web/btn/btn_notice.png) no-repeat 10px 55%}
button.s_btn_call{background:#fafafa url(../../images/web/btn/btn_call.png) no-repeat 10px 55%}
button.s_btn_check{background:#fafafa url(../../images/web/btn/btn_check.png) no-repeat 10px 55%}

h3.title_txt{font-size:15px; line-height:18px; vertical-align:top;border:1px solid #eaeaea}
h3.title_txt a{color:#333;background:#f4f4f4 url('../../images/web/contents/icon_down_arrow.png')no-repeat 8px 50%;padding:8px 8px 8px 38px;display:block; text-decoration:none}
h3.title_txt a:focus{background:#f4f4f4 url('../../images/web/contents/icon_top_arrow.png')no-repeat 8px 50%}
h3.title_txt01 {font-size:15px; line-height:30px; color:#333; vertical-align:middle}
h3.title_txt01 span {float:right;display:inline-block;vertical-align:middle}
h3.title_txt01 em{width:100px}

.list-w>ul>li{margin-bottom:20px}
.list-w>ul>li>a{
	font-size: 15px; 
	padding:5px 0;
	line-height:24px;
	color:#145dd7;
	display:block;
	vertical-align:top;
	text-decoration:none;
	font-weight:bold;
	background:url('../../images/web/contents/icon_down_arrow.png')no-repeat 80px 50%;
}
.list-w>ul>li>a:before{
	content:'';
	display:inline-block;
	width:5px;
	height:15px;
	background:url(../../images/web/contents/bul1.gif) 0 center no-repeat;
}

.list-w>ul>li>a:focus{
	background:url('../../images/web/contents/icon_top_arrow.png')no-repeat 80px 50%;
}
.list-w>ul>li>div {
	display:none
}

.list-w>ul>li>div span{display:inline-block;width:389px}
.list-w>ul>li>div table th{text-align:center}

h2 span{font-size:16px;font-weight:normal}


.tab_type2 {width: 100%; overflow:hidden; border-bottom: solid 1px #c3c3c3}
.tab_type2 li {float: left; position:relative; margin-left: 2px}
.tab_type2 li:first-child {margin-left: 0px}
.tab_type2 li a {display:block;padding:0 20px; height: 36px; border: solid 1px #ababab; border-bottom: solid 0px #fff; background-color:#f8f8f8; font-size:13px; line-height:34px; color:#5d5d5d; text-align:center; font-weight:bold; vertical-align:top;  
	-moz-border-top-left-radius: 4px; 
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;

	-moz-border-top-right-radius: 4px; 
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
.tab_type2 li.on a {border: solid 1px #1e61d8; border-bottom: solid 0px #fff; background-color:#1e61d8; color:#fff}

.tab_type2.st02 {border:0}
.tab_type2.st02 li a {width: 96px; }

.mot_div_le, .mot_div_ri{display:inline-block;overflow:hidden;margin:0;padding:0;overflow:hidden}
.mot_div_le{float:left;width:220px}
.mot_div_ri{float:right;width:580px}

.mot_s_div_le{width:58%;float:left;display:inline-block;border-top:2px solid #145dd7}
.mot_s_div_ri{width:41%;float:right;display:inline-block}

em.col01{color:#cc0000}
em.col02{color:#00cc33}


/*20180703_CYW*/
.conlist.t02 li {width:33.333%}
.board_box ul.monlist li.bgpurple a{background:#8343f8 url('../../images/web/main/mnt_counseling.png') no-repeat 50% 40%}


/* class add 20180710 */
ul.pop_activity_nav {width: 100%; overflow:hidden; }
ul.pop_activity_nav li {float:left; padding: 8px 4px 0 0; font-size:14px; line-height:16px; color:#5d5d5d; font-weight:bold; }
ul.pop_activity_nav li:last-child{padding-right:0}
ul.pop_activity_nav li .pbtn_orange {display:inline-block; width:89px; height: 32px; border: solid 1px #fb8200; font-size:13px; line-height:30px; color:#fb8200; text-align:center; font-weight:bold; background-color:#fff;border-radius:2px; box-sizing:border-box}
ul.pop_activity_nav li .pbtn_orange.on {background-color:#f79c0a; border: solid 1px #f79c0a; color:#fff}

.inblock{display:inline-block}

.boardlist.st05 a{ padding:.1em 1em !important}

.section_box {padding:14px; border:solid 1px #dbdbdb;box-sizing:border-box;overflow:hidden}
.section_box .div_box{display:inline-block;overflow:hidden;padding:0}

.w408{width:408px}
.w322{width:322px;margin:0 0 0 19px}

.body_display_base{ position:relative;display:block;width:408px;height:480px; background:url('../../images/web/contents/map_default.png') no-repeat 0 0;z-index:110;margin-top:10px}
.body_display_base span{cursor:pointer}
.body_display_base .shoulder_le span{position:absolute;display:block;left:39px;top:82px;width:45px;height:52px; z-index:110}
.body_display_base .shoulder_le span:hover, .body_display_base .shoulder_le span.cho{background:url('../../images/web/contents/body_shoulder_le.png') no-repeat 0 0}

.body_display_base .shoulder_ri span{position:absolute;display:block;left:125px;top:82px;width:45px;height:52px; z-index:110}
.body_display_base .shoulder_ri span:hover, .body_display_base .shoulder_ri span.cho{background:url('../../images/web/contents/body_shoulder_ri.png') no-repeat 0 0}

.body_display_base .chest span{position:absolute;display:block;left:58px;top:87px;width:93px;height:44px; z-index:111}
.body_display_base .chest span:hover, .body_display_base .chest span.cho{background:url('../../images/web/contents/body_chest.png') no-repeat 0 0}

.body_display_base .arm_le span{position:absolute;display:block;left:23px;top:108px;width:39px;height:119px; z-index:110}
.body_display_base .arm_le span:hover, .body_display_base .arm_le span.cho{background:url('../../images/web/contents/body_arm_le.png') no-repeat 0 0}

.body_display_base .arm_ri span{position:absolute;display:block;left:147px;top:108px;width:39px;height:119px; z-index:110}
.body_display_base .arm_ri span:hover, .body_display_base .arm_ri span.cho{background:url('../../images/web/contents/body_arm_ri.png') no-repeat 0 0}

.body_display_base .abdomen span{position:absolute;display:block;left:62px;top:127px;width:85px;height:113px; z-index:111}
.body_display_base .abdomen span:hover, .body_display_base .abdomen span.cho{background:url('../../images/web/contents/body_abdomen.png') no-repeat 0 0}

.body_display_base .femoral span{position:absolute;display:block;left:58px;top:198px;width:93px;height:130px; z-index:111}
.body_display_base .femoral span:hover, .body_display_base .femoral span.cho{background:url('../../images/web/contents/body_femoral.png') no-repeat 0 0}

.body_display_base .back span{position:absolute;display:block;left:252px;top:58px;width:119px;height:137px; z-index:111}
.body_display_base .back span:hover, .body_display_base .back span.cho{background:url('../../images/web/contents/body_back.png') no-repeat 0 0}

.body_display_base .hip span{position:absolute;display:block;left:263px;top:201px;width:97px;height:148px; z-index:111}
.body_display_base .hip span:hover, .body_display_base .hip span.cho{background:url('../../images/web/contents/body_hip.png') no-repeat 0 0}

.body_display_base .calf span{position:absolute;display:block;left:276px;top:346px;width:71px;height:110px; z-index:111}
.body_display_base .calf span:hover, .body_display_base .calf span.cho{background:url('../../images/web/contents/body_calf.png') no-repeat 0 0}


.body_display_btn {overflow:hidden;margin-top:15px;text-align:center}
.body_display_btn em{width:70px;line-height:24px;height:24px}

ul.sect_list{margin:0;padding:0}
ul.sect_list li{border:1px solid #7ba6f0;margin:0 3px 3px 0;padding:9px;background:#f9f9f9;display:inline-block;overflow:hidden;float:left;border-radius:3px}
ul.sect_list li:last-child{margin-right:0}
ul.sect_list li p{color:#777;display:inline-block;margin-right:6px}
ul.sect_list li a{background:url('../../images/web/btn/btn_del.png') no-repeat 0 0;width:10px;height:10px;display:inline-block}

/*CYW 20180731 사업공지상세댓글*/
.btn_file_board{display:inline-block;width:100%;height:100%;background-image:url('../../images/web/common/ico_file02.png');background-repeat:no-repeat;background-position:50%;text-indent:-999em}
.reply_write{border:1px solid #ddd;padding:0 0 0 10px}
.reply_write textarea{border:0;height:100px;padding:10px 0 0;-ms-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;outline:none}
.reply_write textarea::placeholder{color:#bbb}
.reply_box{position:relative;border-top:1px solid #ddd;margin:0 0 0 -10px;padding:10px 10px}
.upload_05 input[type="file"]{overflow:hidden;position:absolute;top:-1px;width:1px;height:1px;border:0;opacity:0}
.upload_05 label{width:70px;height:25px;line-height:25px;color:#7a7a7a;text-align:center;cursor:pointer}
.reply_write_btn{position:absolute;right:-1px;top:-1px;bottom:-1px;width:70px;color:#fff;line-height:47px;text-align:center;font-weight:bold;background-color:#145dd7}

/* 20180816 main_notice btn_more */
.board_box h3 a{float:right;background:url(../../images/web/main/more.png) no-repeat 0 0;height:20px;width:20px;text-indent:-999px}

/*CYW 20190124 대상자 연도 선택*/
.dropbtn {border: none;padding: 16px 40px 16px 16px;color: #333;font-weight:bold;background:#fff url('../../images/web/main/icon_arrow_year.png') no-repeat 93% 50%;margin-top:-16px;font-size: 18px;}
.color_b{color:#134dae}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;background-color: #f1f1f1;min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {color: #333;font-size:18px;font-weight:bold;padding: 16px 40px 16px 16px;
  text-decoration: none;display: block;}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #ddd;}

/*KSH 201905015*/
.cal_le{/*width:47%;*/float:left;display:inline-block;}
.cal_ri{width:52%;float:right;display:inline-block}

ul.calendar_month{margin-bottom:5px;overflow:hidden;float:right}
ul.calendar_month li{float:left;line-height:32px;margin-right:30px}
ul.calendar_month li:last-child{margin-right:0}
ul.calendar_month li.month{font-size:16px;font-weight:bold}

ul.calendar_month li a{display:block; content:""; background:#ebebeb;width:32px;height:32px;border-radius:50px;text-indent:999px;position:relative;}
ul.calendar_month li a:hover{background:#999;}

.prev:after, .next:after{background:url(../../images/web/btn/arrow_set.png) no-repeat;background-size:35px 34px !important;}
.prev:after, .next:after {display:inline-block;content:"";left:0;top:0;margin-top:8px;margin-left:8px;width:16px;height:16px;position:absolute;}
.prev:after{background-position:-0px -0px}
.prev:hover:after{background-position:-0px -18px}
.next:after{background-position:-19px -0px}
.next:hover:after{background-position:-18px -18px}

.calendar_board {width:100%; border:1px solid #dbdbdb; border-top:2px solid #145dd7;}
.calendar_board thead th {padding:17px 0 16px; background:#fbfbfb; text-align:center; color:#7a7a7a; border-left:solid 1px #dbdbdb;width:14.3%}
.calendar_board thead th:first-child{border-left:0}
.calendar_board tbody td {padding:7px 7px 5px 7px; border-top:solid 1px #dbdbdb;border-left:solid 1px #dbdbdb; position:relative;height:63px}
.calendar_board tbody td:first-child{border-left:0}
.calendar_board tbody td:hover {background:#d5e2f8}
.calendar_board tbody td.today {background:#145dd7;color:#fff;font-weight:bold}
.calendar_board tbody td.reserved_old {background:#f2f2f2;}
.calendar_board tbody td.reserved_day {background:#c8eba3;}
.calendar_board tbody td p{position:absolute;top:5px;font-size:12px}
.calendar_board tbody td p.space_day{color:#dedede}
.calendar_board tbody td.reserved_old a, .calendar_board tbody td.reserved_day a{display:block;text-align:center;font-weight:bold;font-size:13px;padding:20px 0 10px;}
.calendar_board tbody td.reserved_old a{color:#999}
.calendar_board tbody td.reserved_day a{color:#346103}

.select_wid{width:70px}
.select_wid1{width:140px}
.res_btn_set{margin-bottom:5px;text-align:right}
.res_btn_set_pop{margin-top:10px;text-align:right}
.res_set{margin-top:30px !important;width:100%;overflow:hidden;float:left}
p.sub_res_tit{float:left;font-size:18px;font-weight:bold;color:#333;line-height:30px}

a.btn_reserved {display:inline-block;height:30px; padding:0 15px 0 35px; line-height:30px; font-weight:bold; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a; text-decoration:none;}
a.btn_reserved1 {display:inline-block;height:30px; padding:0 15px; line-height:30px; font-weight:bold; border-radius:2px; border:solid 1px #c3c3c3; text-align:center; font-size:13px; color:#7a7a7a; text-decoration:none;}
a.setting:before, a.save:before {display:block; content:""; width:20px;height:20px;position:absolute;margin-top:5px;margin-left:-23px}
a.setting:before {background:url(../../images/web/btn/ico_result4.png) no-repeat 50% 50%;}
a.save:before {background:url(../../images/web/btn/ico_result5.png) no-repeat 50% 50%;}

a.gradient{
	background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%,  rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to top, rgba(246,246,246,1) 0%, rgba(255,255,255,0) 100%);
}

.res_regist{border:1px solid #ddd;background:#f3f3f3;}
.res_regist dl{border-bottom:1px solid #ddd;overflow:hidden;}
.res_regist dl:last-child{border-bottom:0}
.res_regist dt, .res_regist dd{float:left;box-sizing:border-box;font-size:14px;font-family:'맑은 고딕', Malgun Gothic, dotum, '돋움', Gulim, '굴림', arial, Tahoma, Verdana, sans-serif;color:#666;}
.res_regist dt{width:20%;padding:17px 10px 0;}
.res_regist dd{border-left:1px solid #ddd;width:80%;padding:10px;background:#fff;}
.res_regist dd.txt{width:100%;border-left:0;padding:15px 10px}
.res_regist dd ul.week{margin-top:5px}
.res_regist dd ul.week li{float:left;margin:6px 15px 0 0}
.res_regist dd ul.time{}
.res_regist dd ul.time li{margin-bottom:6px}
.res_regist dd ul.time li:first-child{margin-bottom:10px;font-weight:bold}
.res_regist dd ul.time li:last-child{margin-bottom:0}
.res_regist dd ul.place{margin-top:5px}
.res_regist dd ul.place li{float:left;margin:6px 15px 0 0}

.res_regist dt.res_change{width:30%;}
.res_regist dd.res_change{width:70%;}

.res_regist input.txt {width:120px; background:#fff;}

.popwrap.st03 {width:390px}
.popwrap.st04 {width:300px}
.popwrap.st05 {width:610px}

.pop_schbox {position:relative; padding:10px 10px 10px 10px; border:solid 1px #b3c5e2;}
.pop_schbox label{font-size:14px;font-family:'맑은 고딕', Malgun Gothic, dotum, '돋움', Gulim, '굴림', arial, Tahoma, Verdana, sans-serif;color:#666;margin-right:5px}

.schbox_sch em.pop_btn{margin:-9px 0 0 -18px;}

 #calendar {
   max-width: 380px;
   margin: 0 auto;
 }
 
 
 /* 2020 03 16 */
.title_sect{display:flex !important;flex-direction:row;align-items:center;justify-content: space-between;flex-wrap:wrap;}
.title_sect p{line-height:32px;margin-bottom:5px}
.title_sect p a{color:#2767E1;font-size:13px}
 
.element_box_sect{display:flex ;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap;height:66px;padding-right:12px;box-sizing:border-box;margin-bottom:10px;overflow:hidden;background-color:-webkit-linear-gradient(to right,#E3E9F3 0%,#F2F3F9 100%);background:linear-gradient(to right,#E3E9F3 0%,#F2F3F9 100%);}
.element_box_sect a{margin-left:8px}
 
.btn_type3 {display:inline-block; height:34px; line-height:30px; color:#fff; text-align:center; cursor:pointer;vertical-align:middle; font-weight:normal;border-radius:2px;background-color:-webkit-linear-gradient(to bottom,rgba(103,152,248,1) 0%,rgba(24,92,220,1) 100%);background:linear-gradient(to bottom,rgba(103,152,248,1) 0%,rgba(24,92,220,1) 100%);padding:0 16px;border:1px solid #7598F8}


/* modalpop */
.modal_auto_pop {overflow:hidden; position:absolute; top:55%; left:50%; z-index:1100; background:#fff; box-shadow:0 3px 20px rgba(0, 0, 0, .2);border:1px solid #eee;width:600px}
.modal_auto_pop01 {overflow:hidden; position:absolute; top:55%; left:50%; z-index:1100; background:#fff; box-shadow:0 3px 20px rgba(0, 0, 0, .2);border:1px solid #eee;width:600px}
.modal_auto_wrap {position:relative}
.btn_modal_auto_close {position:absolute; top:10px; right:18px; width:24px; height:24px; background:url(../../images/web/btn/btn_close.png) no-repeat 50% 50%; text-indent:-99999px}

.auto_popwrap {padding:20px;overflow:hidden;box-sizing:border-box;}
.auto_popwrap h2 {margin:0px 0 15px; color:#145dd7; font-weight:normal;font-size:14px}
.auto_popwrap textarea {border:1px solid #eee;background:#f5f5f5;min-height:400px;max-height:400px;padding:10px;box-sizing:border-box;font-size:13px;line-height:1.5;box-shadow:none}

.auto_popwrap01 {margin-top:10px;overflow:hidden;}
.auto_popwrap01 textarea {border:1px solid #eee;background:#f5f5f5;min-height:250px;max-height:250px;padding:10px;box-sizing:border-box;font-size:13px;line-height:1.5;box-shadow:none}

.auto_popwrap .btn_box {margin-top:15px;text-align:right}
.auto_popwrap .btn_box a{display:inline-block;padding:15px 20px;text-align:center; border-radius:2px;color:#fff;font-size:13px}
.auto_popwrap .btn_box a:last-child{}
.auto_popwrap .btn_box a.confirm{background:#90B5F8}
.auto_popwrap .btn_box a.done{background:#0043DF}
.auto_popwrap .btn_box a.done01{background:#ccc}

.auto_popwrap .btn_box01 {margin-top:10px;text-align:right}
.auto_popwrap .btn_box01.mt0 {margin-top:0;}
.auto_popwrap .btn_box01 a{display:inline-block;width:100px;padding:10px 0;text-align:center; border-radius:2px;font-size:13px;color:#7a7a7a}
.auto_popwrap .btn_box01 a.remove{background:none;border:none}
.auto_popwrap .btn_box01 a.remove:before {display:inline-block; content:""; width:18px;height:18px;margin-top:-4px; vertical-align: middle}
.auto_popwrap .btn_box01 a.remove:before {background:url(../../images/web/btn/ico_remove.png) no-repeat 50% 50%;}
.auto_popwrap .btn_box01 a.con_save{background:#DDDDDD;border:1px solid #ddd}
.auto_popwrap .btn_box01 a.open_sch, .auto_popwrap .btn_box01 a.close_sch{border:1px solid #7598F8;color:#2F74F3}
.auto_popwrap .btn_box01 a.open_sch:after, .auto_popwrap .btn_box01 a.close_sch:after{content:"";display:inline-block;width:10px;height:10px; vertical-align: middle;background:url('../../images/web/btn/btn_open_sch.png')no-repeat 50% 50%;margin:-.2em 0 0 .3em}
.auto_popwrap .btn_box01 a.open_sch:after{background:url('../../images/web/btn/btn_open_sch.png')no-repeat 50% 50%;}
.auto_popwrap .btn_box01 a.close_sch:after{background:url('../../images/web/btn/btn_close_sch.png')no-repeat 50% 50%;}
.auto_popwrap .btn_box01 a.sch{background:#518AF9;border:1px solid #7598F8;color:#fff}

.pop_search_box{padding:12px; box-sizing:border-box;border:1px solid #ddd}
.pop_search_box .select_box{overflow:hidden;display:flex;align-items: center;justify-content: space-between;}
.pop_search_box .select_box li{display:inline-block;width:28%}
.pop_search_box .select_box li:last-child{margin-right:0;width:41%;position:relative;}
.pop_search_box .select_box li:last-child:before{border-left:1px solid #ddd;display:inline-block;content:"";position:absolute;height:100%}
.pop_search_box select{height:35px;width:100% !important}

.pop_search_box .sech_check_box{margin-top:13px;overflow:hidden}
.pop_search_box .sech_check_box div{overflow:hidden}
.pop_search_box .sech_check_box div{width:100%;color:#7A7A7A}
.pop_search_box .sech_check_box div dl, .pop_search_box .sech_check_box div ul{margin:0;padding:0;font-size:12px}
.pop_search_box .sech_check_box div dl{border-bottom:1px dashed #ddd;overflow:hidden;padding:10px 0}
.pop_search_box .sech_check_box div dl:last-child{border-bottom:0;}
.pop_search_box .sech_check_box div dt, .pop_search_box .sech_check_box div dd{display:inline-block;float:left}
.pop_search_box .sech_check_box div dt{margin-right:20px;font-weight:bold;color:#222}
.pop_search_box .sech_check_box div dt.ml{margin-left:15px;border-left:1px solid #ddd;padding-left:10px;box-sizing:border-box;}
.pop_search_box .sech_check_box div li{display:inline-block;float:left;margin-right:10px; }
.pop_search_box .sech_check_box div li input{width:14px;height:14px;}
.pop_search_box .sech_check_box div li label{margin-left:5px;vertical-align: middle}
.pop_search_box .sech_check_box div li:last-child{margin-right:0}



input.ck_cmd[type="checkbox"] {display:none;}
input.ck_cmd[type="checkbox"] + label {color:#777;}
input.ck_cmd[type="checkbox"] + label span {
    display:inline-block;
    width:15px;
    height:15px;
    margin:-2px 6px 0 0;
    vertical-align:middle;
    cursor:pointer;
    border-radius:3px;
    border:1px solid #ddd;
    
}
input.ck_cmd.disabl[type="checkbox"] + label {color:#ccc !important}
input.ck_cmd.disabl[type="checkbox"] + label span {border:1px solid #eee !important}
input.ck_cmd.board[type="checkbox"] + label span {margin:0;}
input.ck_cmd[type="checkbox"]:checked + label span {background:#518AF9 url('../../images/web/btn/icon_check.png')no-repeat 0 0 ;border:1px solid #518AF9;}

.value_box{position:relative;}
.table_container {height: 200px;overflow-y: auto;margin-top:15px;border:1px solid #ddd;z-index:1}
table.table_scroll {width: 100%;font-size:12px}
table.table_scroll > thead > tr > th {font-weight: 400;color: #505050;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;position: sticky;top: 0;padding:10px 0;background:#fff;font-weight:bold;}
table.table_scroll > thead > tr > th:last-child, table.table_scroll > tbody > tr > td:last-child{border-right:0;}
table.table_scroll > tbody > tr > td {text-align: center;border-bottom: 1px dashed #ddd;border-right: 1px solid #ddd;padding:10px 0;}
table.table_scroll > tbody > tr:last-child > td {border-bottom:0;}
table.table_scroll > tbody > tr > td:last-child{font-size:11px;text-align:left;padding:10px 10px;box-sizing:border-box;line-height:1.4}

.inner {width:560px;margin:0 auto;z-index:2;position:absolute;height:202px;padding:1em 0;background:rgba(0, 0, 0, .1);box-sizing:border-box;}
.load8 .loader {
  margin: 6em auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: .6em solid rgba(0, 0, 0, 0.3);
  border-right: .6em solid rgba(0, 0, 0, 0.3);
  border-bottom: .6em solid rgba(0, 0, 0, 0.3);
  border-left: .6em solid #eee;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.load8 .loader,
.load8 .loader:after {
  border-radius: 50%;
  width: 3em;
  height: 3em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*20200429 디자인 파일 추가*/
.gmb_wid {height: 50px;min-width: 1004px;border-width: 0 0 1px;border-style: solid;border-color: #bec9db transparent;}
.gmb_wid ul {width:814px; margin:0 auto; padding-left:150px;white-space:nowrap;overflow: hidden;}
.gmb_wid ul li {float:left; height:52px; line-height:48px;position:relative;}
.gmb_wid ul li:after{content:'';position:absolute;border-right:1px solid #ccc;height:25%;right:0;top:36%}
.gmb_wid ul li:last-child:after{display:none;}
.gmb_wid ul li a{display:block;font-size:14px; font-weight:bold;color:#666;height:46px;padding:0 24px}
.gmb_wid.wid8 ul li a{padding:0 13px}
.gmb_wid ul li:first-child a{padding-left:0}
.gmb_wid ul li:last-child a{padding-right:0}
.gmb_wid ul li a:before{content:'';display:inline-block; vertical-align: middle;width:13px;height:13px;margin-top:-3px;margin-right:7px}
.gmb_wid ul li a.top_mn01:before {background:url('../../images/web/common/lftmn_01.png') no-repeat 0px 55%}
.gmb_wid ul li a.top_mn02:before {background:url('../../images/web/common/lftmn_02.png') no-repeat 0px 58%}
.gmb_wid ul li a.top_mn03:before {background:url('../../images/web/common/lftmn_03.png') no-repeat 0px 55%}
.gmb_wid ul li a.top_mn04:before {background:url('../../images/web/common/lftmn_04.png') no-repeat 0px 55%}
.gmb_wid ul li a.top_mn05:before {background:url('../../images/web/common/lftmn_05.png') no-repeat 0px 55%}
.gmb_wid ul li a.top_mn06:before {background:url('../../images/web/common/lftmn_06.png') no-repeat 0px 55%}
.gmb_wid ul li a.top_mn07:before {background:url('../../images/web/common/lftmn_07.png') no-repeat 0px 55%}
.gmb_wid ul li a.top_mn08:before {background:url('../../images/web/common/lftmn_08.png') no-repeat 0px 55%}
.gmb_wid ul li a.top_mn01.on, .gmb_wid ul li a.top_mn01:hover, .gmb_wid ul li a.top_mn01:focus{color:#ff9090;border-color:#ff9090}
.gmb_wid ul li a.top_mn02.on, .gmb_wid ul li a.top_mn02:hover, .gmb_wid ul li a.top_mn02:focus{color:#fca001;border-color:#fca001}
.gmb_wid ul li a.top_mn03.on, .gmb_wid ul li a.top_mn03:hover, .gmb_wid ul li a.top_mn03:focus{color:#3fb836;border-color:#3fb836}
.gmb_wid ul li a.top_mn04.on, .gmb_wid ul li a.top_mn04:hover, .gmb_wid ul li a.top_mn04:focus{color:#2f74f3;border-color:#2f74f3}
.gmb_wid ul li a.top_mn05.on, .gmb_wid ul li a.top_mn05:hover, .gmb_wid ul li a.top_mn05:focus{color:#f56bb9;border-color:#f56bb9}
.gmb_wid ul li a.top_mn06.on, .gmb_wid ul li a.top_mn06:hover, .gmb_wid ul li a.top_mn06:focus{color:#c879e6;border-color:#c879e6}
.gmb_wid ul li a.top_mn07.on, .gmb_wid ul li a.top_mn07:hover, .gmb_wid ul li a.top_mn07:focus{color:#2fccf3;border-color:#2fccf3}
.gmb_wid ul li a.top_mn08.on, .gmb_wid ul li a.top_mn08:hover, .gmb_wid ul li a.top_mn08:focus{color:#1ccbbd;border-color:#1ccbbd}
.gmb_wid ul li a.on, .gmb_wid ul li a:hover, .gmb_wid ul li a:focus{border-bottom-width:3px;border-bottom-style:solid;z-index:5;text-decoration:none}
.gmb_wid ul li:first-child {background:none}
.gmb_wid ul li:last-child input{width:160px; height:28px; line-height:23px; padding:0 0 0 5px; background:#fff; border:solid 1px #c3c3c3; box-shadow:1px 1px 0 1px #ebebeb inset; vertical-align:middle}
.gmb_wid ul li:last-child .btn{width: 50px;height: 30px;cursor: pointer;background:url(../../images/web/btn/btnbg_search.png) no-repeat 10% 50%;padding-left:10px; vertical-align:middle;font-weight:bold;color:#145dd7;font-size:14px}

.optbox label.w20 {margin-left:20px}

.mot_div_le.w320{float:left;width:320px}
.mot_div_ri.w480{float:right;width:480px}

.table_type1.kid td input, .table_type1.kid td select{height:30px}
.table_type1.kid td a{vertical-align:middle}
.table_type1.kid td select{vertical-align:middle}
.table_type1.kid th, .table_type1.kid td{text-align:left}
.table_type1.kid th{padding-left:8px;box-sizing:border-box}

.kid_tab_wrap, .kid_table_wrap, .pop_table_wrap{overflow:hidden;clear:both}

.boardlist th.borb {border-bottom:solid 1px #dbdbdb}
ul.calendar_month.pop{float:none;margin:20px auto 10px;display: flex;align-items: center;justify-content: center;}

.boardlist.align thead th{padding:15px 10px}
.boardlist.align tbody td:last-child{padding-left:10px;box-sizing:border-box;text-align:left}"

.hidden_date {height:auto; display: inline;}
.w370 {width:370px !important}
.w400 {width:400px !important}

/*셀프미션*/
.userinfodiv .user_nm{display: inline-block;font-size: 15px;}
.userinfodiv .user_nm div {display: inline-block;font-weight: bold;}
.userinfodiv .score{display: inline-block;font-size: 15px;right: 100px;position: absolute;}
.userinfodiv .score div {display: inline-block;float: right;font-weight: bold;}

/*툴팁 추가 20240404*/

.tooltip-link{
    position: relative;
    padding: 10px;
    box-sizing: border-box;
}
.tooltip-link[data-tooltip]:not([data-tooltip=""])::before {
    content: attr(data-tooltip);
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    padding: 10px 7px;
    border-radius: 10px;
    max-width: 180px;
    width: 250%;
    left: -50%;
    bottom: 120%;
    opacity: 0;
    transition: all 0.5s linear;
}
.tooltip-link[data-tooltip]:not([data-tooltip=""])::after {
    content: '';
    border-width: 6px;
    border-style: solid;
    border-color: transparent;
    border-top-color: rgba(0,0,0,0.5);
    width: 0;
    height: 0;
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 90%;
    transform: translate(-50%, 0);
    opacity: 0;
    transition: all 0.5s linear;
}
.tooltip-link:hover[data-tooltip]:not([data-tooltip=""])::before
, .tooltip-link:hover[data-tooltip]:not([data-tooltip=""])::after {
    opacity: 1;
}