@charset "utf-8";

/********************************************* common *********************************************/
/* clear float */
.clear_fix:before {
	content: '';
	display: block;
	clear: both;
}
.hide,
.hidden {
	display: none;
}
.disp_b {
	display: block;
}
.disp_inb {
	display: inline-block;
}

/* text overflow */
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	/*height: 54px; 높이 설정 필수 */
}
.ellipsis em {
	margin-left: 2px;
	letter-spacing: 0;
}
.ellipsis.multiline {
	white-space: normal;
}

/* content */
.grp_content {
	overflow: hidden;
	margin-bottom: 20px;
	width: 100%;
}
.grp_content:before {
	content: '';
	display: block;
	clear: both;
}

/* size fix */
.w16 {width: 16px !important;}
.w25 {width: 25px !important;}
.w60 {width: 60px !important;}
.w80 {width: 80px !important;}
.w100 {width: 100px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w150 {width: 150px !important;}
.w200 {width: 200px !important;}
.w300 {width: 300px !important;}
.w400 {width: 400px !important;}
.w95p {width: 95% !important;}
.w100p {width: 100% !important;}

.h16 {height: 16px !important;}
.h25 {height: 25px !important;}
.h30 {height: 30px !important;}

/* float direction */
.fl {float: left !important;}
.fr {float: right !important;}
.fl > *, .fr > * {float: left !important;}

/* margin, padding */
.mlr0 {margin-left: 0 !important;}
.mr0 {margin-right: 0px !important;}
.mr6 {margin-right: 6px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.ml6 {margin-left: 6px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.mt0 {margin-top: 0 !important;}
.mt6 {margin-top: 6px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt50 {margin-top: 50px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb2 {margin-bottom: 2px !important;}
.mb6 {margin-bottom: 6px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.pl0 {padding-left: 0 !important;}
.pl10 {padding-left: 10px !important;}
.pt0 {padding-top: 0 !important;}
.ptb30 {padding: 30px 0 !important;}

.p610 {padding: 6px 10px 6px 10px !important;}
.p205 {padding: 2px 5px 2px 5px !important;}

.t0 {
	top: 0 !important;
}

.c28 {padding-left: 28px;}

/* font style */
.fwn {
	font-weight: normal;
}
.emp_01 {
	font-weight: bold;
	color: #595959;
}
.en .text_letter_short { letter-spacing: -1px; }
.text_letter_short {
	letter-spacing: -2.6px;
}

/* font color */
.fcr {
	color: red !important;
}
.fcb {
	color: blue !important;
}
.fcdb {
	color: #477a99 !important;
}
.fcb.size_12 {
	font-size: 12px !important;
}
.fco {
	color: #f1571a !important;
}

/* border style */
.bdb0 {
	border-bottom: 0 !important;
}

/* text align */
.L,
.tal {
	text-align: left !important;
}
.C,
.tac {
	text-align: center !important;
}
.R,
.tar {
	text-align: right !important;
}

/* box sizing : border-box */
.box_sz_bd {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/* image */
.grp_image {
	margin: 10px 0;
	text-align: center;
}

/* title */
.grp_title {
	overflow: hidden;
	float: none !important;
	/*margin: 0 0 10px;*/
	min-height: 24px;
}
.grp_title:after {
	content: '';
	clear: both;
	display: block;
}
.grp_title .fr .total_count {
	position: relative;
	top: -5px;
}
.grp_title .fr .total_count span.number {
	font-weight: bold;
}
.grp_title .fr > * {
	margin-left: 6px;
}
.grp_title .fr > .button a,
.grp_title .fr > .button button {
	margin: 0 0 0 5px !important;
	/*padding: 0 10px !important;*/
	min-width: 0;
}
.grp_title .fl > .button a,
.grp_title .fl > .button button {
	margin: 0 5px 0 0 !important;
	padding: 0 10px !important;
	min-width: 0;
}
#header .gnb .menu h1 {
	clear: both;
	width: 112px;
	height: 35px;
	position: absolute;
	top: -45px;
}
#header .gnb .menu h1 a {
	display: block;
	height: 100%;
	background: url(/common/images/ptg/common/img_logo.png) no-repeat;
	text-indent: -9999px;
}

/* content 내 제목 */
.section_title > h1 {
	clear: both;
	display: inline-block;
	margin: 20px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	text-indent: 14px;
	background: url(/common/images/ptg/common/bul_title_content.gif) no-repeat left center;
} 

.section_content h2,
#popup_body h2 { font-weight: bold;}
.section_content h2,
#popup_body h2,
#content #printContents .chapter_title {
    color: #333333;
    background: url(/images/pt/common/title_chapter_bl.gif) no-repeat left 17px;
    padding-left: 20px;
	margin-top: 12px;
	line-height: 40px;
	clear: both;
}
h1, h2, h3, h4, .chapter_title {
	font: bold 16px/160% 'Malgun Gothic','맑은 고딕', "굴림", "굴림체";
    margin: 8px;
    padding: 0px;
    display: block;
}
#content_import_db .chapter_title {
	/*float: left;*/
	margin: 0 0 10px;
	position: relative;
	/*top: 11px;*/
	height: 14px;
	line-height: 13px;
	color: #27355b;
	font-size: 14px;
	font-weight: bold;
}
.section_content h2 a:link,
.section_content h2 a:visited,
.section_content h2 a:active,
#popup_body h2 a:link,
#popup_body h2 a:visited,
#popup_body h2 a:active {
	color: #27355b;
}
#content_import_db h2,
#content_import_db .chapter_title {
	margin: 20px 0 10px !important;
	top: 0 !important;
}
.section_content h2 span,
#popup_body h2 span,
#content_import_db .chapter_title span {
	position: relative;
	/* top: -5px; */
}
.section_content h2.flag_nation {
	width: 100%;
	/* height: 20px; */
}
.section_content h3,
#popup_body h3 {
	/*display: inline-block;*/
	margin: 0 0 9px;
	height: 14px;
	padding-left: 9px;
	line-height: 13px;
	color: #3e799c;
	font-weight: bold;
	font-size: 14px;
	background: url(/common/images/ptg/common/bul_title_h3.png) no-repeat left 4px;
}
.section_content h4,
#popup_body h4 {
	/*display: inline-block;*/
	margin: 0 0 6px;
	line-height: 13px;
	color: #222;
	font-weight: bold;
	font-size: 14px;
}
.text_title_bottom_guide {
	clear: both;
	position: relative;
	top: -5px;
	margin: 0 0 5px 20px;
}

.text_visual_notice .box_control {position: absolute;left: 0;bottom: 10px;width: 100%;z-index: 99;}
.text_visual_notice .box_control_slider2  {margin: 0 auto;position: relative;}
.text_visual_notice .box_control_slider2 .btn_control_slide a {
	display: block;/* 202308 text-indent: -999px; */background-repeat: no-repeat; width: 18px; height: 18px; background-position: center center;
}
.text_visual_notice .box_control_slider2 .btn_control_slide.prev {left: 0;}
.text_visual_notice .box_control_slider2 .btn_control_slide.next {right: 0;}
.text_visual_notice .box_control_slider2 .btn_control_slide.pause,
.text_visual_notice .box_control_slider2 .btn_control_slide.stop {right: 13px;}
.text_visual_notice .box_control_slider2 .btn_control_slide {padding: 0;position: absolute;} 
.text_visual_notice .box_control_slider2 .btn_control_slide.prev a {
	background-image: url(/common/images/ptg/common/bg_arrow_slide_prev.png);	
}
.text_visual_notice .box_control_slider2 .btn_control_slide.next a {
	background-image: url(/common/images/ptg/common/bg_arrow_slide_next.png);
}
.text_visual_notice .box_control_slider2 .btn_control_slide.pause a {
	background-image: url(/common/images/ptg/common/bg_arrow_slide_pause.png);
}
.text_visual_notice .box_control_slider2 .btn_control_slide.pause a { width: 18px;height: 18px;}
.text_visual_notice .box_control_slider2 .btn_control_slide.stop a {
	background-image: url(/common/images/ptg/common/bg_arrow_slide_start.png);
}

/* agree */
.grp_agree {
	margin: 0 0 20px;
	padding: 19px 0;
	height: 14px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #eee;
	line-height: 14px;
	text-align: center;
}
.grp_agree div {
	display: inline-block;
	margin: 0 15px;
}
.grp_agree div input:first-child {
	margin-left: 0;
}
.grp_agree div input {
	margin-left: 20px;
}

/* form */
.grp_input {
	display: inline-block;
}
.grp_input.label_hidden > input {
	top: 1px;
}

/* button */
.grp_title > .fr > .button {
}
#button_default,
.grp_button {
	clear: both;
	overflow: hidden;
	margin: 0 0 20px;
	font-size: 0;
	text-align: center;
}
.grp_button > .fl,
.grp_button > .fr {
	margin: 0 -5px !important;
}
.grp_button span {
	display: inline-block;
	margin: 0 5px;
	font-size: 14px;
	color: #404040;
}
.grp_button label {
	font-size: 14px;
	color: #404040;
}
.btn_blue,
.button_apply,
.btn_white,
.btn_gray,
.btn_green,
/* 전자민원 */
div#button_default input[type=button],
div#button_default input[type=submit],
div#button_default a {
	display: inline-block;
	margin: 0 5px;
	padding: 0 20px !important;
	min-width: 100px;
	width: auto !important;
	height: 40px !important;
	line-height: 38px !important;
	font-size: 14px !important;
	font-weight: bold !important;
	text-align: center;
	background-position: 0 0 !important;
	background-image: none !important;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
}
.grp_button input[type=button],
.grp_button input[type=submit],
div#button_default input[type=button],
div#button_default input[type=submit] {
	position: relative;
	top: -6px;
}
.btn_blue:hover,
.button_apply:hover,
.btn_white:hover,
.btn_part_link:hover,
.btn_green:hover,
div#button_default input[type=button]:hover,
div#button_default input[type=submit]:hover,
div#button_default a:hover {
	text-decoration: none;
}
.btn_blue,
.button_apply,
/* 전자민원 */
div#button_default input[type=button],
div#button_default input[type=submit] {
	border-color: #4168cd;
	background-color: #4168cd !important; 
	color: #fff !important;
}
.btn_gray,
.button_apply,
/* 전자민원 */
div#button_default input[type=button],
div#button_default input[type=submit] {
	border-color: #666;
	background-color: #666 !important; 
	color: #fff !important;
}
.btn_white,
/* 전자민원 */
div#button_default a {
	border-color: #646464;
	background-color: #fff !important;
	color: #404040 !important;
}
.btn_green,
/* 전자민원 */
div#button_default a {
	border-color: #709f2b;
	background-color: #709f2b !important;
	color: #fff !important;
}
.size_s {
	height: 24px !important;
	line-height: 22px !important;
	font-size: 13px !important;
}
.size_m {
	height: 30px !important;
	line-height: 28px !important;
	font-size: 13px !important;
}
.btn_in_tbl,
table tr td #button_small > a,
table tr td a.apply {
	display: inline-block;
	position: relative;
	top: 1px;
	padding: 0 8px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #fff !important;
	text-align: center;
	background-color: #6a6a6a;
	border: 0;
}
.btn_in_tbl:hover,
table tr td #button_small > a:hover,
table tr td a.apply:hover {
	text-decoration: none;
}
.grp_button a,
.grp_button button,
.grp_button input[type=button],
.grp_button input[type=submit],
.btn_blue,
.button_apply,
.btn_white,
.btn_in_tbl,
table tr td a.apply,
table tr td #button_small > a,
.btn_part_link,
/* 전자민원 */
div#button_default input[type=button],
div#button_default input[type=submit],
div#button_default a  {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.grp_zoom {
	float: right;
}
/* overwrite : pt */
#button_small {
	display: inline-block;
}
/* .grp_button input[type=submit] {
	position: relative;
	top: -6px;
} */
.btn_part_link {
	display: inline-block;
	padding: 0 20px;
	height: 26px;
	line-height: 23px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	border: 1px solid #b8b8b8;
}

