@charset "utf-8";


/* 공통 - 팝업  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 전체영역 */
.popWrap500 {width:500px;}
.popWrap1000 {width:1000px;}

/* 타이틀 */
.popTitle {height:60px; padding:0 25px; background:url('../images/layer/pop_bg.gif') no-repeat; overflow:hidden;}
.popTitle dt {float:left; padding-top:13px; font-size:22px; line-height:30px; font-weight:bold; color:#fff; letter-spacing:-1px;}
.popTitle dd {float:right; padding-top:18px;}

/* 하단 */
.popBtm {position:absolute; bottom:0; width:100%; height:30px;}

/* 영역 */
.popArea {padding:20px; background:#fff;}


/* 2013-01-16 diploma --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.diploma {border:1px solid #dadada; padding:60px 50px 150px; background:url('/static_root/images/common/kju_symbol_gray.png') center 330px no-repeat;}

.diploma h4, .diploma p {text-align:center;}
.diploma span, .diploma strong {display:inline-block;}
.diploma .dip_num {text-align:left;}
.diploma .dip_num span {width:65px; text-align:center;}
.diploma .dip_tit {padding:50px 0 75px; font-size:18pt;}
.diploma .dip_major {text-align:right; font-size:11pt; padding-bottom:25px;}
.diploma .dip_major strong {padding-left:30px;}
.diploma .dip_name {text-align:right; font-size:11pt; font-weight:bold;}
.diploma .dip_ment {font-size:12pt; line-height:40px; padding:80px 0 40px;}
.diploma .dip_date, .diploma .dip_date span {font-size:11pt;}
.diploma .dip_date {padding-bottom:30px;}
.diploma .dip_seal {font-size:12pt; font-weight:bold;}

/* =2013-01-16 diploma --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 2012-11-28 sub_tab --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub_tab {width:960px; height:29px; border-bottom:1px solid #ccc; margin:40px 0 20px; position:relative;}
.sub_tab li {width:123px; height:28px; background-color:#fafafa; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; margin-right:-1px; text-align:center; float:left;}
.sub_tab li.on {position:relative; border-color:#ccc; background-color:#fff; padding-bottom:1px; margin-bottom:-1px;}
.sub_tab li a {display:block; line-height:28px;}
.sub_tab li.on a {font-weight:bold; color:#2987da;}

/* =2012-11-28 sub_tab --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



/* 2012-11-22 list_styleC --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.list_styleC {width:705px; background-color:#fff; padding:20px;}
.list_styleC table {width:100%; border-top:2px solid #dadada; border-bottom:1px solid #dadada; font-size:12px;}
.list_styleC thead th {height:24px; border-top:1px solid #fff; border-right:1px solid #dadada; border-bottom:1px solid #dadada; background-color:#efefef;font-size:12px;}
.list_styleC tbody th {height:33px; border-right:1px solid #dadada; border-bottom:1px solid #dadada; background-color:#fafafa; padding-left:10px; text-align:left;font-size:12px;}
.list_styleC thead th:first-child, .list_styleC tbody th:first-child, .list_styleC tbody td:first-child {border-left:1px solid #dadada;}
.list_styleC td {height:33px; background-color:#fff; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}

.list_styleC td input {height:19px;}
.list_styleC td input.checkbox, .list_styleC td input.radiobox {height:13px;}
.list_styleC td select {height:21px; margin-right:9px;}
.list_styleC td p {margin:5px 0;}

/* =2012-11-22 list_styleC --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2012-11-29 printView --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.a4_size {width:240mm; min-height:270mm; background:url('../../images/common/common/print_bg.gif') 0 0 no-repeat; border:1px solid #aaa;}
.print_btn {width:172mm; height:25px; padding:13px 0; text-align:right;}

.printView {padding:30px 30px 0; color:#000;}

.printView_Title {font-size:16pt; margin:0; text-align:center; padding-bottom:20px; color:#000;}

.printView_Info {width:100%; overflow:hidden;}
.printView_Info li {width:137px; margin:0 5px; text-align:center; float:left; color:#000;}

.printView .att_month {height:157px; margin-top:25px;}
.printView .att_month h2 {margin-bottom:5px;font-size:12px; }
.printView .list_styleC {width:100%;padding:0;}
.printView .list_styleC table {border-color:#bbb;}
.printView .list_styleC tr.first th {background-color:#cdcdcd;}
.printView .list_styleC th {padding:0; text-align:center; background-color:#d5d5d5;}
.printView .list_styleC th, .printView .list_styleC td {color:#000; border-color:#bbb;}
.printView .list_styleC thead th:first-child, .printView .list_styleC tbody th:first-child, .printView .list_styleC tbody td:first-child {border-left:1px solid #bbb;}

.printView_Date {height:15px;text-align:center; font-size:11pt; padding-top:25px;}
.printView_Date span {display:inline-block; padding-right:5px; text-align:right; color:#000;}
.printView_Date span.blank1 {width:40px;}
.printView_Date span.blank2 {width:30px;}

.printView_Seal {height:35px; padding-top:30px; text-align:center; font-size:12pt; color:#000; position:relative;}
.printView_Seal strong {font-size:12pt;}
.printView_Seal .name {display:inline-block; width:150px; height:15px; border-bottom:1px solid #000;}

.printView_dear {width:100%; text-align:center;}
.printView_dear h3 {margin-top:7px; font-size:12pt; color:#000;}

.printView .list_styleB {border-top:1px solid #bbb; border-bottom:1px solid #bbb;}
.printView .list_styleB tbody th, .printView .list_styleB tbody th.th_line {border:1px solid #bbb; background-color:#cdcdcd;}
.printView .list_styleB td {border:1px solid #bbb;}
.printView .list_styleB tbody th.tit_sort {background-color:#cdcdcd;}
.printView .list_styleB th, .printView .list_styleB td {color:#000;}

.printView .list_styleB td.DL_date {text-align:center;}
.printView .list_styleB td.DL_date strong {width:30px; display:inline-block; text-align:right; padding-right:5px;}
.printView .list_styleB td.lang {padding:0;}
.printView .inside td {border:0;}
.printView .inside2 td {text-align:center; padding:0; border-bottom:0; border-top:1px solid #bbb;}
.printView #PR_P th, .printView #PR_P td, .printView #GA_P th, .printView #GA_P td {height:23px;}

.printView .charge {display:inline-block; width:50px; text-align:right;}
.printView .report_DPS {border-color:#bbb;}
.printView .report_DPS, .printView .report_DPS .ment, .printView .report_DPS .date, .printView .report_DPS .date span, .printView .report_DPS .seal, .printView .report_DPS .dear h3 {color:#000;}

.printView .PR_DPS {border:0; padding:20px 10px 20px;}
.printView .PR_DPS .date {padding-top:0;}
.printView .PR_DPS .seal {font-size:11pt; line-height:120%;}
.printView .PR_DPS .seal strong {width:200px; display:inline-block; border-bottom:1px solid #000;}

.printView .R_stInfo dl {overflow:hidden;}
.printView .R_stInfo dl dt, .printView .R_stInfo dl dd {height:25px; color:#000; float:left;}
.printView .R_stInfo dl dt {font-weight:bold;}
.printView .R_stInfo dl dd {padding-left:10px;}
.printView .R_stInfo dl dd strong {width:100px; display:inline-block; border-bottom:1px solid #000;}

.printView .diploma {padding:30px 20px 0; border:0;}
.printView .diploma, .printView .diploma p, .printView .diploma span, .printView .diploma strong {color:#000;}

.printView .sign {display:inline-block; padding:0 10px 10px; margin-left:20px; background:url('../../images/common/common/printSign_bg.gif') 0 2px no-repeat; font:italic 9pt Gungsuh;}

.printView .mou_wrap {padding:0; border:0;}
.printView .mou_wrap .mou dl dd, .printView .mou_wrap .sign_mou {color:#000;}
.printView .mou_wrap .mou dl dd .com {display:inline-block; width:200px; border-bottom:1px solid #000;}
.printView .mou_wrap .mou dl dd .com strong {display:inline-block; width:140px; text-align:center;}
.printView .mou_wrap .mou dl dd .ymd {display:inline-block; padding:0 10px; border-bottom:1px solid #000;}
.printView .mou_wrap .sign_mou ul {width:275px; padding-left:15px;}

/* =2012-11-29 printView --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-03-12 mou --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.mou_wrap {padding:25px 20px; border:1px solid #dadada;}

.mou_wrap h4 {width:100%; text-align:center; font-size:13pt; margin-bottom:20px;}

.mou_wrap .mou dl {width:100%;}
.mou_wrap .mou dl dt {font-weight:bold; margin-bottom:5px;}
.mou_wrap .mou dl dd {font-size:8pt; line-height:150%; margin-bottom:20px;}
.mou_wrap .mou dl dd input {height:19px;}

.mou_wrap .sign_mou {margin-top:50px; padding:10px 0; background-color:#f5f5f5; overflow:hidden;}
.mou_wrap .sign_mou ul {width:320px; padding-left:30px; float:left;}
.mou_wrap .sign_mou ul li {line-height:200%;}
.mou_wrap .sign_mou ul li .sign {display:inline-block; padding:0 10px 10px; margin-left:20px; background:url('../../images/common/common/printSign_bg.gif') 0 2px no-repeat; font:italic 9pt Gungsuh;}
.sign {display:inline-block; padding:0 10px 10px; margin-left:20px; background:url('../../images/common/common/printSign_bg.gif') 0 2px no-repeat; font:italic 9pt Gungsuh;}
/* =2013-03-12 mou --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2012-11-26 list_styleB --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.list_styleB {width:100%; border-top:2px solid #dadada; border-bottom:1px solid #dadada;}
.list_styleB table {width:100%;font-size:12px; }
.list_styleB thead th {height:37px; border-top:1px solid #fff; border-bottom:1px solid #dadada; font-weight:bold; color:#333; background-color:#efefef; font-size:11pt;}
.list_styleB tbody th {height:33px; border-bottom:1px solid #dadada; background-color:#efefef; font-size:12px; font-weight:bold; color:#555;}
.list_styleB tbody th.th_line {border-right:1px solid #fff;}
.list_styleB td {height:33px; padding-left:10px; background-color:#fff; border-bottom:1px solid #dadada; text-align:left;}
.list_styleB tr.gray td {background-color:#fafafa;}

.list_styleB tbody th.tit_sort {text-align:left; padding-left:10px; background-color:#e5e5e5;}
.list_styleB tbody th.tit_sort strong {color:#176ed8;}
.list_styleB tbody th.tit_sort span {font-weight:normal;}

.list_styleB td input {height:19px;}
.list_styleB td input.checkbox, .list_styleB td input.radiobox {height:13px;}
.list_styleB td select {height:21px; margin-right:9px;}
.list_styleB td p {margin:5px 0;}
.list_styleB td p.img_box {width:85px; height:113px; border:3px solid #dcdcdc; margin:10px 0 5px 4px; background:url('../../images/common/common/img_default.gif') 0 0  no-repeat;}

.view_article {width:700px; height:350px !important; padding:10px 20px 70px 25px !important; line-height:150%; vertical-align:top;}

/* =2012-11-26 list_styleB --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 2012-11-30 report_DPS --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.report_DPS {padding:10px 10px 20px; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:1px solid #dadada;}

.report_DPS .ment, .report_DPS .date, .report_DPS .seal, .report_DPS .dear {text-align:center;}

.report_DPS .date {height:15px;text-align:center; font-size:11pt; padding-top:25px;}
.report_DPS .date span {display:inline-block; padding-right:5px; text-align:right;}
.report_DPS .date span.blank1 {width:40px;}
.report_DPS .date span.blank2 {width:30px;}

.report_DPS .seal {height:35px; padding-top:30px; text-align:cetner; overflow:hidden;}

.report_DPS .dear {width:100%; text-align:center;}
.report_DPS .dear h3 {margin-top:7px; font-size:12pt; color:#555;}

/* =2012-11-30 report_DPS --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 2012-11-26 list_styleA --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.list_styleA {width:100%; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.list_styleA table {width:100%;}
.list_styleA thead th {height:37px; padding-bottom:3px; border-top:1px solid #fff; font-weight:bold; color:#333; background-color:#efefef;}
.list_styleA tbody th {background-color:#fafafa; border-bottom:1px solid #dadada;}
.list_styleA td {height:33px; padding:0 4px; text-align:center; background-color:#fff; border-bottom:1px solid #dadada;}
.list_styleA tr.gray td {background-color:#fafafa;}
.list_styleA tr.result_none td {height:50px; padding-top:15px; vertical-align:top;}

.list_styleA td select {height:21px;}
.list_styleA td a {color:#2270bb;}

.board td a {color:#606060;}
.board td a:hover {color:#2270bb;}
.board td a span {font-size:8pt; color:#f7901e;}

/* =2012-11-26 list_styleA --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2012-11-30 surveyWrap --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.surveyWrap {width:100%; background-color:#fff; border-bottom:2px solid #dadada; overflow:hidden;}

.surveyWrap .surveyTit {background:#6A84B7; font-size:11pt; color:#fff; font-weight:bold;text-align:center; padding:10px 5px 7px;}

.surveyWrap .surveyMent {padding:10px; background-color:#f5f5f5; border-top:1px solid #dadada; border-bottom:1px solid #dadada; margin-bottom:10px;}

.surveyWrap .surveyEX {color:#176ed8; padding-left:10px; margin-top:10px;}

.surveyWrap dl {width:100%;}
.surveyWrap dl dt {padding:10px 10px 0 10px; font-weight:bold;}
.surveyWrap dl dd {padding:5px 10px 20px 25px; .padding-bottom:25px;}
.surveyWrap dl dd ul {overflow:hidden;}
.surveyWrap dl dd ul li {margin-right:15px; float:left; }

/* =2012-11-30 surveyWrap --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2015-12-16 말 줄임표 */
.ellipsis { /*table 사용 시 table-layout:fixed; 설정 되어 있어야 함*/
	white-space:nowrap;
	overflow:hidden;			/* "overflow" value must be different from "visible" */
	text-overflow:ellipsis;		/* IE, Safari */
	-o-text-overflow:ellipsis;	/* Opera under 10.7 */
	-ms-text-overflow:ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}


.main_popWrap {position:absolute; top:50px; left:500px; z-index:1000; overflow:hidden;}

.main_popbg_top {height:24px; padding-left:21px; background:url('../images/common/pop_bg_lt.png') 0 0 no-repeat;}
.main_popbg_topR {height:24px; padding-right:28px; background:url('../images/common/pop_bg_rt.png') right 0 no-repeat;}
.main_popbg_middle1 {padding-left:21px; background:url('../images/common/pop_bg_lm.png') 0 0 repeat-y;}
.main_popbg_middle2 {padding-right:28px; background:url('../images/common/pop_bg_rm.png') right 0 repeat-y;}
.main_pop_contents {background-color:#fff;}
.main_popbg_bottom {height:51px; padding-left:21px; background:url('../images/common/pop_bg_lb.png') 0 0 no-repeat;}
.main_popbg_bottomR {height:37px; padding:14px 28px 0 0; background:url('../images/common/pop_bg_rb.png') right 0 no-repeat; text-align:right;}
.main_popbg_bottomR span, .main_popbg_bottomR a {display:inline-block; line-height:15px; font-weight:bold;}
.main_popbg_bottomR .pop_ch_oneday {padding-right:11px; background:url('../images/common/pop_btn_divline.gif') right 2px no-repeat;}
.main_popbg_bottomR .pop_btn {padding-right:14px; background:url('../images/common/icon_close.gif') right 2px no-repeat; margin-left:6px;}

/* 만족도조사 */
.satisfaction {width:100%;}
.satisfaction .sfInfo {padding:25px; border:#e3e3e3 1px solid; background:#f5f5f5;}
.satisfaction .sfInfo h1 {width:100%; margin-bottom:15px; padding-bottom:20px; font-size:18px; font-weight:bold; color:#333; border-bottom:#e4e4e4 1px solid;}
.satisfaction .sfInfo div {font-size:14px;}
.satisfaction .sfCtn {padding:25px; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid;}
.satisfaction .sfCtn div {margin-bottom:20px; padding-bottom:20px; border-bottom:#e5e5e5 1px solid;}
.satisfaction .sfCtn div h1 {padding:0 0 5px 25px; font-size:16px; font-weight:bold; color:#333; background:url('../images/btnIcn/icn_title1.gif') 0 1px no-repeat;}
.satisfaction .sfCtn div p {padding:10px 0; font-size:14px;}
.satisfaction .sfCtn div ul {width:100%; overflow:hidden;}
.satisfaction .sfCtn div ul li {padding:3px 0;}
.satisfaction .sfEnd {padding:25px; border:#e3e3e3 1px solid; background:#f5f5f5;}


/* 출력 */
@media print {
	/* 출력시 숨기기 */
	.printHide {
		display: none;
	}
}

.layerPopup {position:absolute; background:#fff; z-index:999999;}
.layerPopup > div {width:100%; overflow:hidden;}
.layerPopup > dl {padding:5px 10px; font-size:12px; color:#fff; letter-spacing:-1px; background:rgba(40,52,78,0.9); overflow:hidden;}
.layerPopup > dl > dt {float:left; cursor:pointer;}
.layerPopup > dl > dd {float:right; cursor:pointer;}