@charset "utf-8";
/* title */
[class^="s_title"] {position:relative; display:block; font-weight:500; letter-spacing:-0.048em;}
.s_title_1 {font-size:20px; line-height:28px; color:#580078; margin-top:32px;}
.s_title_2 {font-size:18px; line-height:26px; color:#000; margin-top:24px; padding-left:24px;}
.s_title_2::before {display:block; content:''; width:16px; height:16px; position:absolute; left:0; top:5px; border:4px solid #b381c4;}
.s_title_3 {font-size:16px; line-height:24px; color:#222; margin-top:16px; padding-left:20px;}
.s_title_3::before {display:block; content:''; width:14px; height:14px; position:absolute; left:0; top:5px; border:4px solid #b381c4; border-radius:7px;}
[class^="s_title"].blt_none {padding-left:0;}
[class^="s_title"].blt_none::before {display:none;}
[class^="s_title"] + [class^="box_"] {margin-top:12px;}
/* descript */
.p_descript {display:block; font-size:16px; line-height:24px; color:#222; padding:2px 0; font-weight:500; letter-spacing:-0.048em;}
.s_descript {display:block; font-size:14px; line-height:22px; color:#444; padding:2px 0; margin-top:8px;}
.i_descript {display:block; font-size:12px; line-height:20px; color:#666; padding:2px 0; margin-top:4px;}
.a_descript {position:relative; display:block; padding:2px 0 2px 20px; font-size:12px; line-height:20px; color:#580078; margin-top:4px;}
.a_descript::before {display:block; content:"※"; position:absolute; left:0; top:2px; width:16px; text-align:center;}
.n_descript {position:relative; display:block; padding:2px 0 2px 20px; font-size:12px; line-height:20px; color:#e0430c; margin-top:4px;}
.n_descript::before {display:block; content:''; position:absolute; left:0; top:0; width:16px; height:24px; background:url(../image/sub_cmn/ico_notice_descript.png) no-repeat center center;}
.n_descript_md {position:relative; display:block; padding:2px 0 2px 20px; font-size:13px; line-height:20px; color:#e0430c; margin-top:4px;}
.n_descript_md::before {display:block; content:''; position:absolute; left:0; top:0; width:16px; height:24px; background:url(../image/sub_cmn/ico_notice_descript.png) no-repeat center center;}
/* list type 1 - 이중 리스트 */
.s_list {font-size:14px; line-height:22px; margin-top:8px;}
.s_list ul, .s_list ol {padding-top:2px; padding-bottom:2px;}
.s_list li {position:relative; padding:2px 0 2px 20px; color:#444;}
.s_list li li {color:#666;}
.s_list .sl_dot {display:block; width:4px; height:4px; border-radius:2px; background:#ddd; position:absolute; left:6px; top:11px;}
.s_list .sl_bar {display:block; width:8px; height:2px; border-radius:2px; background:#ddd; position:absolute; left:4px; top:12px;}
.s_list .sl_num {display:block; width:16px; position:absolute; left:0; top:2px; font-family:'Lato';}
.s_list .sl_txt {display:block; width:16px; position:absolute; left:0; top:2px;}
.s_list .sl_rnum {display:block; width:18px; height:18px; border-radius:10px; font-family:'Lato'; font-size:12px; line-height:18px; color:#fff; background:#76388b; text-align:center; position:absolute; left:-3px; top:3px;}
.s_list .data_table, .s_list .box_image {margin-bottom:8px;}
/* list type 2 - 단일 리스트 */
[class^="s_list_"] {font-size:14px; line-height:22px; margin-top:8px;}
[class^="s_list_"] > li {position:relative; padding:2px 0 2px 20px; color:#444;}
[class^="s_list_"] > li::before {display:block; position:absolute; text-align:center;}
.s_list_dot > li::before {content:""; display:block; width:4px; height:4px; border-radius:2px; background:#ddd; position:absolute; left:6px; top:11px;}
.s_list_bar > li::before {content:""; display:block; width:8px; height:2px; border-radius:2px; background:#ddd; position:absolute; left:4px; top:12px;}
.s_list_num {counter-reset:slistNum;}
.s_list_num > li::before {counter-increment:slistNum; content:""counter(slistNum)"."; display:block; width:16px; position:absolute; left:0; top:2px; font-family:'Lato';}
.s_list_rnum {counter-reset:slistRnum;}
.s_list_rnum > li::before {counter-increment:slistRnum; content:""counter(slistRnum)""; width:18px; height:18px; border-radius:9px; font-family:'Lato'; font-size:12px; line-height:18px; text-align:center; color:#fff; background:#76388b; left:-3px; top:3px;}
/* link text */
.s_link_text {color:#580078; border-bottom:1px dotted #580078; margin-bottom:-1px;}
.s_link_text .ico_window {position:relative; display:inline-block; width:16px; height:16px; border-radius:8px; background:#3e184c; vertical-align:middle; margin:-3px 0 0 3px;}
.s_link_text .ico_window::before {position:absolute; right:50%; bottom:50%; width:6px; height:6px; border:0; border-top:1px solid #fff; border-right:1px solid #fff; margin:0 -4px -2px 0;}
.s_link_text .ico_window::after {position:absolute; left:50%; top:50%; width:6px; height:6px; border:0; border:1px solid #fff; margin:-2px 0 0 -4px;}
/* 일반 텍스트, 리스트 사이 버튼 */
.s_descript .btn_xs, .s_list .btn_xs, .s_list_dot .btn_xs, .s_list_bar .btn_xs, .s_list_num .btn_xs, .s_list_rnum .btn_xs {vertical-align:top; margin:0 4px;}
/* btns */
.s_btn {font-size:0; line-height:0; text-align:center; margin-top:32px;}
.s_btn::after {display:block; content:''; clear:both;}
.s_btn .btn {margin:2px;}
.s_btn .fl_l > * {margin-left:0; margin-right:4px;}
.s_btn .fl_r > * {margin-right:0; margin-left:4px;}
/* iframe */
.s_ifrm {display:block; margin:0; padding:0; width:100%; overflow:auto;}
/* tab - function */
.tab_common .tab_content {display:none;}
.tab_common .tab_content.on {display:block;}
.tab_access .tab_box .tab_content, .tab_access .tab_box .btn_more {display:none;}
.tab_access .tab_box.on .tab_content, .tab_access .tab_box.on .btn_more {display:block;}
/* tab - view */
.tab_flt {font-size:0; line-height:0; margin-top:32px;}
.tab_flt > ul {margin:-1px;}
.tab_flt > ul::after {display:block; content:''; clear:both;}
.tab_flt > ul > li {display:block; float:left; padding:1px;}
.tab_flt > ul > li > a {position:relative; display:block; padding:10px 12px; background:#eee; text-align:center; color:#333;}
.tab_flt > ul > li > a > span {display:inline-block; font-size:14px; line-height:22px;}
.tab_flt > ul > li.on > a {background:#9542a1; color:#fff;}
.tab_flt > ul > li.on > a::after {display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#3e184c;}
.tab_inl {font-size:0; line-height:0; border-bottom:1px solid #ddd;}
.tab_inl > ul {padding:12px 16px;}
.tab_inl > ul > li {position:relative; display:inline-block; padding:4px 16px; padding-left:6px;}
.tab_inl > ul > li::before {display:block; content:''; width:2px; height:2px; background:#bbb; position:absolute; left:0; top:14px;}
.tab_inl > ul > li > a {display:block;}
.tab_inl > ul > li > a > span {display:inline-block; font-size:14px; line-height:22px; color:#666;}
.tab_inl > ul > li.on > a > span {color:#580078; text-decoration:underline;}
.tab_lnk {font-size:0; line-height:0; border:1px solid #ddd; margin-top:32px;}
.tab_lnk > ul {padding:12px 16px;}
.tab_lnk > ul > li {position:relative; display:inline-block; padding:4px 16px; padding-left:6px;}
.tab_lnk > ul > li::before {display:block; content:''; width:2px; height:2px; background:#bbb; position:absolute; left:0; top:14px;}
.tab_lnk > ul > li > a {display:block;}
.tab_lnk > ul > li > a > span {display:inline-block; font-size:14px; line-height:22px; color:#222;}
.tab_lnk *, .tab_inl * {vertical-align:middle;}
/* box */
[class^="box_"] {position:relative; padding:20px 24px; margin-top:32px;}
.box_line_thick {border:8px solid #f9eefc;}
.box_line {border:1px solid #ddd;}
.box_gray {background:#f5f5f5;}
.box_nh {padding:0; border:1px solid #ddd; background:#fff;}
.box_nh .bn_t {padding:16px 24px; background:#fcf8fd;}
.box_nh .bn_t p {display:block; font-size:16px; line-height:24px; font-weight:500; letter-spacing:-0.048em; color:#580078; text-align:center;}
.box_nh .bn_b {padding:16px 24px;}
.box_image {border:1px solid #ddd;}
.box_image img {display:block; max-width:100%; margin:0 auto;}
.box_image a.ico_zoom {display:none; position:absolute; bottom:-1px; right:-1px; width:40px; height:40px; background:url(../image/sub_cmn/ico_expension.png) no-repeat #000 center center; opacity:0.48;}
.box_image span.ico_zoom {font-size:0; line-height:0;}
@media (max-width:767px) {
.box_image {padding:16px;}
.box_image a.ico_zoom {display:block;}
}
/* board top */
.board_top {font-size:0; line-height:0; margin-top:32px;}
.board_top > div {padding:4px 0;}
.board_top .fl_r {text-align:right;}
.board_top * {vertical-align:top;}
.board_top::after {display:block; content:''; clear:both;}
.board_top .bt_count {display:inline-block; font-size:14px; line-height:22px; padding:3px 0;}
.board_top .bt_count strong {display:inline-block; padding:0 1px; color:#e52727;}
.board_top .bt_descript {display:inline-block; font-size:14px; line-height:22px; color:#666; padding:3px 0;}
.board_top .parts_phone_number {display:inline-block; font-family:'Lato'; font-size:16px; line-height:24px; font-weight:bold; padding:2px 0 2px 4px;}
.board_top h4 + .parts_phone_number {font-size:17px; line-height:26px; padding:2px 0 0 4px;}
.board_top .bt_srch {font-size:0; line-height:0;}
.board_top .bt_srch > div {margin-left:-1px;}
.board_top .bt_srch > div:first-child {margin-left:0;}
.board_top .bt_srch input[type="text"], .board_top .bt_srch select {height:28px; padding:2px 8px; font-size:13px; line-height:21px; color:#444}
.board_top .bt_srch select {padding-right:2px;}
.board_top .fl_l > * {margin-left:0; margin-right:4px;}
.board_top .fl_r > * {margin-right:0; margin-left:4px;}
.board_top [class^="s_title"] {margin-top:0; display:inline-block;}
.board_top .s_title_2 {padding-top:1px; padding-bottom:1px;}
.board_top .s_title_3 {padding-top:2px; padding-bottom:2px;}
.board_top .s_title_2::before {top:6px;}
.board_top .s_title_3::before {top:7px;}
@media (min-width:768px) {
.board_top .bt_srch_wrap {display:inline-block;}
.board_top .bt_srch {display:inline-block; font-size:0; line-height:0;}
.board_top .bt_srch > div {display:inline-block;}
.board_top .bt_srch input[type="text"], .board_top .bt_srch select {display:inline-block;}
}
@media (max-width:767px) {
.board_top .bt_srch_wrap {margin-left:0;}
.board_top .bt_srch {display:table; table-layout:fixed; width:100%;}
.board_top .bt_srch > div {display:table-cell; padding:0 2px;}
.board_top .bt_srch > div:first-child {padding-left:0;}
.board_top .bt_srch > div:last-child {padding-right:0;}
.board_top .bt_srch .bts_slct {width:96px;}
.board_top .bt_srch .bts_btn {width:60px;}
.board_top .bt_srch input[type="text"], .board_top .bt_srch select {display:block;}
}
@media (max-width:480px) {
.board_top .bt_srch .bts_slct {width:65px;}
}
/* board list */
.board_list {margin-top:8px;}
.board_list * {vertical-align:middle;}
.board_list table {table-layout:fixed; width:100%; border-top:1px solid #333;}
.board_list table th,
.board_list table td {border-bottom:1px solid #ddd; text-align:center;}
.board_list table td.ta_l {text-align:left;}
.board_list table th {font-size:13px; line-height:21px; font-weight:500; letter-spacing:-0.048em; padding:10px; color:#222; background:#f8f8f8;}
.board_list table td {font-size:14px; line-height:22px; padding:10px; color:#444;}
.board_list .bl_link {color:#222;}
.board_list .bl_link:hover {color:#580078;}
.board_list .tag {margin:-2px 0; margin-right:4px;}
.board_list .btn {margin:-2px 0;}
.board_list .ico_lock {display:inline-block; width:18px; height:18px; background:url(../image/sub_cmn/sub_cmn_icon.png) no-repeat 0 0;}
.board_list .ico_new {display:inline-block; width:18px; height:18px; background:url(../image/sub_cmn/sub_cmn_icon.png) no-repeat -20px 0;}
.board_list .ico_file {display:inline-block; width:18px; height:18px; background:url(../image/sub_cmn/sub_cmn_icon.png) no-repeat -40px 0;}
.board_list .no_list {padding:64px 0;}
@media (max-width:767px) {
.board_list table th,
.board_list table td { /* iphone 모바일에서 text-size 강제 화면에 맞게 조절 제거*/ -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; }
}
/* board view */
.board_view {border-top:1px solid #363a41; margin-top:32px;}
.board_view .bv_top .bv_ttl {border-bottom:1px solid #d7d7d7; padding:12px 20px;}
.board_view .bv_top .bv_ttl * {vertical-align:middle;}
.board_view .bv_top .bv_ttl h4 {display:inline; font-size:16px; line-height:24px; font-weight:500; letter-spacing:-0.048em; color:#000; word-wrap:break-word; word-break:keep-all;}
.board_view .bv_top .bv_ttl .tag {margin:-2px 8px -2px 0;}
.board_view .bv_top .bv_category {border-bottom:1px solid #d7d7d7; font-size:0; line-height:0;}
.board_view .bv_top .bv_category ul {padding:12px 20px;}
.board_view .bv_top .bv_category ul li {position:relative; display:inline-block; padding:0 12px 0 8px;}
.board_view .bv_top .bv_category ul li::before {display:block; content:''; width:2px; height:2px; border-radius:1px; background:#222; position:absolute; left:0; top:10px;}
.board_view .bv_top .bv_category ul li * {vertical-align:middle;}
.board_view .bv_top .bv_category ul li span {display:inline-block; font-size:14px; line-height:22px; color:#444; padding-right:4px;}
.board_view .bv_top .bv_category ul li .bvc_ttl {color:#000;}
.board_view .bv_top .bv_category ul li a.ico_email {display:inline-block; width:18px; height:18px; background:url(../image/sub_cmn/sub_cmn_icon.png) no-repeat -60px 0;}
.board_view .bv_top .bv_category ul li span.ico_email {font-size:0; line-height:0; color:transparent; padding-right:0;}
.board_view .bv_content {padding:12px 20px; border-bottom:1px solid #d7d7d7; position:relative; word-wrap:break-word; word-break:keep-all;}
.board_view .bv_content .bvc_txt p {display:block; font-size:14px; line-height:22px; color:#333; word-wrap:break-word; word-break:keep-all; padding:6px 0;}
.board_view .bv_content .bvc_txt strong {font-weight:bold;}
.board_view .bv_content .bvc_txt img {display:block; max-width:800px; margin:6px auto;}
.board_view .bv_file {position:relative; border-bottom:1px solid #d7d7d7;}
.board_view .bv_file > div {padding:12px 20px;}
.board_view .bv_file .bvf_ttl {position:absolute; left:0; top:0;}
.board_view .bv_file .bvf_ttl span {position:relative; display:block; font-size:14px; line-height:22px; color:#000; padding:2px 0 2px 8px;}
.board_view .bv_file .bvf_ttl span::before {display:block; content:''; width:2px; height:2px; border-radius:1px; background:#222; position:absolute; left:0; top:12px;}
.board_view .bv_file .bvf_lst {padding-left:96px;}
.board_view .bv_file .bvf_lst li {padding:2px 0; font-size:0; line-height:0;}
.board_view .bv_file .bvf_lst li .btn_xs {vertical-align:middle;}
.board_view .bv_file .bvf_lst .btn_bvf_viewer {padding-left:2px; background:#005599; color:#fff;}
.board_view .bv_file .bvf_lst .btn_bvf_viewer > i { display:inline-block; margin:3px; width:12px; height:12px; line-height:13px; background:url(../image/sub_cmn/sub_tb_fileopen.gif) no-repeat 0 0;vertical-align:middle;}
.board_view .bv_file .bvf_link {font-size:14px; line-height:22px; color:#444; background-image:url(../image/sub_cmn/sub_cmn_icon.png); background-repeat:no-repeat; padding:0 0 0 24px; word-wrap:break-word; word-break:keep-all; background-position:-160px -217px; vertical-align:middle; margin-right:6px;}
.board_view .bv_file .bvf_link:hover {color:#580078;}
.board_view .bv_file .bvf_link.ico_hwp {background-position:-380px 3px;}
.board_view .bv_file .bvf_link.ico_wrd {background-position:-360px -17px;}
.board_view .bv_file .bvf_link.ico_xls {background-position:-340px -37px;}
.board_view .bv_file .bvf_link.ico_ppt {background-position:-320px -57px;}
.board_view .bv_file .bvf_link.ico_pdf {background-position:-300px -77px;}
.board_view .bv_file .bvf_link.ico_swf {background-position:-280px -97px;}
.board_view .bv_file .bvf_link.ico_mda {background-position:-260px -117px;}
.board_view .bv_file .bvf_link.ico_gif {background-position:-240px -137px;}
.board_view .bv_file .bvf_link.ico_jpg {background-position:-220px -157px;}
.board_view .bv_file .bvf_link.ico_zip {background-position:-200px -177px;}
.board_view .bv_file .bvf_link.ico_txt {background-position:-180px -197px;}
@media (max-width:767px) {
.board_view .bv_file,
.board_view .bv_content { /* iphone 모바일에서 text-size 강제 화면에 맞게 조절 제거*/ -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; }
.board_view .bv_content .bvc_txt img {width:100% !important; height:100% !important;}
}
/* board edit */
.board_edit {font-size:0; line-height:0; text-align:left; margin-top:32px;}
.board_edit * {vertical-align:middle;}
.board_edit input[type="text"], .board_edit input[type="password"], .board_edit select, .board_edit textarea {height:28px; padding:3px 8px; font-size:12px; line-height:20px;}
.board_edit select {padding-right:2px;}
.board_edit textarea {min-width:100%; max-width:100%; min-height:120px;}
.board_edit label {padding:3px 8px 3px 4px; font-size:14px; line-height:22px;}
.board_edit label.ico_essential { padding:3px 0}
.board_edit label.be_ttl { padding:3px 0}
.board_edit table th {background:#f8f8f8; text-align:left;}
.board_edit .be_ttl {position:relative; display:inline-block; font-size:13px; line-height:21px; font-weight:500; letter-spacing:-0.048em;}
.board_edit .ico_essential::after {display:block; content:'*'; color:#e85a71; position:absolute; right:-8px; top:-4px;}
.board_edit .txt_common {display:inline-block; font-size:14px; line-height:22px; color:#222; padding:3px 0; word-wrap:break-word; word-break:keep-all;}
@media (min-width:1180px) {
.board_edit table {table-layout:fixed; border-collapse:separate; width:100%; border-top:1px solid #333;}
.board_edit table th,
.board_edit table td {padding:10px 16px; border-bottom:1px solid #ddd;}
.board_edit .w25p {width:25%;}
.board_edit .w50p {width:50%;}
.board_edit .w75p {width:75%;}
.board_edit .w25pt {width:25%;}
.board_edit .w50pt {width:50%;}
.board_edit .w75pt {width:75%;}
}
@media (min-width:768px) and (max-width:1179px) {
.board_edit table {table-layout:fixed; border-collapse:separate; width:100%; border-top:1px solid #333;}
.board_edit table th,
.board_edit table td {padding:10px 16px; border-bottom:1px solid #ddd;}
.board_edit .w25pt {width:25%;}
.board_edit .w50pt {width:50%;}
.board_edit .w75pt {width:75%;}
}
@media (max-width:767px) {
.board_edit {border:1px solid #bbb;}
.board_edit table, .board_edit table thead, .board_edit table tbody, .board_edit table tfoot, .board_edit table thead tr, .board_edit table tbody tr, .board_edit table tfoot tr, .board_edit table thead tr th, .board_edit table tbody tr th, .board_edit table tbody tr td, .board_edit table tfoot tr td {display:block;}
.board_edit table tbody tr th {position:relative; background:#f8f8f8; padding:8px 12px; text-align:left; border-top:1px solid #ccc; border-bottom:1px solid #eee;}
.board_edit table tbody tr:first-child th:first-child {border-top:0;}
.board_edit table tbody tr td {padding:12px;}
}
/* form box */
.f_srch {position:relative;}
.f_srch button {margin:0; padding:0; border:0;}
.f_srch .f_ico {display:block; width:28px; height:28px; position:absolute; right:0; top:0;}
.f_srch .f_ico [class^="ico_"] {display:block; width:inherit; height:inherit; background-color:#ddd;; background-image:url(../image/sub_cmn/sub_cmn_icon.png); background-repeat:no-repeat;}
.f_srch .f_ico .ico_calendar {background-position:0 -200px}
.f_srch .f_ico .ico_search {background-position:-80px -200px}
.f_srch .f_ico .ico_upload {background-position:-40px -200px}
.f_srch input[type="text"] {padding-right:28px;}
.f_btn {display:table; table-layout:fixed; width:100%;}
.f_btn > div {display:table-cell; white-space:nowrap;}
.f_btn .fb_btn {text-align:right;}
.f_btn .fb_btn > div {display:inline-block;}
.f_btn .fb_btn .btn {margin:0 0 0 4px;}
.f_btn .fb_btn .btn:first-child {margin:0;}
.f_tbl {display:table; table-layout:fixed; width:100%; font-size:12px; line-height:20px;}
.f_tbl > div {display:table-cell; padding:0 2px;}
.f_tbl > div:first-child {padding-left:0;}
.f_tbl > div:last-child {padding-right:0;}
.f_tbl .f_dash {width:20px; text-align:center;}
.f_tbl .f_ico {right:2px;}
.f_tbl > div:last-child .f_ico {right:0;}
.f_ib > div {display:inline-block; padding:0 2px;}
.f_ib > div:first-child {padding-left:0;}
.f_ib > div:last-child {padding-right:0;}
@media (min-width:768px) and (max-width:1179px) {
.f_tbl.f_tbl_tb {display:block;}
.f_tbl.f_tbl_tb > div {display:block; margin-bottom:4px; padding:0;}
.f_tbl.f_tbl_tb > div:last-child {margin-bottom:0;}
.f_tbl.f_tbl_tb .f_ico {right:0;}
.f_tbl.f_tbl_tb .f_dash {width:100%;}
.f_ib.f_ib_tb > div {display:block; margin-bottom:4px; padding:0;}
.f_ib.f_ib_tb > div:last-child {margin-bottom:0;}
.f_ib.f_ib_tb .wa {width:100%;}
}
@media (max-width:767px) {
.f_tbl.f_tbl_tb {display:block;}
.f_tbl.f_tbl_tb > div {display:block; margin-bottom:4px; padding:0;}
.f_tbl.f_tbl_tb > div:last-child {margin-bottom:0;}
.f_tbl.f_tbl_tb .f_ico {right:0;}
.f_tbl.f_tbl_tb .f_dash {width:100%;}
.f_tbl.f_tbl_mb {display:block;}
.f_tbl.f_tbl_mb > div {display:block; margin-bottom:4px; padding:0;}
.f_tbl.f_tbl_mb > div:last-child {margin-bottom:0;}
.f_tbl.f_tbl_mb .f_ico {right:0;}
.f_tbl.f_tbl_mb .f_dash {width:100%;}
.f_ib.f_ib_tb > div {display:block; margin-bottom:4px; padding:0;}
.f_ib.f_ib_tb > div:last-child {margin-bottom:0;}
.f_ib.f_ib_tb .wa {width:100%;}
.f_ib.f_ib_mb > div {display:block; margin-bottom:4px; padding:0;}
.f_ib.f_ib_mb > div:last-child {margin-bottom:0;}
.f_ib.f_ib_mb .wa {width:100%;}
}
/* page skip */
.page_skip {border-top:1px solid #aaa; border-bottom:1px solid #aaa; margin-top:32px;}
.page_skip ul li {position:relative;}
.page_skip ul li:first-child {border-bottom:1px solid #dedfe4;}
.page_skip .ps_ttl {display:block; position:absolute; left:0; top:0; font-size:14px; line-height:22px; padding:12px 20px; text-align:center;}
.page_skip .ps_ttl::after {content:''; display:inline-block; width:18px; height:18px; margin:2px; margin-left:4px; vertical-align:top;}
.page_skip ul li:first-child .ps_ttl::after {background:url(../image/sub_cmn/sub_cmn_icon.png) no-repeat -80px 0;}
.page_skip ul li:last-child .ps_ttl::after {background:url(../image/sub_cmn/sub_cmn_icon.png) no-repeat -100px 0;}
.page_skip .ps_detail {display:block; padding:12px 20px 12px 96px; font-size:14px; line-height:22px; color:#666; word-wrap:break-word; word-break:keep-all;}
.page_skip .ps_detail a {display:block; color:#000;}
.page_skip .ps_detail a:hover {color:#580078;}
/* paging */
.paging {font-size:0; line-height:0; text-align:center; margin-top:32px;}
.paging * {vertical-align:top;}
.paging a,
.paging strong {display:inline-block; border:1px solid transparent; margin:1px;}
.paging a,
.paging strong {width:38px; height:38px; font-family:'Lato'; font-size:14px; line-height:36px; font-weight:bold; text-align:center; color:#333; border-radius:2px; background-repeat:no-repeat;}
.paging a {color:#000;}
.paging a:hover {background:rgba(0,0,0,0.04);}
.paging strong {color:red; border-color:#444;}
.paging a[class^="p_"],
.paging strong[class^="p_"] {background-image:url(../image/sub_cmn/sub_cmn_icon.png); border-color:transparent;}
.paging a.p_first {background-position:0 -40px;}
.paging a.p_first:hover {background-position:0 -80px;}
.paging strong.p_first {background-position:0 -120px;}
.paging a.p_prev {background-position:-40px -40px;}
.paging a.p_prev:hover {background-position:-40px -80px;}
.paging strong.p_prev {background-position:-40px -120px;}
.paging a.p_next {background-position:-80px -40px;}
.paging a.p_next:hover {background-position:-80px -80px;}
.paging strong.p_next {background-position:-80px -120px;}
.paging a.p_last {background-position:-120px -40px;}
.paging a.p_last:hover {background-position:-120px -80px;}
.paging strong.p_last {background-position:-120px -120px;}
/* text color */
.txt_clr_nh {color:#580078;}
.txt_clr_red {color:#e85a71;}
.txt_clr_green {color:#1e9f3c;}
.txt_clr_blue {color:#548cf1;}
.txt_clr_navy {color:#5b56e1;}
.txt_clr_black {color:#666572;}
.txt_clr_gray {color:#ddd;}
.txt_clr_white {color:#fbfbfb;}
/* btn */
.btn {display:inline-block; font-family:'Noto Sans KR'; font-size:0; line-height:0; letter-spacing:-0.048em; border:1px solid transparent;}
.btn > span {display:inline-block;}
.btn * {vertical-align:middle;}
.btn_lg {padding:6px 32px; border-radius:2px;}
.btn_lg span {font-size:18px; line-height:26px;}
.btn_md {padding:4px 24px; border-radius:2px;}
.btn_md span {font-size:16px; line-height:24px;}
.btn_sm {padding:2px 16px; border-radius:1px;}
.btn_sm span {font-size:14px; line-height:22px;}
.btn_xs {padding:0 8px; border-radius:1px;}
.btn_xs span {font-size:12px; line-height:20px;}
.btn_nh {background:#9542a1; color:#fff;}
.btn_red {background:#e85a71; color:#fff;}
.btn_green {background:#1e9f3c; color:#fff;}
.btn_blue {background:#548cf1; color:#fff;}
.btn_navy {background:#5b56e1; color:#fff;}
.btn_black {background:#666572; color:#fff;}
.btn_gray {background:#ddd; color:#333;}
.btn_white {background:#fbfbfb; color:#333; border:1px solid rgba(0,0,0,0.16);}
input[type="submit"].btn,
input[type="button"].btn {vertical-align:middle;}
input[type="submit"].btn.btn_lg,
input[type="button"].btn.btn_lg {font-size:18px; line-height:26px;}
input[type="submit"].btn.btn_md,
input[type="button"].btn.btn_md {font-size:16px; line-height:24px;}
input[type="submit"].btn.btn_sm,
input[type="button"].btn.btn_sm {font-size:14px; line-height:22px;}
input[type="submit"].btn.btn_xs,
input[type="button"].btn.btn_xs {font-size:12px; line-height:20px;}
input[type="submit"].btn:hover, input[type="submit"].btn:focus,
input[type="button"].btn:hover, input[type="button"].btn:focus {cursor:pointer;}
/* tag */
.tag {display:inline-block; border-radius:2px; border:1px solid transparent;}
.tag_lg {font-size:18px; line-height:26px; padding:6px 32px;}
.tag_md {font-size:16px; line-height:24px; padding:4px 24px;}
.tag_sm {font-size:14px; line-height:22px; padding:2px 16px;}
.tag_xs {font-size:12px; line-height:20px; padding:0 8px;}
.tag_nh {background:#9542a1; color:#fff;}
.tag_red {background:#e85a71; color:#fff;}
.tag_green {background:#1e9f3c; color:#fff;}
.tag_blue {background:#548cf1; color:#fff;}
.tag_navy {background:#5b56e1; color:#fff;}
.tag_black {background:#666572; color:#fff;}
.tag_gray {background:#ddd; color:#333;}
.tag_white {background:#fbfbfb; color:#333; border:1px solid rgba(0,0,0,0.16);}
/* data table */
.data_table {margin-top:8px;}
.data_table * {vertical-align:middle;}
.data_table table {table-layout:fixed; border-collapse:separate; width:100%; border-top:1px solid #333; border-left:1px solid #ddd;}
.data_table table th,
.data_table table td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:10px 16px;}
.data_table table th {color:#222;}
.data_table table td {color:#444;}
.data_table table thead th {font-size:13px; line-height:21px; font-weight:500; letter-spacing:-0.048em; background:#f8f8f8; border-bottom:1px solid #bbb;}
.data_table table tbody th {background:#fdfdfd; color:#580078;}
.data_table table tbody th,
.data_table table tbody td {font-size:14px; line-height:22px; position:relative;}
.data_table table tfoot th,
.data_table table tfoot td {font-size:13px; line-height:21px; font-weight:500; letter-spacing:-0.048em; color:#580078; background:#f8f8f8; padding-top:20px; padding-bottom:20px;}
.data_table .ta_l {text-align:left;}
.data_table .ta_c {text-align:center;}
.data_table .ta_r {text-align:right;}
.data_table .va_t {vertical-align:top;}
.data_table + .a_descript, .data_table + .n_descript {margin-top:8px;}
@media (max-width:767px) {
.data_table table th,
.data_table table td { /* iphone 모바일에서 text-size 강제 화면에 맞게 조절 제거*/ -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; }
}
/* table scroll */
[class*="tbl_scrl_"] {overflow-x:auto; overflow-y:hidden;}
@media (min-width:1180px) {
.tbl_scrl_p > table {width:1380px;}
}
@media (min-width:768px) and (max-width:1179px) {
.tbl_scrl_t {position:relative; padding-top:32px; background:url(../image/sub_cmn/bg_hand.gif) no-repeat right top;}
.tbl_scrl_p > table {width:1380px;}
.tbl_scrl_t > table {width:1380px;}
}
@media (max-width:767px) {
.tbl_scrl_t {position:relative; padding-top:32px; background:url(../image/sub_cmn/bg_hand.gif) no-repeat right top;}
.tbl_scrl_m {position:relative; padding-top:32px; background:url(../image/sub_cmn/bg_hand.gif) no-repeat right top;}
.tbl_scrl_mini {position:relative; padding-top:32px; background:url(../image/sub_cmn/bg_hand.gif) no-repeat right top;}
.tbl_scrl_p > table {width:1380px;}
.tbl_scrl_t > table {width:1380px;}
.tbl_scrl_m > table {width:860px;}
.tbl_scrl_mini > table { width:780px}
}
@media (max-width:480px) {
.tbl_scrl_mini > table { width:640px;}
}
/* gallery view */
.gallery_view {margin-top:32px;}
.gallery_view .gv_overview {position:relative; background:#333; overflow:hidden;}
.gallery_view .gv_overview img {display:block; height:100%; margin:0 auto;}
.gallery_view .gv_overview .btn_download {position:absolute; right:0; bottom:0; display:block; width:40px; height:40px; background:red; text-indent:-10000px;}
.gallery_view .gv_descript {display:block; font-weight:500; font-size:24px; line-height:32px; text-align:center; padding:8px 0 16px 0;}
.gallery_view .gv_thumb .lSSlideOuter .lightSlider > * {float:none;}
.gallery_view .gv_thumb .lSAction .lSPrev, .gallery_view .gv_thumb .lSAction .lSNext {display:none;}
.gallery_view .gv_thumb {position:relative; padding:0 44px; margin-top:16px;}
.gallery_view .gv_thumb button {border:0; margin:0; padding:0; position:absolute; top:50%; margin-top:-20px; display:block; width:40px; height:40px;}
.gallery_view .gv_thumb .gvt_prev {left:0; background:url(../image/sub_cmn/sub_cmn_icon.png) no-repeat -120px 0;}
.gallery_view .gv_thumb .gvt_next {right:0; background:url(../image/sub_cmn/sub_cmn_icon.png) no-repeat -160px 0;}
.gallery_view .gv_thumb ul {display:table; table-layout:fixed;}
.gallery_view .gv_thumb ul li {padding:0 4px; display:table-cell;}
.gallery_view .gv_thumb ul li a {position:relative; display:block; width:100%; overflow:hidden;}/* height:100%; */
.gallery_view .gv_thumb ul li a::before {display:inline-block; content:''; width:0; height:100%; vertical-align:middle;}
.gallery_view .gv_thumb ul li.on a::after {display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:4px solid #1cacb5;}
.gallery_view .gv_thumb ul li a:focus {border:1px dotted #1cacb5;}
.gallery_view .gv_thumb ul li.on a:focus::after {border:1px dotted #000;}
.gallery_view .gv_thumb ul li a img {display:inline-block; width:100%; vertical-align:middle; margin:-100% 0;}
/* gallery list */
.gallery_list {clear:both; margin-top:32px;}
.gallery_list > ul::after {display:block; content:''; clear:both;}
.gallery_list > ul > li {float:left;}
.gallery_list > ul > li > div {border:1px solid #ddd;}
.gallery_list .gl_img {display:block; overflow:hidden; position:relative; font-size:0; line-height:0;}
.gallery_list .gl_img img {display:inline-block; width:100%; margin:-100% 0; vertical-align:middle;}
.gallery_list .gl_img::before {display:inline-block; width:0; height:100%; vertical-align:middle; content:'';}
.gallery_list .gl_img::after {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.04); content:'';}
.gallery_list .gl_descript {padding:12px 16px;}
.gallery_list .gl_ttl {display:block; font-size:14px; line-height:1.5; color:#222; height:4.5em; text-overflow:ellipsis; overflow:hidden;}
.gallery_list .gl_date {display:block; font-family:'Lato'; font-size:12px; line-height:1.5; letter-spacing:0; color:#666; padding:12px 0 0 0;}
@media (min-width:1180px) {
.gallery_list > ul {margin:-10px;}
.gallery_list > ul > li {width:25%; padding:10px;}
}
@media (min-width:768px) and (max-width:1179px) {
.gallery_list > ul {margin:-10px;}
.gallery_list > ul > li {width:33.3333%; padding:10px;}
}
@media (max-width:767px) {
.gallery_list > ul {margin:-10px -5px;}
.gallery_list > ul > li {width:50%; padding:10px 5px;}
}
/* gallery list c 의료진이 알려주는 정신질환 */
.gallery_list_c {clear:both; margin-top:32px;}
.gallery_list_c > ul::after {display:block; content:''; clear:both;}
.gallery_list_c > ul > li {float:left;}
.gallery_list_c > ul > li > div {border:1px solid #ddd;}
.gallery_list_c .gl_img {display:block; overflow:hidden; position:relative; font-size:0; line-height:0;}
.gallery_list_c .gl_img img {display:inline-block; width:100%; margin:-100% 0; vertical-align:middle;}
.gallery_list_c .gl_img::before {display:inline-block; width:0; height:100%; vertical-align:middle; content:'';}
.gallery_list_c .gl_img::after {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.04); content:'';}
.gallery_list_c .gl_descript {padding:12px 16px; padding-bottom:16px;}
.gallery_list_c .gl_year {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:1.5rem; overflow:hidden; text-overflow:ellipsis; width:100%; font-size:16px; line-height:24px; color:#0f58d5;}
.gallery_list_c .gl_ttl {display:block; display:-webkit-box; font-size:14px; line-height:1.5; color:#222; height:3em; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:4px;}
.gallery_list_c .gl_date {display:block; font-family:'Lato'; font-size:12px; line-height:1.5; letter-spacing:0; color:#666; padding:12px 0 0 0;}
.gallery_list_c .gallery_nodata { padding-top:50px; padding-bottom:50px; width:100%; border-top:1px solid #666; border-bottom:1px solid #ddd;}
.gallery_list_c .gallery_nodata p { text-align:center; font-weight:500; color:#333;}
.gallery_list_c .ico_window {display:none;}
@media (min-width:1180px) {
.gallery_list_c > ul {margin:-10px;}
.gallery_list_c > ul > li {width:33.3333%; padding:10px;}
}
@media (min-width:768px) and (max-width:1179px) {
.gallery_list_c > ul {margin:-10px;}
.gallery_list_c > ul > li {width:33.3333%; padding:10px;}
}
@media (max-width:767px) {
.gallery_list_c > ul {margin:-10px -5px;}
.gallery_list_c > ul > li {width:50%; padding:10px 5px;}
}
/* image list */
.image_list {clear:both; margin-top:32px;}
.image_list > ul::after {display:block; content:''; clear:both;}
.image_list > ul > li {float:left;}
.image_list > ul > li > div {padding-bottom:12px;}
.image_list .il_img {display:block; overflow:hidden; position:relative;}
.image_list .il_img img {display:block; width:100%; height:100%;}
.image_list .il_img::after {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.04); content:'';}
.image_list .il_descript {padding-top:12px;}
.image_list .il_ttl {display:block; font-size:14px; line-height:22px; color:#333;}
@media (min-width:1180px) {
.image_list > ul {margin:-8px;}
.image_list > ul > li {padding:8px;}
.image_list.cnt4-3-2 > ul > li:nth-child(4n+1) {clear:both;}
.image_list.cnt3-3-2 > ul > li:nth-child(3n+1) {clear:both;}
.image_list.cnt2-2-2 > ul > li:nth-child(2n+1) {clear:both;}
}
@media (min-width:768px) and (max-width:1179px) {
.image_list > ul {margin:-8px;}
.image_list > ul > li {padding:8px;}
.image_list.cnt4-3-2 > ul > li:nth-child(3n+1) {clear:both;}
.image_list.cnt3-3-2 > ul > li:nth-child(3n+1) {clear:both;}
.image_list.cnt2-2-2 > ul > li:nth-child(2n+1) {clear:both;}
}
@media (max-width:767px) {
.image_list > ul {margin:-8px -4px;}
.image_list > ul > li {padding:8px 4px;}
.image_list.cnt4-3-2 > ul > li:nth-child(2n+1) {clear:both;}
.image_list.cnt3-3-2 > ul > li:nth-child(2n+1) {clear:both;}
.image_list.cnt2-2-2 > ul > li:nth-child(2n+1) {clear:both;}
}
/* image + descript - class : img_w25 img_w33 */
.image_descript {margin-top:32px;}
.image_descript > ul > li {padding-top:16px;}
.image_descript > ul > li:first-child {padding-top:0;}
.image_descript > ul > li > div {position:relative; border:1px solid rgba(0,0,0,0.16); background:#f8f8f8;}
.image_descript > ul > li > div::after {display:block; content:''; clear:both;}
.image_descript .id_img {overflow:hidden;}
.image_descript .id_img img {display:block; width:100%; height:100%; margin:0 auto;}
@media (min-width:1180px) {
.image_descript > ul > li > div {padding:28px 32px;}
.image_descript .id_img, .image_descript .id_descript {float:left;}
.image_descript .id_img {width:50%;}
.image_descript .id_descript {width:50%; padding-left:32px;}
.image_descript.img_w25 .id_img {width:33.3333%}
.image_descript.img_w25 .id_descript {width:66.6666%;}
.image_descript.img_w33 .id_img {width:33.3333%}
.image_descript.img_w33 .id_descript {width:66.6666%;}
}
@media (min-width:768px) and (max-width:1179px) {
.image_descript > ul > li > div {padding:28px 32px;}
.image_descript .id_img, .image_descript .id_descript {float:left;}
.image_descript .id_img {width:50%;}
.image_descript .id_descript {width:50%; padding-left:28px;}
.image_descript.img_w25 .id_img {width:33.3333%}
.image_descript.img_w25 .id_descript {width:66.6666%;}
.image_descript.img_w33 .id_img {width:33.3333%}
.image_descript.img_w33 .id_descript {width:66.6666%;}
}
@media (max-width:767px) {
.image_descript .id_descript {padding:20px 24px;}
}
/* media + descript */
.media_descript {margin-top:32px;}
.media_descript > div {margin:-8px;}
.media_descript > div > div {padding:8px;}
.media_descript > div::after {display:block; content:''; clear:both;}
.media_descript .md_video .mdv_player {background:#333;}
.media_descript .md_video video {display:block; width:100%;}
.media_descript .md_video .mdv_info .mdvi_title {display:block; font-weight:500; font-size:20px; line-height:28px; color:#222; letter-spacing:-0.064em; padding-top:16px;}
.media_descript .md_video .mdv_info .mdvi_descript {display:block; font-size:14px; line-height:22px; color:#444; padding-top:4px;}
.media_descript .md_caption > textarea {display:block; background:#f8f8f8; border:1px solid #ddd; padding:12px 16px; font-size:14px; line-height:22px; color:#666; overflow:hidden; overflow-y:auto;}
@media (min-width:1180px) {
.media_descript > div > div {float:left;}
.media_descript .md_video {width:66.6666%;}
.media_descript .md_caption {width:33.3333%;}
}
@media (min-width:768px) and (max-width:1179px) {
.media_descript .md_caption > textarea {height:320px;}
}
@media (max-width:767px) {
.media_descript .md_caption > textarea {height:240px;}
}
/* step_list - class : h80, h120 */
.step_list {margin-top:16px;}
.step_list > ul {margin:-6px 0; counter-reset:steplistnum;}
.step_list > ul::after {display:block; content:''; clear:both;}
.step_list > ul > li {position:relative; float:left; padding:6px 24px 6px 0;}
.step_list > ul > li::before {counter-increment:steplistnum; content:""counter(steplistnum)""; padding:0; width:18px; height:18px; border-radius:9px; font-family:'Lato'; font-size:12px; line-height:18px; text-align:center; color:#fff; background:#76388b; position:absolute; left:6px; top:12px;}
.step_list > ul > li::after {display:block; content:''; width:8px; height:16px; position:absolute; right:8px; top:50%; margin-top:-8px; background:url(../image/sub_cmn/step_list_arrow_right_g.png) no-repeat center center;}
.step_list > ul > li:last-child::after {display:none;}
.step_list > ul > li > div {position:relative; font-size:0; line-height:0; text-align:center; border:1px solid #e5e5e5;}
.step_list > ul > li > div::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.step_list > ul > li > div > div {display:inline-block; width:100%; padding:0 16px; vertical-align:middle;}
.step_list .sl_title {display:block; font-size:14px; line-height:22px; font-weight:500; color:#444;}
.step_list .sl_descript {display:block; font-size:12px; line-height:20px; color:#666;}
.step_list.h80 > ul > li > div {height:80px;}
.step_list.h120 > ul > li > div {height:120px;}
/* image ratio */
[class^="ir_"] {display:block; width:100%; height:100%;}
/* list tgl */
.lt_l {cursor:pointer;}
.lt_c {display:none;}
.open > .lt_c {display:block;}
/****************************************************************************************************
* component - content
****************************************************************************************************/
/* 사전정보공표 - 탭 */
.pip_tab {font-size:0; line-height:0; margin-top:32px;}
.pip_tab > ul {margin:-2px;}
.pip_tab > ul::after {display:block; content:''; clear:both;}
.pip_tab > ul > li {float:left; padding:2px;}
.pip_tab > ul > li > div {padding:12px 16px; background:#fcf8fd;}
.pip_tab > ul > li > div::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.pip_tab > ul > li > div > a {position:relative; display:block; padding-left:80px; height:64px;}
.pip_tab > ul > li > div > a::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.pip_tab > ul > li > div > a > i {position:absolute; left:0; top:0; display:block; background-repeat:no-repeat; background-position:center center; background-size:100%; vertical-align:middle; margin-right:8px;}
.pip_tab > ul > li > div > a > strong {display:inline-block; width:100%; padding-right:17px; font-weight:500; color:#000; vertical-align:middle;}
.pip_tab > ul > li > div > a > strong::after {position:absolute; right:0; top:50%; margin-top:-8px; display:block; content:''; width:17px; height:17px; background:url(../image/sub_cmn/pt_arrow_right.png) no-repeat center center;}
.pip_tab > ul > li:nth-child(1) > div > a > i {background-image:url(../image/content/ri/pip_icon01.png);}
.pip_tab > ul > li:nth-child(2) > div > a > i {background-image:url(../image/content/ri/pip_icon02.png);}
.pip_tab > ul > li:nth-child(3) > div > a > i {background-image:url(../image/content/ri/pip_icon03.png);}
.pip_tab > ul > li:nth-child(4) > div > a > i {background-image:url(../image/content/ri/pip_icon04.png);}
.pip_tab > ul > li:nth-child(5) > div > a > i {background-image:url(../image/content/ri/pip_icon05.png);}
.pip_tab > ul > li:nth-child(6) > div > a > i {background-image:url(../image/content/ri/pip_icon06.png);}
.pip_tab > ul > li:nth-child(7) > div > a > i {background-image:url(../image/content/ri/pip_icon07.png);}
.pip_tab > ul > li:nth-child(8) > div > a > i {background-image:url(../image/content/ri/pip_icon08.png);}
@media (min-width:1180px) {
.pip_tab > ul > li > div {padding:12px 16px;}
.pip_tab > ul > li > div > a {padding-left:80px; height:64px;}
.pip_tab > ul > li > div > a > i {width:60px; height:60px;}
.pip_tab > ul > li > div > a > strong {font-size:17px; line-height:25px;}
}
@media (min-width:768px) and (max-width:1179px) {
.pip_tab > ul > li > div {padding:10px 14px;}
.pip_tab > ul > li > div > a {padding-left:62px; height:52px;}
.pip_tab > ul > li > div > a > i {width:52px; height:52px;}
.pip_tab > ul > li > div > a > strong {font-size:15px; line-height:23px;}
}
@media (max-width:767px) {
.pip_tab > ul > li > div {padding:8px 12px;}
.pip_tab > ul > li > div > a {padding-left:54px; height:48px;}
.pip_tab > ul > li > div > a > i {width:48px; height:48px;}
.pip_tab > ul > li > div > a > strong {font-size:14px; line-height:21px; padding-right:0;}
.pip_tab > ul > li > div > a > strong::after {display:none;}
}
/* 사전정보공표 - 리스트 */
.pip_list {margin-top:16px;}
.pip_list > ul {counter-reset:piplistRnum; border-top:1px solid #ddd;}
.pip_list > ul > li {position:relative; padding:12px 16px; padding-left:40px; border-bottom:1px solid #ddd;}
.pip_list > ul > li::before {counter-increment:piplistRnum; content:""counter(piplistRnum)""; width:22px; height:22px; border-radius:11px; font-family:'Lato'; font-size:12px; line-height:22px; text-align:center; color:#fff; background:#76388b; position:absolute; left:12px; top:14px;}
.pip_list > ul > li::after {display:block; content:''; clear:both;}
.pip_list > ul > li > a {display:block; font-size:14px; line-height:22px; color:#000; padding:2px 0;}
.pip_list .pl_info > ul > li {position:relative; float:left; font-size:14px; line-height:22px; color:#666; padding:2px 0 2px 6px;}
.pip_list .pl_info > ul > li::before {display:block; width:2px; height:2px; border-radius:1px; content:''; background:#222; position:absolute; left:0; top:12px;}
@media (min-width:1180px) {
.pip_list > ul > li > a {float:left;}
.pip_list .pl_info {float:right;}
.pip_list .pl_info > ul > li {margin-left:16px;}
}
@media (min-width:768px) and (max-width:1179px) {
.pip_list .pl_info {margin-top:4px;}
.pip_list .pl_info > ul > li {margin-right:16px;}
}
@media (max-width:767px) {
.pip_list .pl_info {margin-top:4px;}
.pip_list .pl_info > ul > li {margin-right:16px;}
}
/* 사전정보공표 - 내비게이션 */
.pip_navigation {padding-bottom:12px; border-bottom:1px solid #ddd;}
.pip_navigation > ul::after {display:block; content:''; clear:both;}
.pip_navigation > ul > li {float:left; font-size:16px; line-height:24px; padding:2px 0; padding-left:14px; margin-left:8px; background:url(../image/sub_cmn/pn_arrow_right.png) no-repeat left center;}
.pip_navigation > ul > li:first-child {padding-left:0; margin-left:0; background:none;}
/* popup */
.popup_wrap .p_header {position:relative; padding:12px 48px 12px 20px; background:#76388b; font-size:0; line-height:0;}
.popup_wrap .p_header span {display:inline-block; font-size:18px; line-height:26px; font-weight:500; letter-spacing:-0.048em; color:#fff; padding-right:16px; vertical-align:middle;}
.popup_wrap .p_header em {display:inline-block; font-size:14px; line-height:22px; color:#fff; vertical-align:middle; padding:2px 0; opacity:0.8;}
.popup_wrap .p_content {padding:20px;}
.popup_wrap .p_content .s_btn:last-child {padding-bottom:12px;}
/* 통합검색 ts */
.ts .ts_ql {background:#f8f8f8; padding:20px 24px; margin-top:8px;}
.ts .ts_ql > ul > li {position:relative; font-size:0; line-height:0; padding:2px 0 2px 8px;}
.ts .ts_ql > ul > li::before {display:block; content:''; width:2px; height:2px; background:#333; position:absolute; left:0; top:13px;}
.ts .ts_ql > ul > li .tsq_navigation {font-size:16px; line-height:24px; font-weight:500; color:#76388b; text-decoration:underline; vertical-align:middle; padding-right:4px;}
.ts .ts_ql > ul > li .tsq_url {display:inline-block; font-size:12px; line-height:20px; color:#666; vertical-align:middle; word-break:break-all;}
.ts .ts_image_list .il_ttl {color:#76388b; text-decoration:underline; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ts .ts_kw {background:#f7e5fd;}
.ts .ts_title {padding:20px 0; border-bottom:1px solid #ddd;}
.ts .ts_title h3 {display:block; font-weight:500; font-size:31px; line-height:36px; letter-spacing:-0.08em; color:#333;}
.ts .ts_list {margin-top:8px;}
.ts .ts_list > ul {border-top:1px solid #333;}
.ts .ts_list > ul > li {border-bottom:1px solid #ddd; padding:16px 0;}
.ts .ts_list .ts_navigation {font-size:0; line-height:0;}
.ts .ts_list .ts_navigation a {font-size:18px; line-height:26px; letter-spacing:-0.048em; font-weight:500; text-decoration:underline; color:#76388b; vertical-align:middle;}
.ts .ts_list .ts_navigation .tsn_date {position:relative; display:inline-block; font-family:'Lato'; font-size:14px; line-height:22px; color:#666; margin-top:1px; padding-left:8px; margin-left:8px; vertical-align:middle;}
.ts .ts_list .ts_navigation .tsn_date::before {display:block; content:''; width:1px; height:12px; background:#ddd; position:absolute; left:0; top:50%; margin-top:-6px;}
.ts .ts_list .ts_descript {display:block; font-size:14px; line-height:1.5; color:#444; max-height:4.5em; text-overflow:ellipsis; overflow:hidden; white-space:normal; margin-top:8px;}
.ts .ts_list .ts_info {margin-top:8px;}
.ts .ts_list .ts_info ul::after {display:block; content:''; clear:both;}
.ts .ts_list .ts_info ul li {float:left; font-size:12px; line-height:20px; color:#666; padding:2px 8px 2px 12px; background:url(../image/sub_cmn/sub_tb_icon.png) no-repeat -40px -16px;}
.ts .ts_list .ts_info ul li:first-child {background:none; padding-left:0;}
.ts .ts_list .no_list {border-top:1px solid #333; border-bottom:1px solid #ddd; padding:64px 0; text-align:center; font-size:16px; line-height:24px; color:#666;}
.ts .ts_list .ts_file {position:relative; padding:12px 16px; padding-left:96px; background:#fcf8fd; margin-top:8px;}
.ts .ts_list .ts_file .tsf_title {position:relative; display:block; font-size:12px; line-height:20px; color:#000; padding:14px 16px; padding-left:38px; position:absolute; left:0; top:0;}
.ts .ts_list .ts_file .tsf_title::before {display:block; content:''; width:18px; height:18px; background:url(../image/sub_cmn/sub_cmn_icon.png) no-repeat -40px 0; position:absolute; left:16px; top:50%; margin-top:-9px;}
.ts .ts_list .ts_file .tsf_list li {position:relative; padding:2px 0; padding-left:8px;}
.ts .ts_list .ts_file .tsf_list li::before {display:block; width:2px; height:2px; border-radius:1px; content:''; background:#3e184c; position:absolute; left:0; top:10px;}
.ts .ts_list .ts_file .tsf_list li a {display:block; font-size:12px; line-height:20px; color:#76388b;}
.ts .ts_more {padding:8px 0;}
.ts .ts_more a {display:inline-block; font-size:14px; line-height:22px; color:#76388b; text-decoration:underline;}
.ts .ts_word p {display:block; font-size:24px; line-height:32px; color:#757575; letter-spacing:-0.048em; padding:32px; text-align:center;}
.ts .ts_word p strong {font-weight:500; color:#76388b;}
.ts .ts_search {font-size:0; line-height:0; border-top:1px solid #3e184c; padding:8px 0;}
.ts .ts_search * {vertical-align:middle;}
.ts .ts_search.open {padding:0 0 8px 0; margin-bottom:30px;}
.ts .ts_search::after {display:block; content:''; clear:both;}
.ts .ts_search .tss_t {background:#f5f5f5; padding:20px 24px;}
.ts .ts_search .tss_t > div {position:relative;}
.ts .ts_search .tss_t > div > ul {margin:-2px 0;}
.ts .ts_search .tss_t > div > ul > li {position:relative; display:inline-block; padding:3px 20px 3px 60px;}
.ts .ts_search .tss_t > div > ul > li .btn {margin:1px;}
.ts .ts_search .tss_t .tss_title {display:block; font-size:14px; line-height:22px; font-weight:500; color:#000; position:absolute; left:0; top:4px;}
.ts .ts_search .tss_t .on.btn_white {border-color:#76388b;}
.ts .ts_search .tss_t .on.btn_white span {color:#76388b;}
.ts .ts_search .tss_t .on .ico_check {display:inline-block; width:16px; height:16px; background:url(../image/sub_cmn/ts_ico_check.png) no-repeat center center; margin-right:2px;}
.ts .ts_search .tss_t .on .ico_check::after {content:"선택됨"; position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}
.ts .ts_search .btn_tgl {margin-top:0; float:right;}
.ts .ts_search.open .btn_tgl {margin-top:8px; position:relative; top:65px;}
.ts .ts_search .btn_tgl > * {display:inline-block; font-size:13px; line-height:21px; color:#76388b;}
.ts .ts_search .btn_tgl .txt_close {display:none;}
.ts .ts_search .btn_tgl .txt_open {display:inline-block;}
.ts .ts_search.open .btn_tgl .txt_open {display:none;}
.ts .ts_search.open .btn_tgl .txt_close {display:inline-block;}
.ts .ts_search .btn_tgl i {width:15px; height:15px; border-radius:8px; background:url(../image/sub_cmn/ts_arrow_down.png) no-repeat #b381c4 center center; margin-left:4px;}
.ts .ts_search.open .btn_tgl i {background-image:url(../image/sub_cmn/ts_arrow_up.png);}
.ts .ts_detail_search {border:1px solid #b381c4; margin-top:16px;}
.ts .ts_detail_search * {vertical-align:middle;}
.ts .ts_detail_search .tds_t {padding:20px 24px;}
.ts .ts_detail_search .tds_t > div {position:relative;}
.ts .ts_detail_search .tds_t > div > ul {margin:-4px;}
.ts .ts_detail_search .tds_t > div > ul::after {display:block; content:''; clear:both;}
.ts .ts_detail_search .tds_t > div > ul > li {float:left; padding:4px;}
.ts .ts_detail_search .tds_t > div > ul > li label {display:inline-block; font-size:14px; line-height:22px; padding-left:8px;}
.ts .ts_detail_search .tds_t > div > ul > li span {display:inline-block; font-family:'Lato'; font-size:13px; line-height:21px; padding-left:4px; padding-top:1px;}
.ts .ts_detail_search .btn_tgl {display:block; text-align:center; background:#fcf8fd; padding:8px;}
.ts .ts_detail_search .btn_tgl > * {display:inline-block; font-size:13px; line-height:21px; color:#76388b;}
.ts .ts_detail_search .btn_tgl .txt_close {display:none;}
.ts .ts_detail_search .btn_tgl .txt_open {display:inline-block;}
.ts .ts_detail_search.open .btn_tgl .txt_open {display:none;}
.ts .ts_detail_search.open .btn_tgl .txt_close {display:inline-block;}
.ts .ts_detail_search .btn_tgl i {width:15px; height:15px; border-radius:8px; background:url(../image/sub_cmn/ts_ico_plus.png) no-repeat #b381c4 center center; margin-left:4px;}
.ts .ts_detail_search.open .btn_tgl i {background-image:url(../image/sub_cmn/ts_ico_minus.png);}
.ts .ts_no_data {font-size:0; line-height:0; text-align:center; padding:28px 32px; background:#fcf8fd;}
.ts .ts_no_data > div {position:relative; display:inline-block; vertical-align:middle;}
.ts .ts_no_data > div::before {width:64px; height:64px; content:''; background:url(../image/sub_cmn/ts_ico_guide.png) no-repeat center center;}
.ts .ts_no_data > div > ul > li {position:relative; font-size:16px; line-height:24px; color:#76388b; text-align:left; padding:2px 0; padding-left:10px;}
.ts .ts_no_data > div > ul > li::before {display:block; content:''; width:4px; height:4px; border-radius:2px; background:#76388b; position:absolute; left:0; top:11px;}
@media (min-width:1180px) {
.ts .ts_search .tss_t > div {padding-right:128px;}
.ts .ts_search .tss_t .btn_search {position:absolute; right:0; top:50%; margin-top:-14px;}
.ts .ts_no_data > div {padding-left:88px;}
.ts .ts_no_data > div::before {display:block; position:absolute; left:0; top:6px;}
}
@media (min-width:768px) and (max-width:1179px) {
.ts .ts_search .tss_t > div {padding-right:128px;}
.ts .ts_search .tss_t .btn_search {position:absolute; right:0; top:50%; margin-top:-14px;}
.ts .ts_no_data > div {padding-left:88px;}
.ts .ts_no_data > div::before {display:block; position:absolute; left:0; top:6px;}
}
@media (max-width:767px) {
.ts .ts_search .tss_t .tsst_btn {margin-top:8px; text-align:right;}
.ts .ts_no_data > div::before {display:inline-block;}
.ts .ts_no_data > div > ul {margin-top:16px;}
}
/* 사이트맵 site map */
.site_map * {vertical-align:middle;}
.site_map > ul {margin:-16px;}
.site_map > ul::after {display:block; content:''; clear:both;}
.site_map > ul > li {float:left; padding:16px;}
.site_map .sm_title {display:block; font-size:20px; line-height:28px; padding:8px 0; color:#222; border-bottom:1px solid #333;}
.site_map .sm_list > ul {padding:8px 0;}
.site_map .sm_list > ul > li {padding:8px 0;}
.site_map .sm_list > ul > li > a {display:block; font-size:15px; line-height:24px; color:#444;}
.site_map .sm_list .sm_sub {margin-top:4px;}
.site_map .sm_list .sm_sub > ul {padding:2px 0;}
.site_map .sm_list .sm_sub > ul > li {position:relative; padding:2px 0; padding-left:16px;}
.site_map .sm_list .sm_sub > ul > li::before {display:block; content:''; width:2px; height:2px; border-radius:1px; background:#bbb; position:absolute; left:8px; top:12px;}
.site_map .sm_list .sm_sub > ul > li > a {display:block; font-size:13px; line-height:22px; color:#666;}
@media (min-width:1180px) {
.site_map {margin-top:48px;}
.site_map > ul > li {width:25%;}
.site_map > ul > li:nth-child(4n+1) {clear:both;}
.site_map > ul > li:nth-child(n+5) {margin-top:32px;}
}
@media (min-width:768px) and (max-width:1179px) {
.site_map {margin-top:40px;}
.site_map > ul > li {width:33.3333%;}
.site_map > ul > li:nth-child(3n+1) {clear:both;}
.site_map > ul > li:nth-child(n+4) {margin-top:24px;}
}
@media (max-width:767px) {
.site_map {margin-top:32px;}
.site_map > ul > li {width:50%;}
.site_map > ul > li:nth-child(2n+1) {clear:both;}
.site_map > ul > li:nth-child(n+3) {margin-top:16px;}
}
/* 에러 페이지 error */
.error_wrap .e_header > div {position:relative; text-align:center;}
.error_wrap .e_header h1 {display:inline-block;}
.error_wrap .e_header h1 a {display:block; width:108px; height:40px; background-image:url(../image/header/nj.png); background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.error_wrap .e_content {padding:48px 0 64px 0;}
.error_wrap .e_content h2 {display:block; font-size:28px; line-height:36px; letter-spacing:-0.064em;}
.error_wrap .e_footer {padding:16px 0; border-top:1px solid #eff3f6;}
.error_wrap .e_footer p {display:block; font-size:12px; line-height:16px; color:#757575; text-align:center;}
@media (min-width:1180px) {
.error_wrap {width:640px; margin:0 auto;}
.error_wrap .e_header {padding-top:32px;}
.error_wrap .e_content {padding-right:50%; background:url(../image/sub_cmn/ico_error.png) no-repeat right 44px;}
.error_wrap .e_content .s_btn {text-align:left;}
}
@media (min-width:768px) and (max-width:1179px) {
.error_wrap {width:640px; margin:0 auto;}
.error_wrap .e_header {padding-top:32px;}
.error_wrap .e_content {padding-right:50%; background:url(../image/sub_cmn/ico_error.png) no-repeat right 44px;}
.error_wrap .e_content .s_btn {text-align:left;}
}
@media (max-width:767px) {
.error_wrap {padding:0 24px;}
.error_wrap .e_header {padding-top:24px;}
.error_wrap .e_content {padding:24px 0 48px 0; text-align:center;}
.error_wrap .e_content .s_btn {text-align:center;}
}
/* 본인인증 ia */
.ia {margin-top:32px;}
.ia .ia_select {text-align:center;}
.ia .ia_select > ul {margin:-8px;}
.ia .ia_select > ul::after {display:block; content:''; clear:both;}
.ia .ia_select > ul > li {float:left; padding:8px;}
.ia .ia_select > ul > li > div {position:relative;border-top:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #bbb; border-bottom:1px solid #bbb; padding:32px;}
.ia .ia_select .ia_title {display:block; font-size:19px; line-height:20px; letter-spacing:-0.064em; color:#222; font-weight:500;}
.ia .ia_select .ia_descript {display:block; font-size:13px; line-height:22px; color:#444; margin-top:16px;}
.ia .ia_select .btn {margin-top:32px;}
@media (min-width:1180px) {
.ia .ia_select > ul > li {width:50%;}
.ia .ia_select .ia_descript {height:4.2em;}
}
@media (min-width:768px) and (max-width:1179px) {
.ia .ia_select > ul > li {width:50%;}
.ia .ia_select .ia_descript {height:5.6em;}
}
@media (max-width:767px) {
.ia .ia_select > ul > li {width:100%;}
}
/* 의료진 소개 medical team introduction */
.medical_team_introduction > ul > li {position:relative; border-bottom:1px solid #eee;}
.medical_team_introduction .mti_img {display:block; overflow:hidden;}
.medical_team_introduction .mti_img img {display:block; width:102%; margin:0 -1%;}
.medical_team_introduction .mti_img:empty {background-color:#f9eefc; font-size:0; line-height:0; text-align:center;}
.medical_team_introduction .mti_img:empty::before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.medical_team_introduction .mti_img:empty::after {content:"사진 준비중"; display:inline-block; width:100%; font-size:13px; line-height:21px; color:#580078; word-break:keep-all; vertical-align:middle;}
.medical_team_introduction .mti_person .mtip_name, .medical_team_introduction .mti_person .mtip_field {display:inline-block; vertical-align:middle;}
.medical_team_introduction .mti_person .mtip_name {font-size:30px; line-height:1; color:#222; margin-right:8px;}
.medical_team_introduction .mti_person .mtip_field {font-size:18px; line-height:1; color:#666;}
.medical_team_introduction .mti_list {font-size:14px; line-height:22px; margin-top:24px;}
.medical_team_introduction .mti_list > ul > li {position:relative; padding-left:64px; min-height:22px; margin-top:16px;}
.medical_team_introduction .mti_list .mtil_title {display:inline-block; position:absolute; left:0; top:0; color:#666;}
.medical_team_introduction .mti_list .mtil_table > ul > li {position:relative; display:inline-block; min-height:48px; padding-left:48px; margin:2px; margin-right:12px; vertical-align:top;}
.medical_team_introduction .mti_list .mtil_table .mtil_day {position:absolute; left:0; top:0; display:block; width:48px; height:48px; border-radius:24px; line-height:48px; text-align:center; background:#f9eefc; color:#580078;}
.medical_team_introduction .mti_list .mtil_table > ul > li > ul > li {position:relative; width:56px; min-height:24px; padding-left:40px; text-align:center;}
.medical_team_introduction .mti_list .mtil_table .mtil_am, .medical_team_introduction .mti_list .mtil_table .mtil_pm {position:absolute; left:0; top:0; display:inline-block; width:40px; line-height:24px; color:#666; text-align:center;}
.medical_team_introduction .mti_list .mtil_table .ico_check {display:inline-block; width:18px; height:13px; background:url(../image/sub_cmn/mtil_table_ico_check.png) no-repeat 0 0; vertical-align:middle; margin-top:-3px;}
@media (min-width:768px) {
.medical_team_introduction > ul > li {min-height:220px; padding:40px 32px; padding-left:220px;}
.medical_team_introduction .mti_img {position:absolute; left:0; top:0; margin:32px; width:150px; height:150px; border-radius:75px;}
}
@media (max-width:767px) {
.medical_team_introduction > ul > li {padding:24px;}
.medical_team_introduction .mti_img {width:80px; height:80px; border-radius:40px;}
.medical_team_introduction .mti_person {margin-top:24px;}
}
/* 연혁 history - class : no_day */
.history {background-image:url(../image/sub_cmn/history_bg_line.png); background-repeat:repeat-y; background-position:6px top; margin-top:32px;}
.history > ul::after {display:block; content:''; clear:both;}
.history > ul > li {position:relative; padding:16px 0; padding-left:24px;}
.history > ul > li::before {display:block; content:''; width:16px; height:16px; background:#fff; border-radius:8px; position:absolute; top:26px; left:0; border:4px solid #9542a1;}
.history > ul > li > ul {margin-top:16px;}
.history > ul > li > ul > li {position:relative; font-size:16px; line-height:24px; color:#333; margin-top:8px; padding-left:56px;}
.history .h_year {display:block; font-family:'Lato'; font-weight:bold; font-size:36px; line-height:1; letter-spacing:0;}
.history .h_day {position:absolute; left:0; top:0; display:block; font-family:'Lato'; font-size:16px; line-height:24px; letter-spacing:0; color:#580078;}
.history.no_day > ul > li > ul > li {padding-left:0;}
/* 서비스 헌장 charter */
.charter {padding:32px 0 16px 0; font-size:0; line-height:0;}
.charter .c_list ol {padding:16px 0;}
.charter .c_list ol::after {display:block; content:''; clear:both;}
.charter .c_list ol li {position:relative; padding-left:160px; margin:-16px 0;}
.charter .c_list .cl_txt {position:absolute; left:0; top:0; display:block; width:144px; height:120px; padding-right:24px; text-align:center;}
.charter .c_list .cl_txt::before {display:block; content:''; width:120px; height:120px; border-radius:60px; position:absolute; left:0; top:0; opacity:0.24; border:20px solid #9542a1;}
.charter .c_list .cl_txt::after {display:block; content:''; width:16px; height:16px; border-radius:8px; position:absolute; left:120px; top:50%; margin:-8px 0 0 -8px; background:#9542a1; border:4px solid #fff;}
.charter .c_list .cl_txt strong {display:block; font-size:20px; line-height:1; font-weight:500; color:#222; padding:50px 0;}
.charter .c_list .cl_descript {position:relative; display:block; height:120px;}
.charter .c_list .cl_descript::before {display:inline-block; height:100%; content:''; vertical-align:middle;}
.charter .c_list .cl_descript::after {display:block; content:''; width:24px; height:2px; position:absolute; left:0; top:50%; margin:-1px 0 0 -40px; background:#9542a1;}
.charter .c_list .cl_descript strong {display:inline-block; font-size:16px; line-height:24px; color:#666; vertical-align:middle; margin:-100% 0;}
/* 역대 병원장 director_list */
.director_list {margin-top:32px;}
.director_list > ol::after {display:block; content:''; clear:both;}
.director_list > ol > li {float:left;}
.director_list > ol > li > div {position:relative; border-top:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #bbb; border-bottom:1px solid #bbb;}
.director_list .dl_photo {position:absolute; left:0; top:0; margin:-1px 0; background-color:#f9eefc; font-size:0; line-height:0; text-align:center;}
.director_list .dl_photo img {width:100%; height:100%}
.director_list .dl_photo:empty::before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.director_list .dl_photo:empty::after {content:"사진 준비중"; display:inline-block; width:100%; font-size:13px; line-height:21px; color:#580078; word-break:keep-all; vertical-align:middle;}
.director_list .dl_info {font-size:0; line-height:0; text-align:center;}
.director_list .dl_info::before {display:inline-block; width:0; height:100%; content:''; vertical-align:middle;}
.director_list .dl_info > div {display:inline-block; text-align:left; vertical-align:middle; width:100%; padding:0 32px;}
.director_list .dl_info .dl_title {font-size:0; line-height:0;}
.director_list .dl_info .dl_title > * {vertical-align:top;}
.director_list .dl_info .dl_title .dlt_num {display:inline-block; font-size:16px; line-height:26px; text-align:center; background-color:#9542a1; color:#fff; border-radius:14px; padding:0 12px; margin-right:8px;} /* position:absolute; left:0; top:0; */ /* nh_color */
.director_list .dl_info .dl_title .dlt_txt {display:inline-block; font-size:18px; line-height:26px;}
.director_list .dl_info .dl_descript {margin-top:8px;}
.director_list .dl_info .dl_descript span {display:block; font-size:12px; line-height:22px; color:#580078;}
.director_list .dl_info .dl_descript p {display:block; font-size:14px; line-height:22px; color:#666;}
@media (min-width:1180px) {
.director_list > ol {margin:-16px;}
.director_list > ol > li {width:50%; padding:16px;}
.director_list > ol > li > div {padding-left:125px;}
.director_list .dl_photo {width:125px; height:150px;}
.director_list .dl_info {height:148px;}
.director_list .dl_info > div {padding:0 32px; padding-bottom:8px;}
.director_list .dl_info .dl_descript {position:relative; padding:0 0 0 52px;}
.director_list .dl_info .dl_descript span {position:absolute; left:0; top:0;}
}
@media (min-width:768px) and (max-width:1179px) {
.director_list > ol {margin:-12px;}
.director_list > ol > li {width:50%; padding:12px;}
.director_list > ol > li > div {padding-left:125px;}
.director_list .dl_photo {width:125px; height:150px;}
.director_list .dl_info {height:148px;}
.director_list .dl_info > div {padding:0 28px;}
}
@media (max-width:767px) {
.director_list > ol {margin:-8px;}
.director_list > ol > li {width:100%; padding:8px;}
.director_list > ol > li > div {padding-left:100px;}
.director_list .dl_photo {width:100px; height:125px;}
.director_list .dl_info {height:123px;}
.director_list .dl_info > div {padding:0 24px;}
.director_list .dl_info .dl_title .dlt_txt {font-size:14px; line-height:24px;}
.director_list .dl_info .dl_title .dlt_num {font-size:16px; line-height:24px;}
.director_list .dl_info .dl_descript p {font-size:12px; line-height:20px;}
}
/* 동의함 체크 agreement check */
.agreement_check {margin-top:8px;}
.agreement_check > ul {padding:8px 0;}
.agreement_check > ul::after {display:block; content:''; clear:both;}
.agreement_check > ul > li {float:left; padding:8px 0; font-size:0; line-height:0;}
.agreement_check input {display:inline-block; vertical-align:middle;}
.agreement_check label {display:inline-block; font-size:15px; line-height:16px; vertical-align:middle; padding:0 0 0 8px;}
@media (min-width:1180px) {
.agreement_check > ul > li {width:50%; text-align:center;}
}
@media (min-width:768px) and (max-width:1179px) {
.agreement_check > ul > li {width:50%; text-align:center;}
}
@media (max-width:767px) {
.agreement_check > ul > li {width:100%;}
}
/* 비밀번호 입력 info pw input */
.info_pw_input {margin:0 auto; margin-top:32px; padding:32px;}
.info_pw_input .pw_input {margin-top:8px;}
.info_pw_input .pw_input input {display:block; height:32px; font-size:17px; line-height:32px; padding:0 8px;}
@media (min-width:1180px) {
.info_pw_input {width:50%;}
}
@media (min-width:768px) and (max-width:1179px) {
.info_pw_input {width:50%;}
}
@media (max-width:767px) {
.info_pw_input {width:100%;}
}
/* s list + relevant laws */
.relevant_laws li {border-bottom:1px dotted #ddd; padding-top:4px; padding-bottom:4px;}
.relevant_laws .sl_dot {top:13px;}
/* s list + head profile */
.head_profile .hp_date {display:block; font-family:'Lato'; font-size:14px; line-height:22px; letter-spacing:0; color:#580078;}
@media (min-width:1180px) {
.head_profile li {padding-left:160px;}
.head_profile .hp_date {position:absolute; left:0; top:2px; width:160px;}
}
@media (min-width:768px) and (max-width:1179px) {
.head_profile li {padding-left:128px;}
.head_profile .hp_date {position:absolute; left:0; top:2px; width:160px;}
}
@media (max-width:767px) {
.head_profile li {padding-left:0;}
}
/* 자가진단 */
.sd {margin-top:32px;}
.sd > ul {border-top:1px solid #333;}
.sd > ul > li {position:relative; border-bottom:1px solid #ddd; padding:24px; padding-left:64px;}
.sd .sd_number {position:absolute; left:8px; top:22px; display:block; font-family:'Lato'; font-size:20px; line-height:28px; color:#580078; width:48px; text-align:center;}
.sd .sd_question {font-size:16px; line-height:24px; font-weight:500; letter-spacing:-0.048em;}
.sd .sd_category {margin-top:16px;}
.sd .sd_category > ul::after {display:block; content:''; clear:both;}
.sd .sd_category > ul > li {float:left; font-size:0; line-height:0; padding:4px 0;}
.sd .sd_category input {display:inline-block; vertical-align:middle;}
.sd .sd_category label {display:inline-block; font-size:14px; line-height:22px; color:#444; padding:0 0 0 6px; vertical-align:middle;}
.sd + .n_descript {margin-top:8px;}
/* 정보목록 */
.loi .btn_xs {margin-right:4px;}
.loi .btn_gray.on {background:#9542a1; color:#fff;}
/* 정보목록 - 부서명 찾기 팝업 */
.infoorg_pop {position:absolute; z-index:999; top:240px; left:50%; width:400px; margin-left:-200px; background-color:#fff; border:1px solid #484f62;}
.infoorg_pop_title {background-color:#484f62; font-size:16px; line-height:24px; letter-spacing:-0.048em; color:#fbfbfb; text-align:center; padding:8px;}
.infoorg_pop .scbox {background-color:#fafbfd; border-bottom:1px solid #dfdade; padding:10px 20px; }
.infoorg_pop .scbox input {height:28px; line-height:26px;}
.infoorg_pop .scbox input[type="text"] {padding:0; width:198px; border:1px solid #dedede;}
.infoorg_pop .scbox input[type="submit"] {height:28px; background-color:#476da2; color:#ffffff; font-family:'Noto Sans KR'; font-size:13px; line-height:18px; font-weight:400; padding:5px 16px; border:0; cursor:pointer; border-radius:1px;}
.infoorg_pop .scbox input[type="button"] {height:28px; background-color:#484e62; color:#ffffff; font-family:'Noto Sans KR'; font-size:13px; line-height:18px; font-weight:400; padding:5px 16px; border:0; cursor:pointer; border-radius:1px;}
.infoorg_pop .scbox p {padding:10px 0 0 0; font-size:12px;}
.infoorg_pop .info_org,
.infoorg_pop #data03search {padding:20px; height:240px; overflow:scroll;}
.infoorg_pop #data03search > p {display:block; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #d7d7d7; margin-bottom:10px;}
.infoorg_pop .info_org ul li {padding:4px 25px; font-size:13px; line-height:18px; letter-spacing:-0.024em; background-image:url(../image/sub_cmn/ico_tree.png); background-repeat:repeat-y; background-position:left 5px;}
.infoorg_pop .info_org ul li a {color:#333;}
.infoorg_pop .info_org ul li a:focus { text-decoration:underline; font-weight:600; color:#333 }
.infoorg_pop .btnbox {display:block; padding:8px 20px; text-align:center;}
.infoorg_pop .btnbox a {padding:10px 20px 5px; border:1px solid #474747; }
.infoorg_pop #data03search { padding:15px; }
.infoorg_pop #data03search > div { padding:7px 0; line-height:18px; border-bottom:1px solid #ddd}
.infoorg_pop #data03search > div a { font-weight:600; color:#666}
.infoorg_pop #data03search a:focus { text-decoration:underline; font-weight:600; color:#000 }
@media (min-width:768px) and (max-width:1179px) {
.infoorg_pop {position:absolute; top:160px; left:50%; width:80%; height:auto; margin-left:-40%;}
}
@media (max-width:767px) {
.infoorg_pop .info_org,
.infoorg_pop #data03search {padding:20px; height:180px; overflow:scroll;}
.infoorg_pop {position:fixed; top:60px; left:50%; width:80%; height:auto; margin-left:-40%;}
.infoorg_pop .scbox .sc_input {display:block; position:relative; padding-right:60px; margin-bottom:4px;}
.infoorg_pop .scbox .sc_input input[type="text"] {width:100%;}
.infoorg_pop .scbox .sc_input input[type="submit"] {position:absolute; top:0; right:0;}
.infoorg_pop .scbox input[type="button"] {width:100%;}
.infoorg_pop .scbox p {padding:10px 0 0 0; font-size:12px;}
}
/* 정보목록 - 상세보기 팝업 */
.infolist_pop {position:absolute; z-index:999; top:540px; left:50%; width:600px; margin-left:-300px; background-color:#fff; border:1px solid #484f62;}
.infolist_pop_title {background-color:#484f62; font-size:15px; line-height:23px; font-weight:500; color:#fbfbfb; text-align:center; padding:8px;}
.infolist_box1 {padding:12px;}
.board_list table.grid th,
.board_list table.grid td {font-size:13px; line-height:21px;}
.infolist_box1 .grid {width:100%; border-top:1px solid #d7d7d7;}
.infolist_box1 .grid th,
.infolist_box1 .grid td {border-bottom:1px solid #d7d7d7; padding:8px 12px;}
.infolist_box1 .grid th {text-align:left; padding-left:12px; border-left:0;}
.infolist_box1 .grid th.bl_line {border-left:1px solid #d7d7d7;}
.infolist_box1 .grid td {line-height:14px; text-align:left; word-break:break-all;}
.infolist_box1 .grid .bottom_td {border-bottom:1px solid #a3a3a3;}
.infolist_pop .btnbox {text-align:center; margin:0 10px; padding-bottom:12px;}
@media (min-width:768px) and (max-width:1179px) {
.infolist_pop {position:absolute; top:160px; left:50%; width:80%; height:auto; margin-left:-40%;}
}
@media (max-width:767px) {
.infolist_pop {position:fixed; top:60px; left:50%; width:80%; height:auto; margin-left:-40%;}
}
/* 자주 하는 질문 faq list */
.faq_list {border-top:1px solid #333; margin-top:32px;}
.faq_list .fl_q {position:relative; display:block; min-height:56px; padding:16px 56px 16px 60px; border-bottom:1px solid #ddd; background-color:#fff;}
.faq_list .fl_q i {display:block; width:56px; height:56px; position:absolute; right:0; top:50%; margin-top:-28px; background:url(../image/sub_cmn/faq_arrow_down.png) no-repeat center center;}
.faq_list .open .fl_q i {background:url(../image/sub_cmn/faq_arrow_up.png) no-repeat center center;}
.faq_list .fl_a {position:relative; background:#f3f4f5; min-height:56px; padding:16px 40px 16px 60px; border-bottom:1px solid #ddd;}
.faq_list .ico_q {display:block; width:32px; height:32px; border-radius:16px; text-align:center; position:absolute; left:16px; top:12px; font-family:'Lato'; font-size:16px; line-height:32px; color:#580078; background:#fcf8fd;}
.faq_list .ico_a {display:block; width:32px; height:32px; border-radius:16px; text-align:center; position:absolute; left:16px; top:12px; font-family:'Lato'; font-size:16px; line-height:32px; color:#fff; background:#580078;}
.faq_list .fl_ttl {display:block; font-size:16px; line-height:24px; color:#333; word-wrap:break-word; word-break:keep-all;}
.faq_list .fl_cont {word-wrap:break-word; word-break:keep-all;}
.faq_list .fl_cont p {display:block; font-size:13px; line-height:22px; padding:2px 0;}
.faq_list .fl_btn {margin-top:16px; padding-top:14px; border-top:1px solid #ddd;}
.faq_list .fl_btn * {vertical-align:middle;}
/* 진료시간표 - class : no_data */
.mtime_area {width:100%; height:auto; overflow:hidden; margin-top:32px;}
.mtime_area > div {width:100%; height:auto; overflow:hidden;}
.mtime_area .weekview {display:table; background-color:#fcf8fd; border-top:1px solid rgba(0,0,0,0.16); border-bottom:1px solid rgba(0,0,0,0.16);}
.mtime_area .weekview > span {display:table-cell; width:20%; font-size:16px; line-height:24px; color:#580078; border-right:1px dotted rgba(0,0,0,0.16); padding:12px 0; text-align:center; vertical-align:middle;}
.mtime_area .weekview > span:last-child {border-right:0;}
.mtime_area .calendar_area {display:flex; flex-direction:row; flex-wrap:wrap;}
.mtime_area .calendar_area .daybox {float:left; box-sizing:border-box; width:20%; padding:12px; background-color:#fff; border-right:1px dotted rgba(0,0,0,0.16); border-bottom:1px dotted rgba(0,0,0,0.16);}
/* .mtime_area .calendar_area .daybox:hover {background-color:#fcf8fd;} */
.mtime_area .calendar_area .daybox:empty:hover {background-color:#fff;}
.mtime_area .calendar_area .daybox:nth-child(5n) {border-right:0;}
.mtime_area .day_num {display:inline-block; width:24px; height:24px; font-family:'Lato'; font-size:16px; line-height:24px; color:#333; text-align:center; border-radius:12px; background-color:transparent;}
.mtime_area .day_dwname {position:absolute; font-size:0; line-height:0; width:0; height:0;}
.mtime_area .day_list {display:block; margin-top:8px;}
.mtime_area .day_list > li {display:block; height:auto; font-size:14px; line-height:22px; color:#333; overflow:hidden; margin-top:4px;}
.mtime_area .day_list > li:first-child {margin-top:0;}
.mtime_area .day_list > li > * {float:left;}
.mtime_area .day_list > li > p {display:block;}
.mtime_area .day_list::after {display:block; content:''; clear:both;}
.mtime_area .dr_type {display:inline-block; font-size:13px; line-height:20px; color:#666; vertical-align:top; padding:1px 0; padding-right:4px;}
.mtime_area [class^="dtime_"] {display:block; padding-right:6px; padding-left:6px; font-size:12px; line-height:20px; border-radius:12px; background-color:#fff; margin:0 8px 4px 0;}
.mtime_area .dtime_am {border:1px solid #5270e2; color:#2545bd;}
.mtime_area .dtime_pm {border:1px solid #16b9b7; color:#008d8b;}
.mtime_area .calendar_area .daybox.today {background-color:#fcf8fd;}
/* .mtime_area .calendar_area .daybox.today:hover {background-color:#fcf8fd;} */
.mtime_area .calendar_area .daybox.today .day_num {background-color:#9542a1; color:#fff;}
.mtime_area .calendar_area .daybox.holiday {background-color:#fffbfb;}
.mtime_area .calendar_area .daybox.holiday:hover {background-color:#fffbfb;}
.mtime_area .calendar_area .daybox.holiday .day_num {background-color:#fffbfb; color:#fe0000;}
.mtime_area .calendar_area .daybox.holiday.today .day_num {background-color:#fe0000; color:#fff;}
.mtime_area .holiday_name {width:100%; height:calc(100% - 24px); font-size:0; line-height:0; text-align:center;}
.mtime_area .holiday_name::before {display:inline-block; content:''; height:inherit; vertical-align:middle;}
.mtime_area .holiday_name > span {display:inline-block; font-size:16px; line-height:24px; color:#fe0000; vertical-align:middle;}
.mtime_area:empty {text-align:center; padding:64px 0; background:#fcf8fd;}
.mtime_area:empty::after {display:inline-block; content:"시간표를 준비중입니다"; padding-top:72px; font-size:20px; line-height:28px; color:#580078; background:url(../image/sub_cmn/mtime_none_bg.png) no-repeat center top;}
.mtime_area.no_data {text-align:center; padding:64px 0; background:#fcf8fd;}
.mtime_area.no_data::after {display:inline-block; content:"시간표를 준비중입니다"; padding-top:72px; font-size:20px; line-height:28px; color:#580078; background:url(../image/sub_cmn/mtime_none_bg.png) no-repeat center top;}
.mtime_area .m_notice { font-size:12px; font-weight:500; color:#d80d3d}
.mtime_area .nodata_txt {display:inline-block; text-align:center; padding:64px 0; background:#fcf8fd; font-size:1.3rem; line-height:28px; color:#580078;}
.mtime_area .nodata_txt::before {display:block; content:" "; padding-top:72px; font-size:20px; line-height:28px; color:#580078; background:url(../image/sub_cmn/mtime_none_bg.png) no-repeat center top;}
@media (max-width:767px) {
.mtime_area .calendar_area {border-top:1px solid #abc6c8;}
.mtime_area .calendar_area .daybox {border-right:0;}
}
@media (max-width:767px) {
.mtime_area .weekview {display:none;}
.mtime_area .calendar_area {display:block;}
.mtime_area .calendar_area .daybox {float:none; border-right:0; width:100%; padding-bottom:20px;}
.mtime_area .calendar_area .daybox::after {display:block; content:''; clear:both;}
.mtime_area .calendar_area .daybox:empty {display:none;}
.mtime_area .day_list {display:table;}
.mtime_area .day_list > li {display:table-cell; padding-right:16px; width:auto; vertical-align:top;}
.mtime_area .day_num {display:block; float:left; width:88px; margin-top:8px; margin-right:16px;}
.mtime_area .day_dwname {position:relative; display:inline-block; width:auto; font-family:'Noto Sans KR'; font-size:16px; line-height:24px; padding-left:8px;}
.mtime_area .calendar_area .daybox:empty {display:none;}
.mtime_area .holiday_name {float:left; width:auto; padding-top:0; margin-top:8px;}
.mtime_area.no_data {padding:48px 0;}
}
@media (max-width:320px) {
.mtime_area .day_num {float:none; display:inline-block; width:88px;}
.mtime_area .day_list {display:block; float:none; margin-top:8px;}
.mtime_area .day_list > li {display:block; padding-right:5%; width:95%;}
.mtime_area .holiday_name {float:none;}
.mtime_area.no_data {padding:32px 0;}
}
/* as-is 게시판 view 사용 */
.viewArea {padding: 0 10px 0 0; word-break:break-all;}
.viewArea img{max-width:100%;}
.viewArea h3 {height: auto; margin: 0; padding: 10px 0 30px; background: none; text-align: center; font-weight: bold; font-size: 20px; line-height: 1.35;}
.viewArea h4 {height: auto; margin: 0; padding: 10px 0 30px; background: none; text-align: center; font-weight: bold; font-size: 20px; line-height: 1.35;}
.viewArea h5 {margin: 0; padding: 0 0 10px 20px; background: url('../image/sub_cmn/bl_popH1.gif') no-repeat left 1px; text-align: left; font-weight: bold; font-size: 16px; line-height: 1.35; color: #201d1c;}
.viewArea .center {text-align:center;}
.viewArea .right {text-align:right;}
.viewArea h4.bl_none {padding: 0 0 10px 0; background: none;}
.viewArea p {padding: 0 0 15px; margin:0;}
.viewArea .viewDate {margin: 0; padding: 20px 0 10px; line-height:1.35; text-align:right;}
.viewArea .viewSign {margin: 0; padding-bottom: 40px; line-height:1.35; text-align:right; font-weight: bold;}
.viewArea .tableTit {padding: 20px 0 8px; background: none; text-align: center; font-weight: bold; font-size: 14px; line-height: 1.35;}
.viewArea .right {padding-bottom: 10px; text-align: right;}
.viewArea .star {padding-top: 0; padding-left: 16px; text-indent: -16px; line-height: 1.35;} /* 당구장표시 */
.viewArea .viewNote {margin: 0; padding:15px 0 0 16px; text-indent:-16px;}
.viewArea .hidden {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}
.viewArea strong span {padding-left: 10px;}
.viewArea ol {margin: 0; padding: 10px 0 0 20px;}
.viewArea ol li {margin:0; padding: 0 0 12px; list-style: decimal;}
.viewArea ol li p {padding: 10px 0 7px;}
.viewArea ol li ul {margin: 0; padding: 10px 0 0; background: none;}
.viewArea ol li ul li {list-style: none;}
.viewArea ul {margin: 0; padding: 0;}
.viewArea ul li {margin: 0; padding: 0 0 10px 10px; background: url('../image/sub_cmn/arr_1.gif') no-repeat left 4px;}
.viewArea ul li p {padding: 10px 0 7px;}
.viewArea ul li ul {padding: 10px 0 0; background: none;}
.viewArea ol li ul.none li {padding-left: 0; background: none;}
.viewArea ul.txtlist li {padding-left: 20px; background: none; text-indent: -20px;}
.viewArea ul.txtlist li .txtlist li {padding-left: 20px; background: none; text-indent: -20px;}
.viewArea ul.txtlist li ul li,
.viewArea ul.txtlist li .txtlist li ul li {text-indent: 0;}
.viewArea ul.txtlist li ol li {margin:0; padding: 0 0 12px; list-style: decimal; text-indent: 0;}
.viewArea ol li ul li,
.viewArea ul li ul li {padding: 0 0 6px 8px; background: url('../image/sub_cmn/sq_3x3_4c4c4c.gif') no-repeat left 5px;}
.viewArea ol li ul li ul li,
.viewArea ul li ul li ul li,
.viewArea ul.txtlist li .txtlist li ul li,
.viewArea ul.txtlist li ul li {padding-left: 10px; background: url('../image/sub_cmn/bul_5x1_666666.gif') no-repeat left 5px; }
.viewArea ol li ul li ul li ul li,
.viewArea ul li ul li ul li ul li,
.viewArea ul.txtlist li ul li ul li {padding-left: 8px; background: url('../image/sub_cmn/sq_2x2_666666.gif') no-repeat left 5px;}
.viewArea li table {width:100% !important; border:1px solid #CECFCE !important;}
.viewArea li table ul {}
.viewArea li table ul li {margin: 0; padding-left: 8px; background: url('../image/sub_cmn/sq_2x2_666666.gif') no-repeat left 5px;}
.viewArea li table ul li ul li {padding-left: 10px; background: url('../image/sub_cmn/bul_5x1_666666.gif') no-repeat left 5px;}
.viewArea li table ol {padding-top: 5px;}
.viewArea li table ol li,
.viewArea li table ul li ol li {margin:0; padding-left: 0; background: none; list-style: decimal; text-indent: 0; }
.viewArea .viewBox .title {color:#28688e; font-weight: bold;}
.viewArea .viewBox ul {}
.viewArea .viewBox ul li {}
.viewArea table.data {clear:both; width:100%; margin:5px 0 15px; border-spacing:0; border-collapse:separate; border-left:1px solid #ccc; border-top:1px solid #ccc;text-indent:0;}
.viewArea table.data th,
.viewArea table.data td {border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.viewArea table.data thead th,
.viewArea table.data thead td {padding:6px 4px 4px 4px; text-align:center; color:#039; background:#e9e9fb;}
.viewArea table.data tbody td.right {padding:5px 7px;text-align:right;}
.viewArea table.data thead td {font-weight:normal;background:#f2f5fe;}
.viewArea table.data tbody th {padding:7px 4px 5px 4px; text-align:center; color:#000; vertical-align:top; background: #F7F7F7;}
.viewArea table.data tbody th.body_first {text-align:left !important; border-right:none !important; background:none !important;}
.viewArea table.data tbody th.sub1 {color:#336;background:#fff;}
.viewArea table.data tbody th.sub2 {font-weight:normal; background:#e9e9fb;}
.viewArea table.data tbody td {padding:7px 4px 5px 4px;}
.viewArea table.data .tfoot th,
.viewArea table.data .tfoot td {background: #F7F7F7; font-weight:bold;}
.viewArea table.data tfoot th,
.viewArea table.data tfoot td {padding:7px 4px 5px 4px; font-weight:bold; background:#f1f1f1;}
.viewArea table.data tfoot th {text-align:center;}
.viewArea table.site_help tbody th {vertical-align:middle !important;}
.viewArea table.data ul {margin:8px 0 7px 0;}
.viewArea table.data ul li {margin:5px 0 0 0; padding:0 0 0 5px; background: url('../image/sub_cmn/blt_dot_gray_1.gif') no-repeat 0 5px;}
.viewArea table.data ul li ul {margin:0 0 7px 0;}
.viewArea table.data ul li ul li {padding:0;background: none;}
.viewArea table.data.middle th, .viewArea table.data.middle td {vertical-align:middle;} /* 모두 세로 중앙 정렬일 경우 일괄적으로 적용 */
.viewArea table.data.center th, .viewArea table.data.center td {text-align:center;} /* 모두 가운데 정렬일 경우 일괄적으로 적용 */
.viewArea table.data .center {text-align:center;}
.viewArea table.data.center .left {text-align:left;padding:6px 5px 3px 10px;}
.viewArea table.data .middle {vertical-align:middle;}
.viewArea table.data tbody td img {margin:0 2px 3px 3px;vertical-align:middle;}
.viewArea table.data caption {margin:0;padding:5px 0 2px 0;text-align:left;font-weight:normal;vertical-align:bottom; position: absolute; visibility: hidden;}
.viewArea table.data caption span {float:right;margin:0 0 0 17px;padding:0;font-size:0.9em;font-weight:normal}
/* calendarDiv */
#calendarDiv {position:absolute; width:230px; border:2px solid #000; padding:1px; background-color: #fff; font-size:13px; padding-bottom:20px; visibility:hidden;}
#calendarDiv span,#calendarDiv img {float:left;}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver {line-height:12px; padding:1px; cursor:pointer; padding-left:2px;}
#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver {line-height:12px; padding:1px; cursor:pointer; padding-left:2px;}
#calendarDiv td {padding:3px; margin:0px; text-align:right; cursor:pointer;}
#calendarDiv .selectBox {border:1px solid #999; color: #000; position:relative;}
#calendarDiv .selectBoxOver {border:1px solid #999; background-color: #fff; color: #000; position:relative;}
#calendarDiv .selectBoxTime {border:1px solid #317082; position:relative;}
#calendarDiv .selectBoxTimeOver {border:1px solid #216072; position:relative;}
#calendarDiv .topBar {height:16px; padding:2px; background-color: #fff;}
#calendarDiv .topBar img {cursor:pointer;}
#calendarDiv .topBar div {float:left; margin-right:1px;}
#calendarDiv .activeDay{ font-weight:bold;}
#calendarDiv .todaysDate { height:20px; line-height:16px; padding:2px; background-color: #e0e0e0; width:100%; text-align:center; position:absolute; left:0; bottom:0px;}
#calendarDiv .todaysDate div {float:left;}
#calendarDiv .timeBar {height:17px; line-height:17px; background-color: #ffffff; width:72px; color:#fff; position:absolute; right:0px;}
#calendarDiv .timeBar div {float:left; margin-right:1px;}
#calendarDiv .monthYearPicker {background-color: #f4f4f4; border:1px solid #AAA; position:absolute; left:10px; top:15px; z-index:1000; display:none;}
#calendarDiv #monthSelect {width:70px;}
#calendarDiv .monthYearPicker div {float:none; clear:both; padding:1px; margin:1px; cursor:pointer;}
#calendarDiv .monthYearActive {background-color:#ffffff; }
#calendar_month_txt, #calendar_year_txt { padding:5px 10px; }
#calendarDiv td { text-align:center; }
@media (min-width:1180px) {
#calendarDiv {margin-left:-202px;}
}
@media (min-width:768px) and (max-width:1179px) {
#calendarDiv {margin-left:-202px;}
}