/* tab */
.tab_container.style_01 > .tab_list {
	margin-bottom: 20px;
	height: 38px;
	border-bottom: 2px solid #27355b;
}
.tab_container.style_01 > .tab_list > ul {
	overflow: hidden;
}
.tab_container.style_01 > .tab_list > ul > li:first-child {
	margin-left: 0;
}
.tab_container.style_01 > .tab_list > ul > li {
	float: left;
	position: relative;
	top: 2px;
	margin-left: 1px;
	min-width: 147px;
	height: 34px;
	border-width: 2px 2px 0;
	border-style: solid;
	border-color: #e9e9e9;
}
.tab_container.style_01 > .tab_list > ul > li:first-child {
	min-width: 148px;
}
.tab_container.style_01 > .tab_list > ul > li.active,
.tab_container.style_01 > .tab_list > ul > li:hover {
	top: 0;
	height: 38px;
	border-color: #27355b;
}
.tab_container.style_01 > .tab_list > ul > li > a,
.tab_container.style_01 > .tab_list > ul > li > span {
	display: block;
	padding: 0 10px;
	height: 100%;
	line-height: 34px;
	color: #27355b;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
.tab_container.style_01 > .tab_list > ul > li.active a,
.tab_container.style_01 > .tab_list > ul > li:hover a,
.tab_container.style_01 > .tab_list > ul > li.active span,
.tab_container.style_01 > .tab_list > ul > li:hover span {
	line-height: 38px;
	background-color: #fff;
}
.tab_container .tab_content .tab_item {
	display: none;
	/* margin-top: 20px; */
	min-height: 100px; 
}
.tab_container .tab_content .tab_item.active {
	display: block;
}
.tab_container.style_02 > .tab_list {
	margin-bottom: 20px;
}
.tab_container.style_02 > .tab_list > ul {
	display: table;
	width: 100%;
	height: 38px;
}
.tab_container.style_02 > .tab_list > ul > li {
	display: table-cell;
	position: relative;
	padding-left: 1px;
	height: 100%;
}
.tab_container.style_02 > .tab_list > ul > li:first-child {
	padding-left: 0;
}
.tab_container.style_02 > .tab_list > ul > li > a {
	display: block;
	height: 100%;
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #f3f3f3;
	background-color: #f3f3f3;
	font-size: 14px;
	font-weight: bold;
	line-height: 37px;
	color: #404040;
	text-align: center;
	/* -webkit-border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	-o-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0; */
}
.tab_container.style_02 .tab_list > ul > li.active > a,
.tab_container.style_02 .tab_list > ul > li > a:hover {
	color: #4168cd;
	border-color: #4168cd;
	background-color: #fff;
	text-decoration: none;
}
.tab_row {
	position: relative;
}
.tab_row .item {
	overflow: hidden;
}
.tab_row .item .item_title {
	display: table-cell;
	vertical-align: middle;
	width: 200px;
	height: 140px;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #c7c7c7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/common/images/ptg/common/bg_tab_style02_title.png) repeat-x top;
}
.tab_row .item.active .item_title,
.tab_row .item .item_title:hover {
	border-width: 3px 0 3px 3px;
	border-color: #9bc9e6;
}
.tab_row .item:first-child .item_title {
	border-top: 1px solid #c7c7c7;
}
.tab_row .item.active:first-child .item_title,
.tab_row .item:first-child .item_title:hover {
	border-top: 3px solid #9bc9e6;
}
.tab_row .item .item_title > span {
	display: inline-block;
	margin-left: 20px;
	height: auto !important;
}
.tab_row .item.active .item_title > span,
.tab_row .item .item_title:hover > span {
	margin-left: 18px;
}
.tab_row .item .item_cont {
	display: none;
	position: absolute;
	top: 0;
	left: 200px;
	right: 0;
	bottom: 0;
	padding: 20px 25px;
	border: 3px solid #9bc9e6;
}
.tab_row .item.active .item_cont {
	display: block;
}
.tab_row .item .item_title > span,
.tab_row .item .item_cont > h4 {
	padding-left: 45px;
	height: 27px;
	color: #3e799c;
	font-size: 16px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left center;
}
.tab_row .item:nth-child(1) .item_title > span,
.tab_row .item:nth-child(1) .item_cont > h4 {
	background-image: url(/common/images/ptg/content/ses/charge_dd_no1.png);
}
.tab_row .item:nth-child(2) .item_title > span,
.tab_row .item:nth-child(2) .item_cont > h4 {
	background-image: url(/common/images/ptg/content/ses/charge_dd_no2.png);
}
.tab_row .item:nth-child(3) .item_title > span,
.tab_row .item:nth-child(3) .item_cont > h4 {
	background-image: url(/common/images/ptg/content/ses/charge_dd_no3.png);
}
.tab_row .item .item_cont > dl > dt,
.tab_row .item .item_cont > ul > li {
	background: url(/common/images/ptg/content/ses/apply_way_icon2.gif) no-repeat 8px 13px;
}
.tab_row .item .item_cont > dl > dt,
.tab_row .item .item_cont > dl > dd,
.tab_row .item .item_cont > ul > li {
	padding: 4px 15px;
	border-top: 1px dashed #c0c0c0;
}
.tab_row .item .item_cont > dl > dd > ul > li:before {
	content: '-';
	padding-right: 5px;
}
.tab_row .item .item_cont > dl > dd > ul > li {
	padding-left: 13px;
	text-indent: -13px;
}
.tab_row .item .item_cont > dl > dd > ul > li span {
	display: block;
}
.tab_row .item .item_cont > dl > dd > ul > li em {
	color: #595959;
	font-weight: bold;
}

/* search */
.grp_search {
	margin-bottom: 20px;
	padding: 14px 136px 14px 0;
	border: 4px solid #eaeaea;
	background-color: #fff;
}
.grp_search:after {
	clear: both;
	display: block;
	content: '';
}
.grp_search > div {
	float: left;
}
.grp_search .search_term .tbl_search {
	border: 0;
}
/* overwrite */
.grp_search .search_term .tbl_search th,
.grp_search .search_term .tbl_search td {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}
.grp_search .search_term .tbl_search th,
.grp_search .search_term .tbl_search td.th {
	margin: 0;
	padding: 5px 0 5px 20px;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	position: relative;
}
.en .grp_search .search_term .tbl_search th {
	letter-spacing: -1px;
}
/* .grp_search .search_term .tbl_search th:first-child {
	padding: 5px 0 5px 15px;
} */
.grp_search .search_term .tbl_search th:before,
.grp_search .search_term .tbl_search td.th:before {
	content: '';
	display: inline-block;
	/* position: relative; */
	position: absolute;
	left: 10px;
	top: 65%;
	/* top: -4px; 
	margin-right: 5px;*/
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background-color: #878787;
}
.grp_search .search_term .tbl_search td {
	margin: 0;
	padding: 5px 0;
}
.grp_search .search_term .tbl_search td > input[type=text],
.grp_search .search_term .tbl_search td > select {
	width: 100%;
}
.grp_search .search_term .grp_image {
	padding-left: 26px;
	text-align: left;
}
.grp_search .search_term .text_em_bottom {
	margin: 8px 0 0 26px;
	min-height: 11px;
}
.grp_search .search_term .text_em_bottom span {
	line-height: 11px;
	font-size: 12px;
	color: #f1571a;
}
.grp_search .search_term .text_em_bottom .btn_white {
	padding: 0 10px !important;
	height: 22px !important;
	line-height: 20px !important; 
	font-size: 12px !important;
	text-align: center;
}
.grp_search .search_button {
	margin-right: -110px;
	width: 110px;
	
}
.btn_darkblue {
	margin: 0;
	width: 90px;
	height: 30px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	border: 0;
	background-color: #27355b;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
}
.grp_search .search_button > .btn_search {
	margin: 6px 0 0 20px;
	width: 90px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	border: 0;
	background-color: #27355b;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
	display: block;
}
.grp_search.bg_type_01 {
	overflow: hidden;
	padding: 10px 120px 10px 140px;
	min-height: 70px;
	border: 1px solid #d8d7d7;
	background: #f5f5f5 url(/common/images/ptg/content/ses/ses_app_search_bg.jpg) no-repeat left center;
}
.grp_search.bg_type_01 > .search_button {
	margin-right: -100px;
	width: 100px;
}
.grp_search.bg_type_01 .search_term .tbl_search th:first-child {
	padding: 5px 0 5px 20px;
}
.grp_search.bg_type_01 .search_term .tbl_search th:before {
	display: none;
}
.grp_search.bg_type_02 {
	overflow: hidden;
	padding: 6px 150px 6px 269px;
	height: 107px;
	border: 1px solid #d8d7d7;
	background: #f5f5f5;
	/* background: #f5f5f5 url(/common/images/ptg/content/ses/ses-join-confirm-search_bg.jpg) no-repeat left center; */
	position: relative;
}
.grp_search.bg_type_02 h2 {
	position: absolute;
	top: 14px;
	left: 0;
	background: none;
	padding: 0;
	margin: 0;
}
.grp_search.bg_type_02 .search_term {
	padding-left: 20px;
}
.grp_search.bg_type_02 .search_term .tbl_search th:before {
	display: none;
}
.grp_search.bg_type_02 > .search_button {
	margin-right: -130px;
	width: 130px;
}
.grp_search.bg_type_02 .search_button > .btn_search {
	margin-top: 45px;
	width: 120px;
}


.list_button {
	display: table;
	width: 100%;
}
.list_button li {
	display: table-cell;
	padding-left: 1px;
}
.list_button li:first-child {
	padding-left: 0;
}
.list_button li a {
	display: block;
	padding: 0; /* overwitting */
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #404040;
	background-color: #fff; /* overwitting */
	border: 1px solid #e9e9e9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.list_button li a:hover,
.list_button li.active a {
	color: #fff !important;
	font-weight: bold;
	border-color: #e9e9e9;
	background-color: #27355b;
	text-decoration: none;
}

/* form */
.frame_agreement {
	overflow-x: hidden;
	overflow-y: auto;
	padding: 8px 12px;
	height: 230px;
	border: 1px solid #e9e9e9;
}
.ipt_calendar {
	overflow: hidden;
	width: 135px;
	/* width: 100px; psy */
	/* padding-right: 31px; psy */
}
.ipt_calendar > * {
	float: left;
}
.ipt_calendar > .input_area  {
	width: 100%;
}
.ipt_calendar > .input_area > input {
	/* width: 100%; psy */ 
	width: 60%;
	min-width: 95px;
}
.ipt_calendar > .button_area {
	margin-right: -31px;
	width: 31px;
}
.ipt_calendar > .button_area > .btn_cal {
	display: inline-block;
	position: relative;
	top: 2px;
	margin-left: 8px;
	width: 23px;
	height: 26px;
	text-indent: -9999px;
	background: url(/common/images/ptg/common/ico_calendar.png) no-repeat;
}
.fl > .ipt_calendar + .tip {
	margin: 3px 0 0  10px;
}

.ipt_period {
	display: inline-block;
	overflow: hidden;
	height: 30px;
}
.ipt_period > .ipt_calendar {
	display: inline-block;
}
.ipt_period > span.sep {
	position: relative;
	top: -10px;
	margin: 0 4px 0 3px;
}

.box_text_01 {
	padding: 10px 8px;
	color: #595959 !important;
	border: 3px solid #cfcfcf;
	font-weight: normal;
}
.box_text_02 {
	overflow: hidden;
	border-width: 1px 0;
	border-style: solid;
	border-color: #cfcfcf;
	padding: 16px 19px;
	background: #f9f9f9;
	line-height: 22px;
}
.box_text_03 {
	margin-bottom: 20px;
	padding: 12px 16px;
	border: 4px solid #d8dff0;
	background-color: #fff;
}
.box_text_03 ul li {
	padding-left: 10px;
	font-size: 14px;
	color: #404040;
	background: url(/common/images/ptg/content/bul_gray.png) no-repeat left 9px;
}

.box_link {
	overflow: hidden;
	margin: 10px 0 20px;
	padding: 16px 20px 17px;
	border: 4px solid #eaeaea;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
}
.box_link ul {	
	display: table;
	width: 100%;
}
.box_link ul li {
	display: table-cell;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.box_link.col2 ul li {
	display: inline-block; /* overwritting */
	float: left;
	width: 50%;
}
.box_link.col3 ul li {
	display: inline-block; /* overwritting */
	float: left;
	width: 33.33%;
}
.box_link.col4 ul li {
	display: inline-block; /* overwritting */
	float: left;
	width: 25%;
}
.en .box_link.col4 ul li { width: 33.3333%; }
.box_link li{margin-bottom: 10px;}
.box_link a,
.box_link .link_selected {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	padding-left: 16px;
	text-indent: -12px;
	line-height: 130%;
}
.box_link a:before,
.box_link .link_selected:before {
	content: '';
	display: inline-block;
	position: relative;
	top: -5px;
	margin-right: 10px;
	width: 3px;
	height: 3px;
	background-color: #878787;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.box_link .link_selected:before {
	margin-right: 6px !important;
}
.box_link a:hover,
.box_link ul li.active a,
.box_link .link_selected {
	color: #428bda;
}

.box_gray {
	display: inline-block;
	padding: 5px 10px 6px;
	border: 1px solid #d6d6d6;
}

/* page list */
.paging {	
	margin: 10px 0 0;
	text-align: center;
}
.paging .list_page {
	display: inline-block;
}
.paging .list_page a {
	float: left;
	margin: 0 10px;
	height: 28px;
	color: #404040;
	line-height: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.paging .list_page a:hover {
	text-decoration: none;
}
.paging .list_page a.current {	
	font-weight: bold;
	color: #428bda;
}
.paging .list_page a.btn_go {
	border: 1px solid #e5e5e5;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
.paging .list_page a.btn_go.first,
.paging .list_page a.btn_go.prev10,
.paging .list_page a.btn_go.prev {
	/* margin: 0 5 0 0 !important; */
}
.paging .list_page a.btn_go.end,
.paging .list_page a.btn_go.next10,
.paging .list_page a.btn_go.next {
	margin: 0 0 0 5px !important;
}
.paging .list_page a.btn_go.first {
	width: 45px;
	background-image: url(/common/images/ptg/common/bg_arrow_page_first.png);
}
.paging .list_page a.btn_go.first.active {
	background-image: url(/common/images/ptg/common/bg_arrow_page_first_on.png);
}
.paging .list_page a.btn_go.prev10 {
	width: 30px;
	background-image: url(/common/images/ptg/common/bg_arrow_page_prev10.png);
}
.paging .list_page a.btn_go.prev10.active {
	background-image: url(/common/images/ptg/common/bg_arrow_page_prev10_on.png);
}
.paging .list_page a.btn_go.prev {
	width: 30px;
	background-image: url(/common/images/ptg/common/bg_arrow_page_prev.png);
}
.paging .list_page a.btn_go.prev.active {
	background-image: url(/common/images/ptg/common/bg_arrow_page_prev_on.png);
}
.paging .list_page a.btn_go.next {
	width: 30px;
	background-image: url(/common/images/ptg/common/bg_arrow_page_next.png);
}
.paging .list_page a.btn_go.next.active {
	background-image: url(/common/images/ptg/common/bg_arrow_page_next_on.png);
}
.paging .list_page a.btn_go.next10 {
	width: 30px;
	background-image: url(/common/images/ptg/common/bg_arrow_page_next10.png);
}
.paging .list_page a.btn_go.next10.active {
	background-image: url(/common/images/ptg/common/bg_arrow_page_next10_on.png);
}
.paging .list_page a.btn_go.end {
	width: 45px;
	background-image: url(/common/images/ptg/common/bg_arrow_page_end.png);
}
.paging .list_page a.btn_go.end.active {
	background-image: url(/common/images/ptg/common/bg_arrow_page_end_on.png);
}

.box_frame {
	overflow-x: hidden;
	overflow-y: auto;
	height: 400px;
}

/* list */
.list_style_01:first-child {
	margin: -5px 0 0;
}
.list_style_01 {
	overflow: hidden;
	margin: 12px 0 0;
	padding-left: 18px;
	background: url(/common/images/ptg/content/ses/app_step_ic_arr.gif) no-repeat left 5px;
}
.list_style_01 .text:before {
	content: '';
	display: block;
	clear: both;
}
.list_style_01 .text {
	clear: both !important;
	float: none !important;
}
.list_style_01 > .fr > .grp_input {
	margin-top: 2px;
}

.list_style_02 {
	overflow: hidden;
}
.list_style_02 li:before {
	content: '※';
	position: absolute;
	left: 0;
}
.list_style_02 li {
	position: relative;
	padding-left: 16px;
}

.desc_style_01 li {
	margin-top: 17px;
}
.desc_style_01 li:nth-child(1),
.desc_style_01 li:nth-child(2) {
	margin-top: 0;
}
.desc_style_01 li:nth-child(2n-1) {
	padding-right: 10px;
}
.desc_style_01 li:nth-child(2n) {
	padding-left: 10px;
}
.desc_style_01 li > .title {
	margin: -5px 0 3px 0;
	font-weight: bold;
}
.desc_style_01 li > .link {
	overflow: hidden;
	padding-bottom: 12px;
	border-bottom: 1px dotted #ccc;
}
.desc_style_01 li > .link a {
	float: left;
	margin-right: 10px;
	font-weight: normal;
}
.desc_style_01 li > .link a:before {
	margin-right: 4px;
}

.list_style_dash {
	overflow: hidden;
}
.list_style_dash li:before {
	content: '-';
	position: absolute;
	top: -2px;
	left: 0;
}
.list_style_dash li {
	position: relative;
	padding-left: 11px;
}

.list_history {
	overflow: hidden;
}
.list_history > dt,
.list_history > dd {
	float: left;
}
.list_history > dt {
	width: 8%;
	font-weight: bold;
}
.list_history > dd {
	width: 92%;
}

/* grid */
.grp_grid_top {
	margin-bottom: 6px;
}
.list_expand_toggle {
	overflow: hidden;
}
.list_expand_toggle > li {
	overflow: hidden;
}
.list_expand_toggle > li:first-child {
	border-top: 1px solid #e6e6e6;
}
.list_expand_toggle > li > div:before {
	content: '';
	display: block;
	clear: both;
}
.list_expand_toggle > li .bar_title {
	overflow: hidden;
	padding: 15px 20px;
	border-bottom: 1px solid #e6e6e6;
}
.list_expand_toggle > li.checked .bar_title {
	background-color: #fcfdf4;
}
.list_expand_toggle > li .bar_title .fl a {
	display: block;
	padding-left: 20px;
	background: url(/common/images/ptg/common/bg_arrow_check_list_down.png) no-repeat left center;
}
.list_expand_toggle > li .bar_title .fl a:hover {
	text-decoration: none;
}
.list_expand_toggle > li .bar_title .fr input[type=checkbox] {
	margin-top: 7px;
}

/********************************************* main *********************************************/
/**** common ****/
.grp_content_main {
	overflow: hidden;
}
.grp_content_main h2 {
	padding: 0;
	height: 23px;
	line-height: 23px;
	font-size: 24px;
	color: #000;
	background-color: transparent;
}
.layout_main_6_4 {
	padding-right: 388px;
}
.layout_main_6_4 .fl {
	width: 100%;
}
.layout_main_6_4 .fr {
	margin-right: -388px;
	width: 368px;
}
.layout_main_6_4 .fl > div,
.layout_main_6_4 .fr > div {
	width: 100%;
	height: 100%;
}
.en .layout_main_6_4 h2 { letter-spacing: -1px; font-size: 22px;}
.layout_main_6_4 h2 {
	margin: 0 0 17px;
}
.box_st_01 {
	padding: 19px 29px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/**** sec_01 ****/
.grp_content_main.section_01 {
	padding: 20px 0;
	background-color: #f9f9f9;
}
.banner_column_3 {
	/* display: table; */
	float: left;
	margin-bottom: 20px;
	width: 100%;
	height: 100px;
}
.banner_column_3 .banner {
	/* display: table-cell; */
	float: left;
	width: 275px;
	height: 100%;
}
.banner_column_3 .banner:hover {
	-webkit-transition: background-color 500ms ease-in-out;
	-moz-transition: background-color 500ms ease-in-out;
	-o-transition: background-color 500ms ease-in-out;
	transition: background-color 500ms ease-in-out;
}
.banner_column_3 .banner.orange {
	background-color: #ea6b1e;
}
.banner_column_3 .banner.orange:hover {
	background-color: #ff6225;
}
.banner_column_3 .banner.green {
	background-color: #15a13e;
}
.banner_column_3 .banner.green:hover {
	background-color: #03b638;
}
.banner_column_3 .banner.blue { 
	background-color: #2a76c4;
}
.banner_column_3 .banner.blue:hover {
	background-color: #1872d3;
}
.banner_column_3 .banner.deepblue { 
	background-color: #2a445f;
}
.banner_column_3 .banner.deepblue:hover {
	background-color: #182c42;
}
.banner_column_3 .banner > div {
	position: relative;
	width: 100%;
	height: 100%;
}
.banner_column_3 .banner > div > * {
	position: absolute;
}
.ch .banner_column_3 .banner:last-child  > div h3 {
	font-size: 22px;
}
.en .banner_column_3 .banner:last-child  > div h3 {
	font-size: 18px;
}
.banner_column_3 .banner > div h3 {
	top: 18px;
	left: 17px;	
	text-indent: 0;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	line-height: 30px;
	background: none;
}

.en .banner_column_3 .banner > div .btn_apply { font-size: 13px; background-position: 100% 7px;}
.banner_column_3 .banner > div .btn_apply {
	display: inline-block;
	left: 20px;
	bottom: 17px;
	padding-right: 13px;
	font-size: 16px;
	color: #fff;
	background: url(/common/images/ptg/main/bg_arrow_white.png) no-repeat right center;
}
.banner_column_3 .banner > div .btn_apply:hover {
/*	text-decoration: underline;	*/
}
.en .banner_column_3 .banner > div .btn_view_guide { width: 120px;}
.banner_column_3 .banner > div .btn_view_guide {
	display: inline-block;
	right: 20px;
	bottom: 18px;
	padding: 0 0 1px;
	width: 70px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	border: 1px solid #fff;
	/* opacity: 0.4; 2022_a11y
	filter: alpha(opacity=40); */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.banner_column_3 .banner > div .btn_view_guide:hover {
	opacity: 1;
	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}
.menu_primary {
	height: 220px;
}
.menu_primary .my_complaint .box_st_01,
.menu_primary .favorite_menu .box_st_01 {
	height: 180px;
}
.menu_primary .my_complaint .box_st_01 > div {
	float: left;
	height: 100%;
}
.en .menu_primary .my_complaint .box_st_01 .banner{
	width: 140px;
	word-break: keep-all;
}
.menu_primary .my_complaint .box_st_01 .banner {
	width: 170px;
}

.en .menu_primary .my_complaint .box_st_01 .banner > a {
	font-size: 16px;
}
.menu_primary .my_complaint .box_st_01 .banner > a {
	display: block;
	height: 50%;
	color: #fff;
	font-size: 18px;
	text-align: center;
}
.menu_primary .my_complaint .box_st_01 .banner .banner_top {
	background-color: #428bda;
}
.menu_primary .my_complaint .box_st_01 .banner .banner_bottom {
	background-color: #2a435f;
}
.en .menu_primary .my_complaint .box_st_01 .banner a.banner_bottom span{ margin-top: 10px;}
.menu_primary .my_complaint .box_st_01 .banner a span {
	display: inline-block;
	margin-top: 23px;
}
.menu_primary .my_complaint .box_st_01 .banner > a:hover span {
	text-decoration: underline;
}
.menu_primary .my_complaint .box_st_01 .banner .banner_top span {
	padding-left: 28px;
	background: url(/common/images/ptg/main/ico_person.png) no-repeat left center;
}
.en .menu_primary .my_complaint .box_st_01 .link { margin-left: 20px; width: 310px;}
.menu_primary .my_complaint .box_st_01 .link {
	margin-left: 40px;
	width: 250px;
}
.en .menu_primary .my_complaint .box_st_01 .link .list_link{
	margin-top: -5px;
}
.menu_primary .my_complaint .box_st_01 .link .list_link {
	margin-top: 1px;
}
.menu_primary .my_complaint .box_st_01 .link .list_link li a {padding: 3px 0;}
.en .menu_primary .my_complaint .box_st_01 .link .list_link {
	margin-top: 2px;
}
.en .menu_primary .my_complaint .box_st_01 .link .list_link li a{
	letter-spacing: 0;
	font-size: 13px;
	/* line-height: 30px; */
}
.en .menu_primary .favorite_menu .box_st_01 .list_favorite_menu li a{
	font-size: 14px;
}
.menu_primary .my_complaint .box_st_01 .link .list_link li a,
.menu_primary .favorite_menu .box_st_01 .list_favorite_menu li a {
	display: block;
	font-size: 16px;
	background: url(/common/images/ptg/main/bg_arrow_dark_gray.png) no-repeat right center;
}
.menu_primary .my_complaint .box_st_01 .link .list_link li a:hover,
.menu_primary .favorite_menu .box_st_01 .list_favorite_menu li a:hover {
	text-decoration: underline;
}
.menu_primary .my_complaint .box_st_01 .box_image {
	float: right;
	/* margin-left: 12px; */
	width: 170px;
	/* background: url(/common/images/ptg/main/img_search.png) no-repeat; */
	display: table;
}
.menu_primary .my_complaint .box_st_01 .box_image > div {
	display: table-cell;
	vertical-align: middle;
}
.en .menu_primary .my_complaint .box_st_01 .box_image a{ 
	padding-left: 68px; 
	
}
.en .menu_primary .my_complaint .box_st_01 .box_image a.btns-qa {
	padding-top: 20px !important;
}

.menu_primary .my_complaint .box_st_01 .box_image a.btns-qa:after{top: 52%;}
.menu_primary .my_complaint .box_st_01 .box_image a{
	position: relative;
	box-sizing: border-box;
	display: block;
	vertical-align: middle;
	width: 170px;
	height: 66px;
	border:1px solid #cfcfcf;
	background: #fafafa url(/common/images/ptg/main/bg_qa.png) no-repeat 14px 50%;
	font-size: 22px;
	padding-left: 73px;
	border-radius: 5px;	
}
.menu_primary .my_complaint .box_st_01 .box_image a:after{
	content:'';
	position: absolute;
	right: 12px;
	top: 50%;
	/* transform: translate(0, -50%); */
	width: 11px;
	height: 16px;
	margin-top: -8px;
	background: url(/common/images/ptg/main/bg_qa_arr.png) no-repeat;
}
.menu_primary .my_complaint .box_st_01 .box_image a.btns-qa2{
	margin-top: 7px;
	display: block;
	border-color:#b2d2f4;
	background: #ecf5ff url(/common/images/ptg/main/bg_qa2.png) no-repeat 14px 50%;
	font-size: 16px;
}
.en .menu_primary .my_complaint .box_st_01 .box_image .btns-qa2 span { 
	font-size: 13px;
	font-weight: bold;
	line-height: 120%;
	padding-top: 2px;
}
.menu_primary .my_complaint .box_st_01 .box_image a.btns-qa span {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
}
.menu_primary .my_complaint .box_st_01 .box_image span {
	display: block;
	max-width: 66px;
}
.menu_primary .my_complaint .box_st_01 .box_image span.type {
	margin-top:11px
}
.menu_primary .favorite_menu .box_st_01 .list_favorite_menu li {
	border-top: 1px solid #dcdcdc;
}
.menu_primary .favorite_menu .box_st_01 .list_favorite_menu li:first-child {
	border-top: 0;
}
.menu_primary .favorite_menu .box_st_01 .list_favorite_menu li a {
	height: 27px;
	line-height: 27px;
}

/**** sec_02 ****/
.en .grp_content_main.section_02{
	height: 225px;
}
.grp_content_main.section_02 {
	padding: 25px 0 20px;
	min-height: 210px;
	background-color: #e4e4e4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;	
}
.grp_content_main.section_02 .inner {
	/* width: 1020px !important; */
}
.en .grp_content_main.section_02 .inner > div h1 { font-size: 13px; line-height: 130%; padding-top: 5px; padding-bottom: 10px; max-width: 160px; }
.grp_content_main.section_02 .inner > div span.h1{ display: inline-block; max-width: 140px; margin: 0 auto;color: #000;font-weight: bold; }
.en .grp_content_main.section_02 .inner > div:last-child h1{ }
.grp_content_main.section_02 .inner > div {
	float: left;
	/* margin-left: 60px; */
	text-align: center;
	width: 13.6666%;
	text-align: center;
}
.grp_content_main.section_02 .inner{}
.grp_content_main.section_02 .inner > div:first-child {
	margin-left: 0;
}
.grp_content_main.section_02 .inner > div a {
	display: inline-block;
	width: 100%;
	height: 165px;
	word-break: keep-all;
}
.grp_content_main.section_02 .inner > div a .box_image {
	width: 120px;
	height: 120px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
}
.grp_content_main.section_02 .inner > div a:hover {
	text-decoration: none;
}
.grp_content_main.section_02 .inner > div a:hover .box_image {
	width: 116px;
	height: 116px;
	border: 2px solid #727272;
	background-color: #fffaef;
}
.grp_content_main.section_02 .inner .box_image1 a .box_image {
	background-image: url(/common/images/ptg/main/ico_banner_center_01.png);
}
.grp_content_main.section_02 .inner .box_image2 a .box_image {
	background-image: url(/common/images/ptg/main/ico_banner_center_02.png);
}
.grp_content_main.section_02 .inner .box_image3 a .box_image {
	background-image: url(/common/images/ptg/main/ico_banner_center_03.png);
}
.grp_content_main.section_02 .inner .box_image4 a .box_image {
	background-image: url(/common/images/ptg/main/ico_banner_center_04.png);
}
.grp_content_main.section_02 .inner .box_image5 a .box_image {
	background-image: url(/common/images/ptg/main/ico_banner_center_05.png);
}
/* .grp_content_main.section_02 .inner .box_image6 a .box_image {
	background-image: url(/common/images/ptg/main/ico_banner_center_06.png);
} */
.grp_content_main.section_02 .inner .box_image6 a .box_image {
	background-image: url(/common/images/ptg/main/ico_banner_center_07.png);
}
.grp_content_main.section_02 .inner .box_image7 a .box_image {
	background-image: url(/common/images/ptg/main/ico_banner_center_08.png); /* 출입국민원 대행기관 배너 신규추가  */
}
.grp_content_main.section_02 .inner > div a h3 {
	margin-top: 8px;
	text-indent: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background: none;
	text-align: center;
}
.grp_content_main.section_02 .inner > div a:hover h3 {
	font-weight: bold;
}

/**** sec_03 ****/
.grp_content_main.section_03 {
	background-color: #fff;
}
/* notice */
.main_board {
	margin: 30px 0 25px;
	padding-left: 200px;
	overflow: hidden;
}
.main_board > div {
	float: left;
}
.main_board > .title {
	position: relative;
	margin-left: -200px;
	width: 200px;
}
.main_board > .title:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 45px;
	background-color: #dcdcdc;
}
.main_board > .title h2 {
	float: none;
}
.main_board > .title .btn_go_view {
	position: relative;
	top: 4px;
	margin-left: 35px;
	padding-right: 13px;
	font-size: 12px;
	background: url(/common/images/ptg/main/bg_arrow_dark_gray.png) no-repeat right center / 6px 10px;
}
.main_board > .title2 {
	position: relative;
	margin-left: -20px;
	width: 200px;
}

.main_board > .title2 h2 {
	float: none;
}
.main_board > .title2 .btn_go_view {
	position: relative;
	top: 4px;
	margin-left: 35px;
	padding-right: 13px;
	font-size: 12px;
	background: url(/common/images/ptg/main/bg_arrow_dark_gray.png) no-repeat right center / 6px 10px;
}
.main_board > .list {
	width: 100%;
	height: 100%;
}
.main_board > .list .list_board {
	overflow: hidden;
}
.main_board > .list .list_board li {
	float: left;
	width: 50%;
	height: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px 0;
}
.main_board > .list .list_board.row_1 li {
	height: 100%;
}
.main_board > .list .list_board.row_2 li {
	height: 50%;
}
.main_board > .list .list_board li:nth-child(2n-1) {
	padding-left: 28px;
}
.main_board > .list .list_board li:nth-child(2n) {
	padding-left: 30px;
}
.main_board > .list .list_board li div {
	overflow: hidden;
}
.main_board > .list .list_board.row_1 li div {
	margin-top: 11px;
}

.main_board > .list .list_board li div a:focus{ /* 202308 */ outline: 1px auto #000; outline-offset: -2px; }

.main_board > .list .list_board li div a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	width: calc(100% - 80px);
	height: 22px;
	font-size: 16px;
}
.main_board > .list .list_board li div a:hover {
	text-decoration: underline;
}
.main_board > .list .list_board li div span {
	float: right;
	font-size: 13px;
	color: #918d8d;
	letter-spacing: 0;
}

/* sec_04 */
.grp_content_main.section_04 {
	padding: 29px 0 10px;
	border-top: 1px solid #e3e3e3;
	background-color: #fff;
}
.news_information {
	height: 230px;
}
.news_information .news_letter {
	position: relative;
}
.news_information .news_letter > h2 {
	float: left;
}
.news_information .news_letter .box_control_slider {
	z-index: 0;
	float: right;
	position: relative;
	margin-top: 5px;
	height: 24px;
}
.news_information .news_letter .box_control_slider .btn_control_slide {
	position: absolute;
}
.news_information .news_letter .box_control_slider .btn_control_slide a {
	display: block;
	width: 18px;
	height:18px;
	background-repeat: no-repeat;
	background-position: center center;
}
.news_information .news_letter .box_control_slider .btn_control_slide.prev,
.news_information .news_letter .box_control_slider .btn_control_slide.next {
	top: 0;
}
.news_information .news_letter .box_control_slider .btn_control_slide.prev {
	left: 0;
}
.news_information .news_letter .box_control_slider .btn_control_slide.prev a {
	background-image: url(/common/images/ptg/common/bgB_arrow_slide_prev.png);
}
.news_information .news_letter .box_control_slider .btn_control_slide.pause,
.news_information .news_letter .box_control_slider .btn_control_slide.stop  {
	margin-top: 0;
	right: 20px;
}
.news_information .news_letter .box_control_slider .btn_control_slide.pause a {
	background-image: url(/common/images/ptg/common/bgB_arrow_slide_pause.png);
}
.news_information .news_letter .box_control_slider .btn_control_slide.stop a {
	background-image: url(/common/images/ptg/common/bgB_arrow_slide_start.png);
}
.news_information .news_letter .box_control_slider .btn_control_slide.next {
	right: 0;
}
.news_information .news_letter .box_control_slider .btn_control_slide.next a {
	background-image: url(/common/images/ptg/common/bgB_arrow_slide_next.png);
}
.news_information .news_letter > .box_st_01,
.news_information .help_center > .box_st_01 {
	clear: both;
	height: 190px;
}
.news_information .news_letter > .box_st_01 {
	z-index: 10;
}
.news_information .news_letter .box_st_01 .bx-wrapper {
	position: relative;
	margin: 0;
}
.news_information .news_letter .box_st_01 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	top: -56px;
	right: 10px;
	bottom: auto;
	left: auto;
	padding-top: 0;
	width: auto;
}
.news_information .news_letter .box_st_01 .bx-wrapper .bx-pager.bx-default-pager a{
	padding: 4px;
}
.news_information .news_letter .box_st_01 .bx-wrapper .bx-pager.bx-default-pager a::before{
	content:'';
	display: block;
}
.news_information .news_letter .box_st_01 .bx-wrapper .bx-pager.bx-default-pager a::before,
.news_information .news_letter .box_st_01 .bx-wrapper .bx-pager.bx-default-pager a:hover::before {
	width: 10px;
	height: 10px;
	background: #767676;/* 2022_a11y */
	border-radius: 5px;
}
.news_information .news_letter .box_st_01 .bx-wrapper .bx-pager.bx-default-pager a.active::before {
	width: 24px;
	transition: width 50ms ease-in-out;
}
.news_information .news_letter .box_st_01 .bx-wrapper .bx-pager.bx-default-pager a.active {
	width: 16px;
	-webkit-transition: width 50ms ease-in-out;
	-moz-transition: width 50ms ease-in-out;
	-o-transition: width 50ms ease-in-out;
	transition: width 50ms ease-in-out;
}
.news_information .news_letter .box_st_01 > div {
	height: 100%;
}
.news_information .news_letter .box_st_01 .box_title {
	float: left;
	width: 342px;
}
.news_information .news_letter .box_st_01 .box_title a {
	display: block;
}
.news_information .news_letter .box_st_01 .box_title a .title {
	margin-top: 7px;
	font-size: 18px;
}
.news_information .news_letter .box_st_01 .box_title a .title span {
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}	
.news_information .news_letter .box_st_01 .box_title a .desc {
	margin-top: 24px;
	height: 54px;
	font-size: 14px;
	line-height: 18px;
}
.news_information .news_letter .box_st_01 .box_title a .reg_date {
	margin-top: 12px;
	font-size: 14px;
	color: #a8a8a8;
	letter-spacing: -1.2px;
}
.news_information .news_letter .box_st_01 .box_title a:hover .title,
.news_information .news_letter .box_st_01 .box_title a:hover .desc {
	text-decoration: underline;
}
.news_information .news_letter .box_st_01 .box_image {
	float: right;
	width: 280px;
}
.news_information .news_letter .box_st_01 .box_image a {
	display: block;
}
.news_information .help_center > .box_st_01 {
	background: url(/common/images/ptg/main/bg_box_help_center.png) no-repeat right top;
}
.news_information .help_center .box_st_01 .call {
	margin-top: 10px;
	height: 38px;
}
.news_information .help_center .box_st_01 .call span {
	position: relative;
	font-size: 16px;
}
.news_information .help_center .box_st_01 .call span.number {
	top: 4px;
	left: -4px;
	font-size: 48px;
	font-weight: bold;
	color: #f35b00;
}
.news_information .help_center .box_st_01 .text_guide {
	margin-top: 22px;
}
.news_information .help_center .box_st_01 .text_guide .text_q .row {
	overflow: hidden;
	height: 18px;
}
.news_information .help_center .box_st_01 .text_guide .text_q .row.last {
	margin-top: 4px;
}
.news_information .help_center .box_st_01 .text_guide .text_q .row span {
	position: relative;
	top: -3px;
	color: #fff;
	font-size: 18px;
	background-color: #444;
}
.news_information .help_center .box_st_01 .text_guide .text_q .row.last span {
	padding-right: 7px;
}
.en .news_information .help_center .box_st_01 .text_guide .text_a { letter-spacing: 0; font-size: 16px;}
.news_information .help_center .box_st_01 .text_guide .text_a {
	margin-top: 10px;
	font-size: 18px;
	letter-spacing: -2px;
}
.main_link {
	padding: 20px 0 0;
	margin-top: 20px;
	border-top: 1px solid #e4e4e4;
}
.main_link .list_link {
	height: 50px;
	border: 1px solid #dcdcdc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.main_link .list_link li {
	float: left;
	position: relative;
	width: 16.66%;
	height: 48px;
}
.main_link .list_link li:first-child {
	width: 16.67%;
}
.main_link .list_link li:before {
	z-index: 10;
	content: '';
	display: inline-block;
	position: absolute;
	top: 12px;
	left: 0;
	width: 1px;
	height: 25px;
	background-color: #e5e5e5;
}
.main_link .list_link li:first-child:before {
	display: none;
}
.main_link .list_link li a {
	display: block;
	height: 100%;
	text-indent: -9999px;
	background-position: center;
	background-repeat: no-repeat;
}
.main_link .list_link li:nth-child(1) a {
	background-image: url(/common/images/ptg/main/img_logo_link_01.png);
}
.main_link .list_link li:nth-child(2) a {
	background-image: url(/common/images/ptg/main/img_logo_link_02.png);
}
.main_link .list_link li:nth-child(3) a {
	background-image: url(/common/images/ptg/main/img_logo_link_03.png);
}
.main_link .list_link li:nth-child(4) a {
	background-image: url(/common/images/ptg/main/img_logo_link_04.png);
}
.main_link .list_link li:nth-child(5) a {
	background-image: url(/common/images/ptg/main/img_logo_link_05.png);
}
.main_link .list_link li:nth-child(6) a {
	background-image: url(/common/images/ptg/main/img_logo_link_06.png);
}

.main_link .list_link2 {
	height: 50px;
	border: 1px solid #dcdcdc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}


.main_link .list_link2 li {
	float: left;
	position: relative;
	width: 16.66%;
	height: 48px;
}

.main_link .list_link2 li:first-child {
	width: 16.67%;
}
.main_link .list_link2 li:before {
	z-index: 10;
	content: '';
	display: inline-block;
	position: absolute;
	top: 12px;
	left: 0;
	width: 1px;
	height: 25px;
	background-color: #e5e5e5;
}

.main_link .list_link2 li:first-child:before {
	display: none;
}

.main_link .list_link2 li a {
	display: block;
	height: 100%;
	text-indent: -9999px;
	background-position: center;
	background-repeat: no-repeat;
}

.main_link .list_link2 li:nth-child(1) a {
	background-image: url(/common/images/ptg/main/img_logo_link_07.png); /* 2021-12-07 단기숙박외국인 로고 추가  */
}


/* table */
.grp_table {
	overflow: hidden;
	margin: 0 0 20px 0;
}
.grp_table.scroll_x {
	overflow-x: auto;
	height: auto;
}
.grp_table.scroll_y {
	overflow-y: auto;
	height: 300px;
	border: 1px solid #d6d6d6;
}
.grp_table.scroll_y table th,
.grp_table.scroll_y table td {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #d6d6d6;
}
.grp_table.scroll_y table th:first-child,
.grp_table.scroll_y table td:first-child {
	border-width: 0 0 1px 0;
}
.txt_top_grid {
	overflow: hidden;
	margin-bottom: 6px;
}
.txt_top_grid a,
.txt_top_grid input[type=button] {
	margin: 0; 
}
.txt_bottom_grid {
	overflow: hidden;
	margin-top: 5px;
}

table th *,
table td * {
	font-size: 14px;
	white-space: initial;
}
table thead th {
	padding: 6px 10px 6px 10px;
} 
table th {
	padding: 6px 10px 6px 18px;
	color: #444;
	font-weight: bold;
	background-color: #f7f7f7;
	line-height: 18px;
	border: 1px solid #d6d6d6;
}
table th.necessary:before {
	content: '*';
	float: left;
	margin-left: -10px;
	color: #e94227;
	font-weight: normal;
	font-size: 14px;
}
table th,
table td {
	height: 32px;
}
table td {
	padding: 6px 10px;
	color: #404040;
	/* font-size: 0; */
	border: 1px solid #d6d6d6;
	/* background-color: #FFFFFF; */
}
table td > table th,
table td > table td {
	border: none;
	background: transparent;
}
table th.sub_grid{
	padding: 6px 10px 6px 18px !important;
	background-color: #f7f7f7 !important;
	border: 1px solid #d6d6d6 !important;
	height : 25px !important;
}
table td.sub_grid{
	padding: 6px 10px;
	border: 1px solid #d6d6d6 !important;
	background-color: #FFFFFF !important;
	height : 25px !important;
}
table td > table th.sub_grid{
	padding: 6px 10px 6px 18px !important;
	background-color: #f7f7f7 !important;
	border: 1px solid #d6d6d6 !important;
	height : 25px !important;
}
table td > table td.sub_grid{
	padding: 6px 10px;
	border: 1px solid #d6d6d6 !important;
	background-color: #FFFFFF !important;
	height : 25px !important;
}

table.grid .tdLabel {
	width: 19%;
}
table.grid .tdLabel2 {
	width: 7%;
}
.en #popup_body table.grid .tdLabel {
	width: 22%;
}
table.grid thead > tr > th {
	padding: 6px 10px;
	text-align: center;
}
table tbody > tr > td > .row:first-child {
	margin-top: 0;
}
table tbody > tr > td > .row {
	margin-top: 4px;
}
.tdData ul {
	margin-left: 18px;
	padding-left: 0;
}
.tdData ul li {
	list-style: disc;
}
.tdData ul li ul li {
	list-style: circle;
}

.en .th_date{ width: 16% !important; }
.en .th_tels{ width: 11% !important; }
.en .th_w20p{ width: 20% !important; }
.en .th_w18p{ width: 18% !important; }

/************************************** alert *************************************/
.grp_alert {
	overflow: hidden;
	margin: 0 0 20px;
	padding: 15px 40px 17px 135px;
	min-height: 69px;
	background: #faf6ed url(/common/images/ptg/common/bg_alert.png) no-repeat 47px 32px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.grp_alert > .title {
	font-weight: bold;
	color: #f1571a;
}
.grp_alert > .desc {
	margin-top: 7px;
	color: #4e4e4e;
	line-height: 20px;
}

.grp_alert_i {
	margin-bottom: 10px;
	padding-left: 42px;
	min-height: 32px;
	background: url(/common/images/ptg/content/pt/common/icon/ico_confirm2.gif) no-repeat left 5px;
}

/************************************** message *************************************/
.grp_message {
	overflow: hidden;
	margin: 50px 0;
	padding-top: 66px;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
.grp_message.success {
	background-image: url(/common/images/ptg/common/ico_complete.png);
}
.grp_message.fail {
	background-image: url(/common/images/ptg/common/ico_fail.png);
}
.grp_message > .title {
	font-size: 22px;
	font-weight: bold;
	color: #000;
}
.grp_message > .desc {
	margin-top: 25px;
	padding-bottom: 15px;
	background: url(/common/images/ptg/common/bg_message_bottom.png) no-repeat center bottom;
}
.grp_message > .desc .list_text li:before {
	content: '-';
	margin-right: 6px;
}


/************************************** file upload *************************************/
.grp_upload_file {
	overflow: hidden;
	margin-top: 1px; 
}
.grp_upload_file .form_upload {
	overflow: hidden;
	padding-right: 50px;
	font-size: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.grp_upload_file .form_upload,
.grp_upload_file .list_file {
	 width: 600px;
}
.grp_upload_file .form_upload > * {
	float: left;
	font-size: 14px;
}
.grp_upload_file .form_upload .selected {
	width: 100%;
}
.grp_upload_file .form_upload .selected .selected_file_name {
	width: 100%;
}
.grp_upload_file .form_upload .submit {
	position: relative;
	margin-right: -50px;
	width: 50px;
}
.grp_upload_file .form_upload .submit label {
	float: right;
	width: 44px;
	height: 30px;
	line-height: 28px;
	background-color: #4168cd;
	color: #fff;
	text-align: center;
	font-size: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}
.grp_upload_file .form_upload .submit input[type=file] {
	visibility: hidden;
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 30px;
	border: 0;
	outline: none;
}

.grp_upload_file .form_upload .selectedFileName input[type=text] {
	margin-right: 3px;

}
.grp_upload_file .form_upload .updateFile label {
	float: right;
	width: 44px;
	height: 30px;
	line-height: 28px;
	background-color: #4168cd;
	color: #fff;
	text-align: center;
	font-size: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	margin-right: 3px;
}
.grp_upload_file .form_upload .updateFile input {
	visibility: hidden;
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 30px;
	border: 0;
	outline: none;
}
.grp_upload_file .list_file {
	overflow-y: auto;
	margin-top: 6px;
	height: 80px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.grp_upload_file .list_file .item {
	overflow: hidden;
	padding: 3px 22px 3px 8px;
	border-top: 1px solid #ccc;
}
.grp_upload_file .list_file .item:first-child {
	border-top: 0;
}
.grp_upload_file .list_file .item > div {
	float: left;
}
.grp_upload_file .list_file .item > .info {
	width: 100%;
}
.grp_upload_file .list_file .item > .info > div {
	float: left;
}
.grp_upload_file .list_file .item > .info > div.file_size:before {
	content: ',';
	float: left;
	margin-right: 10px;
}
.grp_upload_file .list_file .item > .info > div > span {
	float: left;
	margin-right: 4px;
	font-size: 13px;
}
.grp_upload_file .list_file .item > .info > div > span.output_file_name {
	overflow: hidden;
	max-width: 270px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.grp_upload_file .list_file .item > .button {
	margin-right: -16px;
}
.grp_upload_file .list_file .item > .button .btn_remove_file {
	float: right;
	margin-top: 4px;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	background: #fff url(/common/images/ptg/common/bg_delete_file.png) no-repeat center;
	border: 1px solid #404040;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

/************************************** 전자민원 *************************************/
#content_import_db {
	overflow-x: hidden;
	overflow-y: auto;
}
#content_import_db table {
	margin: 0 0 20px;
}
#content_import_db .description {
	clear: both;
	padding: 15px 16px 16px;
	border: 4px solid #d8dff0;
	margin: 0px 0 20px 0;
	background-color: #fff;
}
#content_import_db .description2 {
	clear: both;
	padding: 15px 16px 16px;
	border: 4px solid #d8dff0;
	margin: 0px 0 20px 0;
	background-color: #fff;
}
#content_import_db .description > li > ul > li {
	margin-left: 10px;
	padding-left: 10px;
	color: #333;
	background: url(/common/images/ptg/content/bul_dash.gif) no-repeat left 8px;
}
#content_import_db .description2 > ul > li {
	margin-left: 10px;
	padding-left: 10px;
	color: #333;
	background: url(/common/images/ptg/content/bul_dash.gif) no-repeat left 10px;
}
#content_import_db .comment {
	margin-top: 10px;
	color: #ad4552;
}
div#button_default {
	margin-top: 20px;
}
#content_import_db div#button_default {
	text-align: right;
	font-size: 0; /* remove inline margin */
}
#content_import_db div#button_default input[type=radio] {
	margin-left: 10px;
	top: -6px;
}
#content_import_db div#button_default a {
	position: relative;
	top: 6px;
	margin-right: 0;
}

