@charset "utf-8";

/* title */
[class^="s_title"] {position:relative; display:block; font-family:'Noto Sans Kr'; font-weight:500; letter-spacing:-0.024em;}
.s_title_1 {font-size:20px; line-height:28px; color:#282e89; 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 #bac7ee;}
.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 #bac7ee; 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;}
.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:#282e89; 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:13px; 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;}
[class*="_descript"] { word-wrap: break-word; word-break:keep-all; }

/* 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:#4b55c7; 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_m_dot > li::before {content:""; display:block; width:3px; height:3px; border-radius:100%; background:#333; position:absolute; left:6px; top:11px;}
.s_list_m_bar > li::before {content:""; display:block; width:5px; height:2px; background:#ccc; position:absolute; left:6px; top:11px;}
.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:#4b55c7; left:-3px; top:3px;}

/* link text */
.s_link_text {color:#282e89; border-bottom:1px dotted #282e89; margin-bottom:-1px;}
.s_link_text .ico_window {position:relative; display:inline-block; width:16px; height:16px; border-radius:8px; background:#4b55c7; 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_tellink { color:#00499c; border-bottom:1px dotted #002d61; }
.s_tellink > a { color:#00499c; border-bottom:1px dotted #002d61; }
.go_tel > a:hover, 
.go_tel > a:focus {cursor:pointer;}

/* 일반 텍스트, 리스트 사이 버튼 */
.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:#6873dd; color:#fff;}
.tab_flt > ul > li.on > a::after {display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#1c2a70;}
.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:#282e89; 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 > ul > li.on > a > span {color:#6873dd;}
.tab_lnk *, .tab_inl * {vertical-align:middle;}

@media (max-width:767px) {
	.tab_flt > ul > li > a > span {font-size:13px; line-height:22px; letter-spacing:-0.05em}
}

/* box */
[class^="box_"] {position:relative; padding:20px 24px; margin-top:32px;}
.box_line_thick {border:8px solid #ebebfe;}
.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:#f0f1f9;}
.box_nh .bn_t p {display:block; font-size:16px; line-height:24px; font-weight:500; color:#282e89; 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;}
.box_listline { width:100%; padding:0;}
.box_listline > ul > li { display:table; width:100%; margin-top:20px; border:1px solid #e7e7e7;  }
.box_listline > ul > li:first-child { margin-top:0; }
.box_listline > ul > li > * { display:table-cell; padding:15px; vertical-align:middle;}
.box_listline > ul > li > *:nth-child(1) { position:relative; width:42%; text-align:center; font-size:16px; font-weight:500; line-height:24px; color:#fff; background-color:#495ac0; border-right:1px solid #e7e7e7;  }
.box_listline > ul > li > *:nth-child(2) { width:58%; padding-left:25px; font-size:14px; line-height:24px; }
.box_listline > ul > li > *:nth-child(1)::after { content:""; display:block; position:absolute; right:-7px; top:50%; margin-top:-4px; width:0px; height:7px; border-left:7px solid #495ac0; border-bottom:7px solid transparent; border-top:7px solid transparent; }
.box_listline .btn { margin:4px;}
.box_listline.w37  > ul > li > *:nth-child(1) { width:30%;}
.box_listline.w37  > ul > li > *:nth-child(2) { width:70%;}
.boxnum_area { margin-top:32px; }
.boxnum_area > * > li {  float:left;}
.boxnum_area > * > li > div { position:relative;margin:7px 1%; width:98%; padding:10px 16px 10px 40px; background-color:#f3f7ff; border:1px solid #c1d1f3}
.boxnum_area .inner_txt { font-size:15px; line-height:24px; color:#333;}
.boxnum_area .num { position:absolute; display:block; left:10px; top:14px; width:20px; height:20px; border-radius:100%; line-height:24px; font-family:'Lato'; font-size:13px; color:#fff; font-weight:500; text-align:center; vertical-align:middle; background-color:#4364ae;}
.boxnum_area:not([class*="cnt"]) > * > li { float:none; width:100%; padding:3px 0;}
.boxnum_area:not([class*="cnt"]) > * > li > div { padding:16px 16px 16px 40px;}
@media (max-width:767px) {
	.box_image {padding:16px;}
	.box_image a.ico_zoom {display:block;}
	.box_listline > ul > li { display:block; }
	.box_listline > ul > li > * { display:block;}
	.box_listline > ul > li > *:nth-child(1) { width:100%;  padding:16px; border-right:0 none; border-bottom:1px solid #e7e7e7}
	.box_listline > ul > li > *:nth-child(2) { width:100%; padding:16px; font-size:14px; line-height:24px; }
	.box_listline > ul > li > *:nth-child(2) p:only-child { text-align:center;}
	.box_listline > ul > li > *:nth-child(1)::after  { content:""; display:block; position:absolute; right:50%; bottom:-7px; top:100%; margin-top:0; margin-left:-3px; width:0px; height:7px; border-left:7px solid transparent ; border-bottom:7px solid transparent;  border-right:7px solid transparent;  border-top:7px solid #495ac0; }
	.box_listline.w37  > ul > li > *:nth-child(1) { width:100%;}
	.box_listline.w37  > ul > li > *:nth-child(2) { width:100%;}

	.boxnum_area .inner_txt { font-size:14px; line-height:22px;}
}

/* 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; 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:#282e89;}
.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;}

/* 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; 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:#282e89;}
.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 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;}
.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:#282e89;}

/* 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:#ddd;}
.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:#282e89;}
.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; 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:#6873dd; 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);}

.btn_nh .ico_window::before  {border:1px solid #fff;}
.btn_nh .ico_window::after  {background-color:#00563a; border:1px solid #fff;}
.btn_black .ico_window::before  {border:1px solid #fff;}
.btn_black .ico_window::after  {background-color:#222; border:1px solid #fff;}

.btn_filedown { margin:2px; padding:4px 16px 4px 28px;  vertical-align:middle; border-radius:2px; background:url(../image/sub_cmn/ico_filedown.gif) no-repeat 7px center; background-color:#293b4f; opacity:0.8; transition:0.3s;}
.btn_filedown span { font-size:13px; line-height:18px; color:#fff;}
.btn_filedown:hover,
.btn_filedown:focus { opacity:1}

.btn_infomore {margin:2px; padding:6px 12px;   background-color:#243446; border:1px solid #101e2d; vertical-align:middle; opacity:0.85; transition:0.3s;}
.btn_infomore span { font-size:13px; line-height:20px; color:#fff; letter-spacing:-0.05em}
.btn_infomore:hover,
.btn_infomore:focus { opacity:1}
.btn_infomore .ico_window::before  {border:1px solid #ccd5e0;}
.btn_infomore .ico_window::after  {background-color:#243446; border:1px solid #ccd5e0;}

*[class*="btn_map_"] { margin:4px; padding:8px 16px 8px 12px; background-color:#f7f7f7; border-right:1px solid #bababa; border-bottom:1px solid #bababa; border-left:1px solid #f7f7f7; border-top:1px solid #f7f7f7; vertical-align:middle; }
*[class*="btn_map_"]::before { content:""; display:inline-block; width:26px; height:26px; margin-right:6px; background-image:url(../image/sub_cmn/sub_map_icon.png); background-repeat:no-repeat; vertical-align:middle;}
*[class*="btn_map_"] span { font-size:14px; line-height:24px; font-weight:600}
*[class*="btn_map_mini"] { margin:2px; padding:5px 7px;  border:1px solid #dcdcdc;}
*[class*="btn_map_mini"]::before { width:22px; height:22px; margin-right:4px; }
*[class*="btn_map_mini"] span { font-size:13px; line-height:20px; font-weight:500}
.btn_map_naver {}
.btn_map_naver::before { background-position:-10px -10px; }
.btn_map_naver span { color:#009124}
.btn_map_mini_naver {}
.btn_map_mini_naver::before { background-position:-10px -50px; }
.btn_map_mini_naver span { color:#009124}
.btn_map_mini_naver .ico_window { display:none; }
.btn_map_kakao {}
.btn_map_kakao::before { background-position:-50px -10px; }
.btn_map_kakao span { color:#007aff}
.btn_map_mini_kakao {}
.btn_map_mini_kakao::before { background-position:-50px -50px; }
.btn_map_mini_kakao span { color:#007aff}
.btn_map_mini_kakao .ico_window { display:none; }

.btn_alllist {margin-left:4px; padding:3px 16px 3px 28px;  vertical-align:middle;  background:url(../image/sub_cmn/ico_alllist.png) no-repeat 7px center; background-color:#243446; opacity:0.8; transition:0.3s;}
.btn_alllist span { font-size:13px; line-height:20px; color:#fff; letter-spacing:-0.05em}
.btn_alllist:hover,
.btn_alllist:focus { opacity:1}

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:#6873dd; 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; background:#f8f8f8; border-bottom:1px solid #bbb;}
.data_table table tbody th {background:#fdfdfd; color:#282e89;}
.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; color:#282e89; 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_m_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:800px;}
	.tbl_scrl_m_mini > table { width:800px; }
}
@media (max-width:480px) {
	.tbl_scrl_m_mini > table { width:480px; }
	.tbl_scrl_m_mini > table td { word-break:break-all; }
}

/* 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;}
}

/* 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 > ul > li:only-child { float:none; width:100%; text-align:center; }
.image_list > ul > li:only-child .li_img { text-align:center}
.image_list .il_img {display:block; overflow:hidden; position:relative;}
.image_list .il_img img { max-width: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;}
.image_descript.linetype { margin-top:16px; }
.image_descript.linetype  > ul > li > div {background:#fff;}
.image_descript.linetype .id_descript {  background-color:#fbfbff;}
.image_descript.linetype .id_img img { max-width:100%; }
.image_descript.linetype .id_img:empty {font-size:0; line-height:0; text-align:center;}
.image_descript.linetype .id_img:empty::before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.image_descript.linetype .id_img:empty::after {content:"No Photo"; display:inline-block; width:100%; font-size:13px; line-height:21px; color:#282e89; word-break:keep-all; vertical-align:middle;}

@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.linetype > ul > li > div {padding:0; display:table; width:100%;}
	.image_descript.linetype .id_img, 
	.image_descript.linetype .id_descript {float:none; display:table-cell; vertical-align:top}
	.image_descript.linetype .id_img { width:40%;  border-right:1px solid rgba(0,0,0,0.16);}
	.image_descript.linetype .id_descript { width:60%; padding:28px 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.linetype > ul > li > div {padding:0; display:table; width:100%;}
	.image_descript.linetype .id_img, 
	.image_descript.linetype .id_descript {float:none; display:table-cell; vertical-align:top}
	.image_descript.linetype .id_img { width:40%;  border-right:1px solid rgba(0,0,0,0.16);}
	.image_descript.linetype .id_descript { width:60%; padding:28px 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 (max-width:767px) {	
	.image_descript .id_descript {padding:20px 24px;}

	.image_descript.linetype > ul > li > div {padding:0; width:100%;}
	.image_descript.linetype .id_img { border-bottom:1px solid rgba(0,0,0,0.16);}
}

/* 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; 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:#4b55c7; 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 {margin-top:32px;}
.pip_tab > ul {margin:-2px;}
.pip_tab > ul::after {display:block; content:''; clear:both;}
.pip_tab > ul > li {font-size:0; line-height:0; float:left; padding:2px;}
.pip_tab > ul > li > div {background:#f0f1f9;}
.pip_tab > ul > li > div::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.pip_tab > ul > li > div > a::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.pip_tab > ul > li > div > a > i {display:block; background:url(../image/sub_cmn/pip_icon.png) no-repeat 0 0; background-size:100%;}
.pip_tab > ul > li > div > a > strong {display:inline-block; font-size:17px; line-height:25px; font-weight:500; color:#000;}
.pip_tab > ul > li > div > a > strong::after {display:inline-block; content:''; width:17px; height:17px; background:url(../image/sub_cmn/pt_arrow_right.png) no-repeat center center; vertical-align:top; margin:4px 0 0 4px;}

@media (min-width:1180px) {
	.pip_tab > ul > li {text-align:center;}
	.pip_tab > ul > li > div {padding:20px 24px;}
	.pip_tab > ul > li > div > a {display:inline-block; vertical-align:middle;}
	.pip_tab > ul > li > div > a > i {margin:0 auto; width:80px; height:80px;}
	.pip_tab > ul > li > div > a > strong {margin-top:4px;}
	.pip_tab > ul > li > div > a > span {display:block; font-size:13px; line-height:21px; height:42px; color:#666; margin-top:4px;}

	.pip_tab > ul > li:nth-child(1) > div > a > i {background-position:0 0;}
	.pip_tab > ul > li:nth-child(2) > div > a > i {background-position:0 -80px;}
	.pip_tab > ul > li:nth-child(3) > div > a > i {background-position:0 -160px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.pip_tab > ul > li {text-align:center;}
	.pip_tab > ul > li > div {padding:20px 24px;}
	.pip_tab > ul > li > div > a {display:inline-block; vertical-align:middle;}
	.pip_tab > ul > li > div > a > i {margin:0 auto; width:80px; height:80px;}
	.pip_tab > ul > li > div > a > strong {margin-top:4px;}
	.pip_tab > ul > li > div > a > span {display:block; font-size:13px; line-height:21px; height:42px; color:#666; margin-top:4px;}

	.pip_tab > ul > li:nth-child(1) > div > a > i {background-position:0 0;}
	.pip_tab > ul > li:nth-child(2) > div > a > i {background-position:0 -80px;}
	.pip_tab > ul > li:nth-child(3) > div > a > i {background-position:0 -160px;}
}
@media (max-width:767px) {
	.pip_tab > ul > li > div {padding:12px 16px;}
	.pip_tab > ul > li > div > a {display:block; height:64px; position:relative; padding-left:80px;}
	.pip_tab > ul > li > div > a > i {width:64px; height:64px; position:absolute; left:0; top:0;}
	.pip_tab > ul > li > div > a > strong {vertical-align:middle;}

	.pip_tab > ul > li:nth-child(1) > div > a > i {background-position:0 0;}
	.pip_tab > ul > li:nth-child(2) > div > a > i {background-position:0 -64px;}
	.pip_tab > ul > li:nth-child(3) > div > a > i {background-position:0 -128px;}
}

/* 사전정보공표 - 리스트 */
.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:#4b55c7; 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:#4b55c7; font-size:0; line-height:0;}
.popup_wrap .p_header span {display:inline-block; font-size:18px; line-height:26px; font-weight:500; 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:#4b55c7; 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:#4b55c7; text-decoration:underline; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.ts .ts_kw {background:#dcdff7;}
.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; 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; font-weight:500; text-decoration:underline; color:#4b55c7; 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:#f0f1f9; 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:#1c2a70; position:absolute; left:0; top:10px;}
.ts .ts_list .ts_file .tsf_list li a {display:block; font-size:12px; line-height:20px; color:#4b55c7;}

.ts .ts_more {padding:8px 0;}
.ts .ts_more a {display:inline-block; font-size:14px; line-height:22px; color:#4b55c7; text-decoration:underline;}

.ts .ts_word p {display:block; font-size:24px; line-height:32px; color:#757575; padding:32px; text-align:center;}
.ts .ts_word p strong {font-weight:500; color:#4b55c7;}

.ts .ts_search {font-size:0; line-height:0; border-top:1px solid #1c2a70; padding:8px 0;}
.ts .ts_search * {vertical-align:middle;}
.ts .ts_search.open {padding:0 0 8px 0;}
.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:#4b55c7;}
.ts .ts_search .tss_t .on.btn_white span {color:#4b55c7;}
.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 .btn_tgl {margin-top:0; float:right;}
.ts .ts_search.open .btn_tgl {margin-top:8px;}
.ts .ts_search .btn_tgl > * {display:inline-block; font-size:13px; line-height:21px; color:#4b55c7;}
.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 #bac7ee 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 #bac7ee; 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:#f0f1f9; padding:8px;}
.ts .ts_detail_search .btn_tgl > * {display:inline-block; font-size:13px; line-height:21px; color:#4b55c7;}
.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 #bac7ee 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:#f0f1f9;}
.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:#4b55c7; 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:#4b55c7; 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; 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:96px; height:40px; background-image:url(../image/header/nrc.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;}
.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; 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:#ebebfe; 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:#282e89; 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-family:'Noto Sans Kr'; 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 .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:#ebebfe; color:#282e89;}
.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 #6873dd;}
.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:120px;}
.history > ul > li > ul > li.pd_none { padding-left:15px; }
.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:15px; line-height:24px; letter-spacing:0; color:#282e89;}

.history.no_day > ul > li > ul > li {padding-left:0;}

@media (max-width:767px) {	
	.history > ul > li > ul > li  { padding-top:30px; padding-left:0; font-size:14px; line-height:20px; }
	.history.no_day > ul > li > ul > li { padding-top:0; }
	.history .h_year { font-size:28px; }
}

/* 서비스 헌장 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 #6873dd;}
.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:#6873dd; 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:#6873dd;}
.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:#ebebfe; 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:#282e89; 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:#6873dd; 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:#282e89;}
.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-size:14px; line-height:22px; letter-spacing:0; color:#282e89;}

@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:160px;}
	.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:#282e89; width:48px; text-align:center;}
.sd .sd_question {font-size:16px; line-height:24px; font-weight:500;}
.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:#6873dd; 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; 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; 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 .btnbox {display:block; padding:8px 20px; text-align:center;}

@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:#282e89; background:#f0f1f9;}
.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:#282e89;}
.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:#f0f1f9; 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:#282e89; 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:#f0f1f9;} */
.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 {font-size:0; line-height:0; width:0; height:0; visibility:hidden;}
.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:12px; 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:#f0f1f9;}
/* .mtime_area .calendar_area .daybox.today:hover {background-color:#f0f1f9;} */
.mtime_area .calendar_area .daybox.today .day_num {background-color:#6873dd; 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:#f0f1f9;}
.mtime_area:empty::after {display:inline-block; content:"시간표를 준비중입니다"; padding-top:72px; font-size:20px; line-height:28px; color:#282e89; background:url(../image/sub_cmn/mtime_none_bg.png) no-repeat center top;}
.mtime_area.no_data {text-align:center; padding:64px 0; background:#f0f1f9;}
.mtime_area.no_data::after {display:inline-block; content:"시간표를 준비중입니다"; padding-top:72px; font-size:20px; line-height:28px; color:#282e89; 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; float:left;}
	.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 {display:inline-block; width:auto; font-family:'Noto Sans KR'; font-size:16px; line-height:24px; visibility:visible; 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;}
}