@charset "utf-8";

/* 공통 */
.popup_img100 {text-align:center;}
.popup_img100 img {max-width:100%;}

/* 이미지 사이즈 : 확대보기 */
.rsp_img {position:relative; width:auto; max-width:100%;}
.rsp_img img {max-width:100%;}
.rsp_img .zoom {width:100%;}
.rsp_img .btn-zoom {position:absolute; bottom:0; right:0; width:45px; height:45px; display:block; z-index:100; background:url('/images/common/pop/ico_rsp_img.png') no-repeat}

#popup_wrap {position:relative; width: 105%;}
#popup_wrap h1 {padding:15px 50px 15px 20px; font-size:20px; line-height:26px; color:#fff; font-family:'NotoM'; background:#053963;}
#popup_wrap .popup_con {padding:20px;}
#popup_wrap .popup_close {position:absolute; right:0; top:0; }
#popup_wrap .popup_close a {display:block; width:50px; height:56px; text-indent:-10000em; background:#00213c url('/images/common/pop/btn_close_wh.png') no-repeat center;}

/* 팝업 테이블 */
.pop_tbl {position:relative; width:100%; margin:5px 0 0 -1px; text-align:center; font-size:14px; border-top:2px solid #000; -webkit-overflow-scrolling:touch; word-break:keep-all;}
.pop_tbl thead th {padding:13px 10px; vertical-align:middle; color:#000; font-family:'NotoM', '맑은 고딕'; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#f3f3f3;}
.pop_tbl tbody th {padding:13px 10px; vertical-align:middle; color:#000; font-family:'NotoM', '맑은 고딕'; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fdfdfd;}
.pop_tbl td {padding:10px 15px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; /*background-color:#fff;*/}/* 191101 */
.pop_tbl tfoot th {padding:13px 10px; color:#222; font-family:'NotoM', '맑은 고딕'; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fafbfb;}
.pop_tbl tfoot td {padding:13px 10px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fafbfb;}
.pop_tbl:after {content:""; display:block; position:absolute; left:0; top:0; width:1px; height:100%; clear:both; overflow:hidden; background:#fff;}/*190717*/

.pop_sel {height:30px; margin:2px; vertical-align:middle; font-family:'NotoR', '맑은 고딕'; border:1px  solid #d3d3d3;  }
.pop_inp {height:28px; margin:2px; line-height:28px; vertical-align:middle; font-family:'NotoR', '맑은 고딕'; border:1px  solid #d3d3d3;}

/* 고객만족도조사 191126 추가 */
.csnst_box {position:relative; }
.csnst_box dt {position:relative; margin-top:20px; padding:8px 0 8px 50px; line-height:24px; font-family:'NotoM', '맑은 고딕'; color:#222;}
.csnst_box dt span.csnst_q {position:absolute; left:0; top:0; display:block; width:40px; height:40px; line-height:40px; color:#fff; text-align:center; background:#053863;}
.csnst_box dd {margin:5px 0 0 50px; overflow:hidden;}
.csnst_box dd ul li {float:left; margin-right:15px;}
.csnst_box dd ul li input {vertical-align:middle;}
.csnst_box dd ul li label {margin-left:5px; vertical-align:middle;}
.csnst_box dd .pop_inp {width:99%;}

 /* 200106 프린트 추가 */
#print_wrap {position:relative; width:1100px;}
#print_wrap h1 {padding:15px 50px 15px 20px; font-size:20px; line-height:26px; color:#fff; font-family:'NotoM'; background:#053963;}
#print_wrap .print_con {padding:20px;}
#print_wrap .print_close {position:absolute; right:0; top:0; }
#print_wrap .print_close a.btn_print {position:absolute; right:51px; top:0; display:block; width:50px; height:56px; padding-left:50px; line-height:56px; color:#fff; background:#00213c url("/images/common/con_com/btn_print.png") no-repeat 10px center;}
#print_wrap .print_close a.btn_close {position:absolute; right:0; top:0; display:block; width:50px; height:56px; text-indent:-10000em; background:#00213c url("/images/common/con_com/btn_close_wh.png") no-repeat center;}

#print_wrap .print_con .location {position:relative; padding-bottom:40px; text-align:right; font-family:'NotoR'; line-height:26px; }
#print_wrap .print_con .location:before {content:""; display:block; position:absolute; left:0; bottom:20px; width:100%; height:1px; background:#ddd;}
#print_wrap .print_con .location span a,
#print_wrap .print_con .location strong a {color:#333;}
#print_wrap .print_con .location span, 
#print_wrap .print_con .location strong {padding-left:18px; font-size:15px; color:#333; background:url('/images/common/con_com/bgLocation.png') no-repeat 6px center;}
#print_wrap .print_con .location strong {color:#333; font-family:'NotoM'; font-weight:normal; text-decoration:underline;}
#print_wrap .print_con .location a.home {display:inline-block; width:20px; height:20px; text-indent:-99999em; font-size:0; vertical-align:middle; background:url('/images/common/con_com/ico_home.png') no-repeat left center;}

/* FTA포털 테이블 스크롤 */
.scroll_tbl table {position:relative; width:100%; margin:5px 0 0 -1px; text-align:center; font-size:11px; border-top:2px solid #000; word-break:keep-all;}
.scroll_tbl table thead th {padding:10px 3px; vertical-align:middle; color:#000; font-family:Dotum; font-size:11px; font-weight:bold; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#f3f3f3;}
.scroll_tbl table tbody th {padding:10px 3px; vertical-align:middle; color:#000; font-family:Dotum; font-size:11px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fdfdfd;}
.scroll_tbl table tbody td {padding:10px 3px; font-family:Dotum; font-size:11px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; }
.scroll_tbl table:after {content:""; display:block; position:absolute; left:0; top:0; width:1px; height:100%; clear:both; overflow:hidden; background:#fff;}

/* 20241021 개인정보처리방침  div 추가 */
.hover_area { position:relative;display:inline-block;}
.tooltip { margin-left: 54px; width:400px; background-color: #FFFFFF; visibility: hidden; position: absolute; padding: 9px; border: 1px solid #5d6b98; border-radius : 10px; z-index: 5; top:35px; font-size:13px; box-shadow: 0 5px 10px rgb(0 0 0 / 9%);}
.hover_area:hover .tooltip { visibility: visible; }
.p_menu { display: flex; padding: 25px 40px; gap: 20px; }
.p_list { list-style:none; padding: 0; }
.p_list li {margin:0 0 12px 40px;}
.p_menu ul{ float : left; width: 50%; }
.p_menu li{ height : 49px; margin-bottom: 6px; }

/********** Media quary **********/

@media screen and (max-width:1630px){ 

	/* FTA포털 테이블 스크롤 */
	.scroll_tbl {width:100%; overflow-x:auto; background-repeat:no-repeat;
		background-image:linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background-position:right 5px ; background-size:30px 100%; z-index:1}


}

@media screen and (max-width:1400px){ 

	

}

@media screen and (max-width:1019px) {
	

}

@media screen and (max-width:840px) {
	


}

@media screen and (max-width:768px) {	

.p_menu { display: block; gap: 0px; margin: 0px; padding:26px;}
.p_menu ul{ width:100%;}
.p_menu li {height: auto;}
.p_list li {margin:0 0 10px 0;}

}

@media screen and (max-width:640px) {

.p_menu { display: block; gap: 0px; margin: 0px; padding:26px;}
.p_menu ul{ width:100%;}
.p_menu li {height: auto;}
.p_list li {margin:0 0 10px 0;}	
}

@media screen and (max-width:560px) {	

.p_menu { display: block; gap: 0px; margin: 0px; padding:26px;}
.p_menu ul{ width:100%;}
.p_menu li {height: auto;}
.p_list li {margin:0 0 10px 0;}

}

@media screen and (max-width:480px) {
	
.p_menu { display: block; gap: 0px; margin: 0px; padding:26px;}
.p_menu ul{ width:100%;}
.p_menu li {height: auto;}
.p_list li {margin:0 0 10px 0;}

}

@media screen and (max-width :390px) {
	
.p_menu { display: block; gap: 0px; margin: 0px; padding:26px;}
.p_menu ul{ width:100%;}
.p_menu li {height: auto;}
.p_list li {margin:0 0 10px 0;}

}