/************************************** 방문예약 *************************************/
.list_info_resv dt {
	color: #000;
	font-weight: bold;
	font-size: 22px;
}
.list_info_resv dt,
.list_info_resv dd {
	text-align: center;
}
.list_info_resv dd {
	margin-top: 11px;
}

.list_info_resv.first {
	margin-top: 50px;
	padding-bottom: 176px;
	background: url(/common/images/ptg/content/bg_main_resv.png) no-repeat center bottom;
}
.list_info_resv.second {
	margin: 40px 0 57px;
}

.content_visa_type {
	display: none;
}
.content_visa_type.active {
	display: block;
}

.list_menu_box {
	overflow: hidden;
	margin-bottom: 20px;
	padding: 11px 16px 11px 126px;
	border-width: 4px;
	border-style: solid;
}
.list_menu_box.purple {
	border-color: #cebceb;
}
.list_menu_box.blue {
	border-color: #b6d8ee;
}
.list_menu_box > * {
	float: left;
}
.list_menu_box > .title {
	margin-left: -126px;
	width: 126px;
}
.list_menu_box > .title > h3 {
	margin: 4px 0 0 15px;
	font-weight: bold;
	line-height: 18px !important;
}
.list_menu_box.purple > .title > h3 {
	color: #9268d6 !important;
}
.list_menu_box.blue > .title > h3 {
	color: #3e799c !important;
}
.list_menu_box > .menu {
	width: 100%;
}
.list_menu_box > .menu .list_menu {
	overflow: hidden;
	padding-left: 19px;
}
.list_menu_box.purple > .menu .list_menu {
	border-left: 1px solid #cebceb;
}
.list_menu_box.blue > .menu .list_menu {
	border-left: 1px solid #b6d8ee;
}
.list_menu_box > .menu .list_menu li {
	float: none;
	width: 100%;
	padding: 2px 0 3px;
}
.list_menu_box > .menu .list_menu.col_2 li {
	float: left;
	width: 50%;
}
.list_menu_box > .menu .list_menu.dash li  {
	border-top: 1px dashed #cccccc;
}
.list_menu_box > .menu .list_menu li:first-child {
	border-top: 0;
}

.list_radio {
	overflow: hidden;
}
.list_radio > div {
	float: left;
	padding: 4px 0;
}
.list_radio.col1 > div {
	width: 100%;
	word-wrap: break-word;
}
.list_radio.col4 > div {
	width: 25%;
}

.select_time_table {
	overflow: hidden;
}
.select_time_table > .group_time:first-child {
	margin: -4px -2px;
}
.select_time_table > .group_time {
	overflow: hidden;
	margin: 10px -2px -2px;
}
.select_time_table > .group_time > div {
	float: left;
	width: 25%;
}
.select_time_table > .group_time > div > a {
	display: block;
	margin: 4px 2px;
	height: 24px;
	line-height: 22px;
	color: #404040;
	text-align: center;
	background-color: #fff;
	border-width: 1px;
	border-color: #646464;
	border-style: solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.select_time_table > .group_time > div > a.active {
	color: #fff;
	font-weight: bold;
	border-color: #4168cd;
	background-color: #4168cd;
	text-decoration: none;
}

.select_time_table > .group_time > div > a.resvfull {
	color: #fff;
	font-weight: bold;
	border-color: #646464;
	background-color: #646464;
	text-decoration: none;
}

/************************************** login *************************************/
.title_login > .title {
	margin-top: -1px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.title_login > .desc {
	margin-top: 10px;
	text-align: center;
}
.login_select_type {
	overflow: hidden;
	margin-top: 56px;
}
.login_select_type > .member {
	position: relative;
	width: 420px;
	height: 339px;
	border: 1px solid #dedede;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center 110px;
	background-size: 140px 140px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.en .login_select_type > .member {
	height: 360px;
}
.login_select_type > .member.personal {
	float: left;
	background-image: url(/common/images/ptg/content/ico_member_personal.png);
	margin-right: 5px;
}
.login_select_type > .member.business {
	float: right;
	background-image: url(/common/images/ptg/content/ico_member_business.png);
	margin-left: 5px;
}
.login_select_type > .member > .title {
	margin-top: 35px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.login_select_type > .member.personal > .title {
	color: #4195a6;
}
.login_select_type > .member.business > .title {
	color: #5478bb;
}
.login_select_type > .member > .desc {
	margin-top: 5px;
	text-align: center;
}
.login_select_type > .member > .bottom {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 15px;
	padding-top: 15px;
	height: 30px;
	border-top: 1px solid #e0e0e0;
}
.en .login_select_type > .member > .bottom {
	bottom: 42px;
}
.login_select_type > .member > .bottom .list_type_button {
	display: table;
	width: 100%;
	height: 100%;
}
.login_select_type > .member > .bottom .list_type_button li {
	display: table-cell;
	position: relative;
	height: 100%;
	vertical-align: middle;
}
.login_select_type > .member.personal > .bottom .list_type_button li:first-child {
	width: 25%;
}
.login_select_type > .member.personal > .bottom .list_type_button li {
	width: 25%;
}

.login_select_type > .member > .bottom .list_type_button li:first-child {
	width: 33.34%;
}
.login_select_type > .member > .bottom .list_type_button li {
	width: 33.33%;
}
.login_select_type > .member > .bottom .list_type_button li a {
	display: block;
	height: 100%;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
}
.login_select_type > .member > .bottom .list_type_button li a:before {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 30px;
	background-color: #e0e0e0;
}
.en .login_select_type > .member > .bottom .list_type_button li a:before {
	height: 60px;
}
.login_select_type > .member > .bottom .list_type_button li:first-child a:before {
	display: none;
}
.login_form {
	overflow: hidden;
	margin: 38px auto 0;
	width: 563px;
	height: 227px;
	padding-top: 180px;
	background: url(/common/images/ptg/content/bg_login_form.png) no-repeat top center;
}
.login_form2 {
	overflow: hidden;
	margin: 38px auto 0;
	width: 563px;
	height: 227px;
	padding-top: 180px;
	background: url(/common/images/ptg/content/bg_login_form2.png) no-repeat top center;
}

.login_form .form_box {
	height: 90px;
	width: 410px;
	margin:0 auto;
}
.login_form2 .form_box {
	height: 90px;
	width: 410px;
	margin:0 auto;
}
.login_form .form_box > div {
	float: left;
}
.login_form2 .form_box > div {
	float: left;
}
.login_form .form_box .login_input {
	width: 220px;
	height: 100%;
}
.login_form2 .form_box .login_input {
	width: 220px;
	height: 100%;
}
.login_form .form_box .login_input > div {
	width: 100%;
	height: 30px;
}
.login_form2 .form_box .login_input > div {
	width: 100%;
	height: 30px;
}
.login_form .form_box .login_input > div > input[type=text]
, .login_form .form_box .login_input > div > input[type=password]{
	width: 100%;
	height: 40px !important;
	border: 0 !important;
	background-color: #f1f1f1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.login_form2 .form_box .login_input > div > input[type=text]
, .login_form2 .form_box .login_input > div > input[type=password]{
	width: 100%;
	height: 40px !important;
	border: 0 !important;
	background-color: #f1f1f1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.login_form .form_box .login_input .login_pw {
	margin-top: 10px;
}
.login_form2 .form_box .login_input .login_pw {
	margin-top: 10px;
}
.login_form .form_box .login_button {
}
.login_form2 .form_box .login_button {
}
.login_form .form_box .login_button a {
	float: left;
	width: 150px;
	height: 90px;
	text-align: center;
	border-radius: 4px;
}
.login_form2 .form_box .login_button a {
	float: left;
	width: 150px;
	height: 90px;
	text-align: center;
	border-radius: 4px;
}
.login_form .form_box .login_button a span {
	display: inline-block;
	margin-top: 34px;
	color: #fff;
	font-size: 18px;
}
.login_form2 .form_box .login_button a span {
	display: inline-block;
	margin-top: 34px;
	color: #fff;
	font-size: 18px;
}
.login_form .form_box .login_button a.btn_login {
	margin-left: 8px;
	background-color: #428bda;
}
.login_form2 .form_box .login_button a.btn_login {
	margin-left: 8px;
	background-color: #428bda;
}
.login_form .form_box .login_button a.btn_login span {
	padding-left: 27px;
	background: url(/common/images/ptg/content/bg_lock.png) no-repeat;
}
.login_form2 .form_box .login_button a.btn_login span {
	padding-left: 27px;
	background: url(/common/images/ptg/content/bg_lock.png) no-repeat;
}
.login_form .form_box .login_button a.btn_login_ipin {
	margin-left: 5px;
	background-color: #27355b;
}
.login_form2 .form_box .login_button a.btn_login_ipin {
	margin-left: 5px;
	background-color: #27355b;
}
.login_form .form_bottom {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #f1f1f1;
	text-align: center;
}
.login_form2 .form_bottom {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #f1f1f1;
	text-align: center;
}
.login_form .form_bottom .button_box {
	overflow: hidden;
	height: 26px;
	font-size: 0;
}
.login_form2 .form_bottom .button_box {
	overflow: hidden;
	height: 26px;
	font-size: 0;
}
.login_form .form_bottom .button_box > a {
	margin: 0 5px;
}
.login_form2 .form_bottom .button_box > a {
	margin: 0 5px;
}
.login_form .form_bottom .guide_login {
	margin-top: 12px;
	text-align: center;
	line-height: 20px;
}
.login_form2 .form_bottom .guide_login {
	margin-top: 12px;
	text-align: center;
	line-height: 20px;
}

/************************************** customer center *************************************/
.list_part_consult {
	margin-top: 40px;
}
.list_part_consult > .item {
	margin-top: 30px;
	padding-left: 220px;
	height: 140px;
}
.list_part_consult > .item:first-child {
	margin-top: 0;
}
.list_part_consult > .item .thumbnail {
	float: left;
	margin-left: -220px;
	width: 200px;
	height: 100%;
}
.list_part_consult > .item .thumbnail a {
	display: block;
	height: 140px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.list_part_consult > .item .thumbnail a.thumb_01 {
	background-image: url(/common/images/ptg/content/img_thumb_consult_01.png);
}
.list_part_consult > .item .thumbnail a.thumb_02 {
	background-image: url(/common/images/ptg/content/img_thumb_consult_02.png);
}
.list_part_consult > .item .thumbnail a.thumb_03 {
	background-image: url(/common/images/ptg/content/img_thumb_consult_03.png);
}
.list_part_consult > .item .thumbnail a.thumb_04 {
	background-image: url(/common/images/ptg/content/img_thumb_consult_04.png);
}
.list_part_consult > .item .thumbnail a.thumb_05 {
	background-image: url(/common/images/ptg/content/img_thumb_consult_05.png);
}
.list_part_consult > .item .description {
	float: left;
	width: 100%;
}
.list_part_consult > .item .description > .title {
	margin-top: 10px;
	font-weight: bold;
	background: url(/common/images/ptg/content/bul_darkgray.png) no-repeat left 9px;
}
.list_part_consult > .item .description > .desc {
	margin-top: 3px;
	line-height: 18px;
}
.list_part_consult > .item .description > .title,
.list_part_consult > .item .description > .desc {
	padding-left: 8px;
}
.list_part_consult > .item .description > a.btn_part_link {
	margin: 18px 0 0 8px;
	width: 200px !important;
}

/************************************** sitemap *************************************/
.list_sitemap_index li a {
	display: block;
	padding: 10px 12px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #d6d6d6;
	background-color: #fff;
}
.list_sitemap_index li:first-child a {
	border-top: 1px solid #d6d6d6;
}

.ui-dialog {z-index: 99;}
.alert_body {min-width:422px;}
.alert_tit {padding:9px 0 9px 22px !important; background:#1f4e76 !important; color:#fff !important;}
.alert_con {min-width:300px;padding:40px 20px;background:url(/common/images/ptg/main/alert_dash.gif) left bottom repeat-x;background-color:#fff !important;}
.board_alert01 tbody th {text-align:center;vertical-align:middle; border: none !important;}
.board_alert01 tbody td {font-size:14px;font-weight:bold;color:#050505; padding-left:12px; vertical-align:middle; line-height:17px; border: none !important;}
.alert_btn01 {margin:22px 0 0 0;text-align:center}
.alert_btn01 a{margin-left:5px}
.alert_btn01 a.btn_blue_b:focus { display: inline-block; outline: 2px auto black; outline-offset: 4px; } 
.alert_btn01 a.btn_blue_b {color:#fff !important;padding:5px 10px;vertical-align:middle;border:1px solid #b4b3b2;display:inline;border-radius:4px;background:#2b3c56;font-size:12px} /* 20171913 웹표준화작업 수정 유수진 */
.alert_btn01 a.btn_green_b {color:#fff !important;padding:5px 10px;vertical-align:middle;border:1px solid #b4b3b2;display:inline;border-radius:4px;background:#709f2b;font-size:12px} /* 20171913 웹표준화작업 수정 유수진 */

.ui-datepicker-calendar th {height : 0px !important;}
.ui-datepicker-calendar td {height : 0px !important;}

.loading_bar {position:fixed;z-index:888;top:0;left:0;width:100%;height:100%;display:none;background:url(/common/images/ptg/common/loading_bg.png) 0 0 repeat;}
/* .loading_bg {margin:0 auto;padding:76px 0 92px 0;background:#fff;width:435px;border:1px solid #cecece;border-radius:6px} */
.loading_bg {margin:0 auto;padding:50px 0 50px 0;background:#fff;width:350px;border:1px solid #cecece;border-radius:6px}
.loading_bar p {font-weight:bold;font-size:14px;color:#252525;text-align:center}
.loading_bar p img {display:inline;vertical-align:middle;margin-bottom:38px}

/* 에러페이지 관련 스타일 */
#container.alert_container {width:100%;min-width:603px}
.alert_box_wrap {width:603px;margin:157px auto 0}
.alert_box_wrap dl {margin-bottom:22px}
.alert_box_wrap dt {padding:8px 0 10px 38px;background:#d14f4e;color:#fff;letter-spacing:0.2px}
.alert_box_wrap dd.alert_bg {padding:40px 21px 40px 127px;background:url(/common/images/ptg/content/alert_hand.gif) #fff 39px 29px no-repeat;border:1px solid #ccc}
.alert_box_wrap dd.alert_hand01_bg {background:url(/common/images/ptg/content/alert_hand.gif) #fff 39px 29px no-repeat}
.alert_box_wrap dd.alert_server01_bg {background:url(/common/images/ptg/content/alert_server.gif) #fff 39px 29px no-repeat}
.alert_box_wrap dd.alert_traffic01_bg {background:url(/common/images/ptg/content/alert_traffic.gif) #fff 39px 29px no-repeat}
.alert_box_wrap dd.alert_check01_bg {background:url(/common/images/ptg/content/alert_check.gif) #fff 39px 29px no-repeat}
.alert_box_wrap dd p {color:#050505;font-size:23px;font-weight:900;padding-bottom:22px}
.alert_box_wrap dd p.alert_tit_text {font-size:16px;color:#e24c4b;padding-bottom:7px}
.alert_box_wrap dd p.alert_cont {font-size:12px;color:#666666;padding-bottom:0;line-height:15px;font-weight:normal;letter-spacing:0.1px}
.alert_box_wrap dd p.alert_notice {color:#3b3a3a;font-size:12px;background:#f6f6f6;letter-spacing:0.1px;padding:13px;width:370px;height:13px;border-radius:4px;margin-top:15px}
a.en_btn {letter-spacing:0.2px}
.dis_block {display:block}
.dis_none {display:none}

tr.board_line:hover {background-color:#F0F0F0;cursor:pointer}

.ipt_calendar .ui-datepicker-trigger:hover {cursor: pointer;}
.datadate{text-align: center;}

.grp_content .doc_title {
    padding: 6px 10px 6px 18px;
    color: #444;
    font-weight: bold;
    background-color: #f7f7f7;
    line-height: 32px;
    border: 1px solid #d6d6d6;
    width: calc(100% - 32px);
    text-align: center;
    float:left;
}
.grp_content .doc_content {
    padding: 0px 20px 30px 5px;
    color: #404040;
    background-color: #ffffff;
    line-height: 28px;
    border: 1px solid #d6d6d6;
    border-width: 0 1px 1px;
   /*  width:45%; */
   	width: calc(50% - 1px);
     box-sizing: border-box;
    text-align: left;
    float:left;
    height: 62px;
}
.en .grp_content .doc_content,
#popup_body .grp_content .doc_content {height: 62px;}
.grp_content .doc_content:nth-child(odd)  {border-left: none;}


.grp_content .doc_contentSet {
	margin-bottom: 20px;
	overflow: hidden;
}

.btn_goSearch {display: block;width: 90px;background-color: #4168cd;color: #fff;height: 30px;line-height: 30px;border: none;border-radius: 4px;margin-left: 5px;}

.fs10px {font-size: 12px !important;}
.fs12px {font-size: 12px !important;}
.fs13px {font-size: 13px !important;}
.fs14px {font-size: 14px !important;}
.fs15px {font-size: 15px !important;}
.fs16px {font-size: 16px !important;}
.fs17px {font-size: 17px !important;}
.fs18px {font-size: 18px !important;}

.sr-only{ /* 202308 */
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
}

.margin0 {margin: 0 !important;}

.helpLayer{position: absolute; width: 440px; height: 180px; overflow: auto; background: #d6eff8; right: 0px; top:0px; z-index: 999; border: 2px solid #0084dc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;}


/*  개인정보처리방침 STYLE  */
.h4_prv{
    font-size: 16px;
    color: #222;
    padding-left: 1px;
    margin-bottom: 16px;
    font-weight: bold;
}
h4 .h4_prv_ico {width:5px;height:30px;display:inline-block;background:#3b434d;vertical-align:middle;margin-right:10px}
h4 img {vertical-align: middle; margin-right:5px; width:35px;}
p.h3_prv_notice {color:#3b3a3a;font-size:14px;line-height:22px;margin-bottom: 10px;}

.div_prb_contens {border:1px solid #dcdcdc; padding:15px;background:#fafafa;}
.div_prv_revision{margin-bottom: 40px;}
.prv_table{display: table; width:100%; margin-bottom: 20px;}
.prv_tab_title{
    background-color: #d3d3eb;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    border-top: 2px solid #6081d4;
    padding: 10px;
}
.prv_table th {vertical-align: middle; border-right: 1px solid #6081d4; border: 1px solid #6081d4; border-bottom: 1px solid #6081d4;}
.prv_table tr td {vertical-align: middle; border: 1px solid #6081d4; padding:10px; font-size:13px;}
.prv_table tr td p {line-height: 1.4}
.prv_table figure{text-align: center;margin: 0;padding: 5px;}

.div_prv_nav {margin-bottom: 40px;}
.tab_prv_nav{display: table; width:100%; margin-bottom: 20px;}
.tab_prv_nav th {background-color: #EBEFF3FF; border-top: 2px solid #6081d4; border: 1px solid #6081d4; padding: 10px; font-size:14px;}
.tab_prv_nav td {padding: 15px; font-size:12px;}
.tab_prv_nav td img{vertical-align: middle; margin-left:5px;width:35px;}

.div_prv_contents {margin-bottom: 20px;}
.prv_contents{font-size: 13px;color: #272727;line-height: 1.4;margin-bottom: 20px;}
.tab_prv_comp{display: table; margin-bottom: 20px;border-top: 1px solid #272727;}
.tab_prv_comp th{text-align: center; font-size:13px; font-weight: bold; padding: 5px;border-bottom: 2px solid #272727;}
.tab_prv_comp td{text-align: center; vertical-align: middle; font-size:13px; padding: 5px;}

.prv_dep2{text-align: left;margin-bottom: 5px; font-size:13px;}
.prv_dep2_li{line-height:1.5; font-size:13px;margin-bottom: 5px;}
.prv_dep3{text-align: left;margin-left:12px;font-size:13px;}
.prv_dep3_li{line-height:1.5;font-size:13px;}
.prv_dep4{text-align: left;margin-left:18px;margin-bottom: 5px;font-size:13px;}

.txt_left{text-align: left;margin-left:5px;margin-bottom: 5px;}
.prv_red_txt{color: #ff0004}
.prv_blue_txt{color: #0027fb}
.prv_mgb10 {margin-bottom: 10px;}
.prv_mgb15 {margin-bottom: 15px;}
.prv_mgb40 {margin-bottom: 40px;}

.div_show {display: block;}
.div_hide {display: none;}
/*  개인정보처리방침 STYLE  */