@charset "utf-8";

.kwra #header {height:209px;}
.kwra #header.sub01 {background:#808285;}
.kwra #header .sub_slogan>.wrap {max-width: 1400px;}
.kwra #header .sub_slogan {height:209px; background: url(../images_kwra/sub/bg_sub.jpg) no-repeat center; background-size: cover;}
.kwra #header .sub_slogan p {position:absolute; left:10px; bottom:20px; right:inherit; color:rgba(255,255,255,.5); font-family:'OPR'; font-size:24px; opacity:1;}

.kwra .location {margin-bottom:0;}
.kwra .location>ul {max-width: 1400px;}
.kwra .location>ul>li {font-family:'NTSR';}

.kwra .contents {z-index:4; max-width: 1400px;}
.kwra .contents::before {content:''; z-index:1; position:absolute; top:0; left:0; bottom:0; width:250px; background:#f5f5f5;}

.kwra .lnb {position:relative; z-index:3;}
.kwra .lnb>h2 {padding:42px 0; color:#fff; font-size:36px; font-weight:normal; border:none; background:#354690;word-break: keep-all}
.kwra .lnb .sub {background:#fff;}
.kwra .lnb a {font-size: 17px;}

/* .kwra .article {max-width: 1100px; width: calc(100% - 330px);} #1152 */
.kwra .article {max-width: 1100px; width: 100%;}

.kwra .atc_tit .tit>h3 {padding-top:60px; font-weight:normal; font-family: NTSM; letter-spacing: -0.04em;}
.kwra .atc_tit .tit>h3:after {border-bottom:2px solid #386acd;}

.kwra .lnb>ul>li.on>a {background:#386acd; font-size: 18px;}
.kwra .lnb li.on .sub {display:block;}

.kwra .lnb .sub>li>a {padding:7px 0 7px 10px; font-size:15px; background:url('../images/blt_lnb.gif') no-repeat 0 12px;}
.kwra .lnb .sub>li.on>a {background:url('../images/blt_lnb_over.gif') no-repeat 0 12px; font-family: NTSM;}

@media only screen and (max-width: 1440px) {
    .kwra .contents {max-width: calc(100% - 20px); margin-right: 20px;}
}

@media only screen and (max-width: 1220px) {
    .kwra #header {height:auto;}
    .kwra #header .sub_slogan {display:none;}
    .kwra .contents {max-width: 100%; margin-right: 0;}
    .kwra .contents::before {display:none;}
    .kwra .article {width: calc(100% - 40px); max-width:none;}
}

@media only screen and (max-width: 767px) {
    .kwra .article {width: calc(100% - 20px);}
}


/*  */
.pfs-introduce>ul>li {position:relative; padding:42px 42px 42px 300px; margin-bottom:37px; border:1px solid #e2e2e2; border-left:none;}/*221106*/
.pfs-introduce>ul>li.noImage {padding:42px 42px 42px 98px;}/*221106*/
.pfs-introduce>ul>li::after {content:''; position:absolute; top:-1px; left:0; bottom:-1px; width:5px; background:#535456;}
.pfs-introduce>ul>li:first-child::after {background:#386acd;}

.pfs-introduce .thumbs {position:absolute; top:42px; left:98px; width:120px; height:145px; text-align:center; background-color:#8b8d8c; background-position:center bottom; background-repeat:no-repeat; background-size:auto 100%;}/*221106*/

.pfs-introduce .title {margin-bottom:15px; letter-spacing:-0.08rem;}
.pfs-introduce .title>strong {display:block; color:#333; font-family:'nsB'; font-size:24px; line-height:normal;}
.pfs-introduce .title>strong>i {padding-right:9px; color:#767676; font-size:24px; font-weight:normal;}
.pfs-introduce .title>strong>span {padding-left:5px; color:#5e5e5e; font-size:18px;}

.pfs-introduce .career dl {display:table; padding:4px 0; line-height:normal;}
.pfs-introduce .career dt,
.pfs-introduce .career dd {display:table-cell; vertical-align:top; font-size:15px; word-wrap:break-word; word-break:keep-all;}
.pfs-introduce .career dt {position:relative; min-width:60px; padding-right:8px; color:#767676;}
.pfs-introduce .career dt::after {content:''; position:absolute; top:3px; right:0; bottom:3px; width:1px; background:#b1b1b1;}
.pfs-introduce .career dd {padding-left:10px; color:#333;}

.pfs-introduce .info {display:flex; flex-wrap:wrap; margin-top:14px;}
.pfs-introduce .info>li {position:relative; flex-basis:50%; flex-grow: 1;  box-sizing:border-box; }
.pfs-introduce .info .svg-inline--fa {display:inline-block; vertical-align:middle; width:12px; text-align:center; opacity:.85;}
.pfs-introduce .info span,
.pfs-introduce .info a {display:inline-block; vertical-align:middle; padding-left:5px;}
.pfs-introduce .info a:hover {text-decoration:underline;}
.pfs-introduce .info>li,
.pfs-introduce .info a {font-size:13px;}
.faq em.a {background: #386acd;}



@media only screen and (max-width: 767px) {
    .pfs-introduce>ul>li {z-index:4; padding:0; margin-bottom:14px; border:1px solid #e2e2e2}
    .pfs-introduce>ul>li::after {z-index:1; top:0; left:0; right:0; bottom:auto; width:100%; height:105px;}

    .pfs-introduce .title {z-index:4; position:relative; display:flex; align-items:flex-end; height:81px; padding:12px; margin-bottom:0;}
    .pfs-introduce .title>strong {color:#fff;}
    .pfs-introduce .title>strong>i {color:rgba(255, 255, 255, .6)}
    .pfs-introduce .title>strong>span {color:rgba(255, 255, 255, .8)}

    .pfs-introduce .thumbs {z-index:4; top:12px; left:auto; right:12px; width:75px; height:81px;}
	.pfs-introduce>ul>li.noImage {padding:0;}/*221106*/

    .pfs-introduce .career {margin-bottom:15px; padding:27px 12px 12px 12px;}
    .pfs-introduce .career dl {display:block; padding:0;}
    .pfs-introduce .career dl:first-child {padding-bottom:22px;}
    .pfs-introduce .career dt,
    .pfs-introduce .career dd {display:block; font-size:14px;}
    .pfs-introduce .career dt {display:inline-block; min-width:auto; font-weight:bold; padding-right:0; padding-bottom:3px;}
    .pfs-introduce .career dt::after {bottom:1px; top:auto; left:0; right:0; height:1px; width:100%; opacity:.5;}
    .pfs-introduce .career dd {padding-top:3px; padding-left:0; font-size:14px;}

    .pfs-introduce .info {display:block; padding:12px; background:#f7f7f7;}
 
}

.ctx, .cntarea {font-size: 17px; letter-spacing: -0.02em; line-height: 1.7;}
.tx-xl {font-size: 1.5em;}
.tx-l {font-size: 1.2em;}
.tx-s {font-size: .95em;}
.tx-xs {font-size: .9em;}
.c-point {color: #386acd;}
.f-bold {font-family: NTSM;}
.fc_o {color: #ff8533;}
.fc_g {color: #386acd;}

.nameCard li em {background-color:#378dda;}
.nameCard.chairman li em {background-color: #386acd;}

.tt_gy {background-image:none; padding-left: 20px; position: relative;}
.tt_gy::after {content: ''; position: absolute; display: block; left: 0; top: 8px; width: 11px; height: 18px; background-color: #386acd; border-radius: 4px;}

table.tbl_nor_sq th>strong {background-image:none; position: relative;}
table.tbl_nor_sq th>strong::before {content: ''; position: absolute; display: block; left: 0; top: 6px; width: 6px; height: 15px; background-color: #386acd; border-radius: 2px;}

dl.dl_list_sq dt {background-image: none; position: relative;}
dl.dl_list_sq dt::before {content: ''; position: absolute; display: block; left: 0; top: 10px; width: 10px; height: 3px; background-color: #386acd; border-radius: 2px;}

.tt_sgy strong {background-image:none; position: relative; padding-left: 15px;}
.tt_sgy strong::before {content: ''; position: absolute; display: block; left: 0; top: 2px; width: 6px; height: 15px; background-color: #386acd; border-radius: 2px;}

.list_n_sq li {background-image:none; position: relative; padding-left: 17px;}
.list_n_sq li::before {content: ''; position: absolute; display: block; left: 0; top: 17px; width: 6px; height: 6px; background-color: #386acd; border-radius: 2px;}

.list_n_sq2:after {top:10px; background-color: #386acd; border-radius: 2px;}
.tt_sgy.lg strong {background-image: none; padding-top: 0;}
.sbook li>a {color: #386acd;}

.list_nor li, .list_num li, .list_n_sq li {font-size: 17px;}
table.tbl_nor, table.tbl_nor_sq, table.tbl_smp_nor, table.tbl_smp {font-size: 16px; font-family: NTSR;}
.bs_list {font-size: 14px; font-family: NTSR;}
.bs_list .sbj>a {font-size: 15px;}
.bs_info .pgnum>em {font-size: inherit;}
.bs_view .sbj {font-size: 20px; font-family: NTSB; font-weight: normal;}
.bs_view .view, .bs_view .cmmt {font-size: 16px; line-height: 2;}
.bs_pn_list li>a, .bs_pn_list li>span {font-size: 15px;}
.photoCard li .name {font-size: 21px;}
.list_photo .tt {font-size: 16px; font-family: NTSM;}
.list_photo .tx {font-size: 14px;}
.bx_yscrl {font-size: 15px;}
.bs_info .bs_srch .sltArea select {border: none;}
.btn_gr_ic_dk {border-radius: 4px;}

.list_photo li {width: calc(25% - 25px);}
.list_photo a {width: 100%;}
.bs_wrt th {font-size: 15px; font-family: NTSR; font-weight: normal; color: #666;}
.filebox label {color: #333; border-radius: 4px; font-size: 13px; font-family: NTSR;}
.filebox .upload-name {font-family: NTSR; font-size: 14px;}
.btn_gr_ic {border-radius: 4px;}
.calendar ul.weekdays {background: #386acd;}

.tab-slide .swiper-slide {width: 100px;}

.btn_gyw {display:inline-block; min-width:160px; padding: 0 20px; height:42px; line-height:42px; margin:0 4px; text-align:center; color:#fff !important; font-size:18px; font-weight:normal; font-family: NTSM; border:none; border-radius:6px; background: rgba(55,121,218,1);
	background: -moz-linear-gradient(top, rgba(55,121,218,1) 0%, rgba(56,106,205,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(55,121,218,1)), color-stop(100%, rgba(55,121,218,1)));
	background: -webkit-linear-gradient(top, rgba(55,121,218,1) 0%, rgba(55,121,218,1) 100%);
	background: -o-linear-gradient(top, rgba(55,121,218,1) 0%, rgba(55,121,218,1) 100%);
	background: -ms-linear-gradient(top, rgba(55,121,218,1) 0%, rgba(55,121,218,1) 100%);
	background: linear-gradient(to bottom, rgba(55,121,218,1) 0%, rgba(55,121,218,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#378dda', endColorstr='#386acd', GradientType=0 );
}

.btn_disable {display:inline-block; width:130px; height:42px; line-height:42px; text-align:center; color:#fff !important; font-size:18px; border:none; font-weight:normal; font-family: NTSM; border-radius:6px; background: rgba(172,172,172,1);
	background: -moz-linear-gradient(top, rgba(172,172,172,1) 0%, rgba(154,154,154,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(172,172,172,1)), color-stop(100%, rgba(154,154,154,1)));
	background: -webkit-linear-gradient(top, rgba(172,172,172,1) 0%, rgba(154,154,154,1) 100%);
	background: -o-linear-gradient(top, rgba(172,172,172,1) 0%, rgba(154,154,154,1) 100%);
	background: -ms-linear-gradient(top, rgba(172,172,172,1) 0%, rgba(154,154,154,1) 100%);
	background: linear-gradient(to bottom, rgba(172,172,172,1) 0%, rgba(154,154,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acacac', endColorstr='#9a9a9a', GradientType=0 );
}

.btnArea a {display:inline-block; vertical-align:top; padding:0 27px; margin:0 3px; height:35px; line-height:35px; color:#fff; font-family:'Nanum Gothic'; font-size:16px; font-weight:normal; font-family: NTSR; background:#949494; border-radius:5px; background: rgb(24, 6, 6);
	background: -moz-linear-gradient(top, rgba(166,166,166,1) 0%, rgba(147,147,147,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(166,166,166,1)), color-stop(100%, rgba(147,147,147,1)));
	background: -webkit-linear-gradient(top, rgba(166,166,166,1) 0%, rgba(147,147,147,1) 100%);
	background: -o-linear-gradient(top, rgba(166,166,166,1) 0%, rgba(147,147,147,1) 100%);
	background: -ms-linear-gradient(top, rgba(166,166,166,1) 0%, rgba(147,147,147,1) 100%);
	background: linear-gradient(to bottom, rgba(166,166,166,1) 0%, rgba(147,147,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#939393', GradientType=0 );
}

.btnArea a.active {background: rgba(55,141,218,1);
	background: -moz-linear-gradient(top, rgba(55,141,218,1) 0%, rgba(55,121,218,1) 84%, rgba(55,121,218,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(55,141,218,1)), color-stop(84%, rgba(55,121,218,1)), color-stop(100%, rgba(55,121,218,1)));
	background: -webkit-linear-gradient(top, rgba(55,141,218,1) 0%, rgba(55,121,218,1) 84%, rgba(55,121,218,1) 100%);
	background: -o-linear-gradient(top, rgba(55,141,218,1) 0%, rgba(55,121,218,1) 84%, rgba(55,121,218,1) 100%);
	background: -ms-linear-gradient(top, rgba(55,141,218,1) 0%, rgba(55,121,218,1) 84%, rgba(55,121,218,1) 100%);
	background: linear-gradient(to bottom, rgba(55,141,218,1) 0%, rgba(55,121,218,1) 84%, rgba(55,121,218,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#378dda', endColorstr='#386acd', GradientType=0 );
}

@media only screen and (max-width: 1260px) {
    .ctx, .cntarea {font-size: 15px;}
    .list_nor li, .list_num li, .list_n_sq li {font-size: 15px;}
    .bs_list {font-size: 13px;}
    .bs_list .sbj>a {font-size: 14px;}
    .bs_view .sbj {font-size: 18px;}
    .bs_view .view, .bs_view .cmmt {font-size: 15px;}  
    .bs_pn_list li>a, .bs_pn_list li>span {font-size: 14px;}  
    .photoCard li .name {font-size: 18px;}
    .list_photo .tt {font-size: 15px;}
    .list_photo .tx {font-size: 13px; max-height: 34px;}
    .faq em {width: 26px; height: 26px; line-height: 26px; font-size: 20px; top: 14px; left: 6px;}
    .faq dt, .faq dd {padding: 15px 40px 13px 40px;}
    .faq dt {background: url(../images/ico_faq_show.png) no-repeat 98% 20px; background-size: 13px auto;}
    .list_site li>a {font-size: 14px;}
    table.tbl_nor, table.tbl_nor_sq, table.tbl_smp_nor, table.tbl_smp {font-size: 14px;}
    .filebox label {font-size: 12px;}
    .filebox .upload-name {font-size: 13px;}
    .bx_yscrl {font-size: 14px;}

    .list_photo li {width: calc(33.3333% - 25px);}
    .bs_wrt th {font-size: 13px;}

    .btn_gyw {width:150px; height:36px; line-height:36px; font-size:16px; }
    .btn_disable {width:100px; height:36px; line-height:36px; font-size:16px;}
    .btnArea a {padding:0 20px; height:30px; line-height:30px; font-size:14px;}
}

@media only screen and (max-width: 767px) {
    .ctx, .cntarea {font-size: 13px;}
    .list_nor li, .list_num li, .list_n_sq li {font-size: 13px;}
    .bs_list {font-size: 12px;}
    .bs_list .sbj>a {font-size: 13px;}
    .bs_view .sbj {font-size: 16px;}
    .bs_view .view, .bs_view .cmmt {font-size: 13px;}
    .bs_pn_list li>a, .bs_pn_list li>span {font-size: 12px;}     
    .photoCard li .name {font-size: 15px;}
    .list_photo .tt {font-size: 13px;}
    .list_photo .tx {font-size: 12px;}
    .faq em {width: 20px; height: 20px; line-height: 20px; font-size: 16px; top: 12px; left: 3px;}
    .faq dt, .faq dd {padding: 12px 30px 11px 30px;}
    .faq dt {background: url(../images/ico_faq_show.png) no-repeat 98% 20px; background-size: 10px auto;}
    .list_site li>a {font-size: 12px;}
    table.tbl_nor, table.tbl_nor_sq, table.tbl_smp_nor, table.tbl_smp {font-size: 12px;}
    .filebox label {font-size: 11px;}
    .filebox .upload-name {font-size: 12px;}
    .bx_yscrl {font-size: 12px;}

    .list_photo li {width: 100%;}
    .bs_wrt th {font-size: 11px;}

    .btn_gyw {width:90px; height:33px; line-height:33px; font-size:15px; }    
    .btn_disable {width:60px; height:33px; line-height:33px; font-size:15px;}
    .btnArea a {padding:0 15px; height:26px; line-height:26px; font-size:13px;}
    .fl {float: none;}
}

table.tbl_nor_w {width:100%; margin-bottom:20px; font-family:'Nanum Gothic'; font-size:14px; table-layout:auto; border-top:1px solid #39404a;word-break: keep-all;}
table.tbl_nor_w th {padding:8px 0; color:#000; font-weight:normal; background:#f8f8f8;}
table.tbl_nor_w th, .tbl_nor_w td {border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
table.tbl_nor_w th:last-child, .tbl_nor_w td:last-child {border-right:none;}
table.tbl_nor_w td {padding:8px 20px; line-height:1.6;}
table.tbl_nor_w .tt .fbig {font-size:24px;}
table.tbl_nor_sq th, table.tbl_nor_sq td {padding:12px 12px;}

@media only screen and (max-width:768px){
	.tbl_wrap {overflow:scroll;}
	.tbl_wrap>.tbl_nor_w {width:150%;}

	table.tbl_nor_w thead { padding:6px 0;}
	table.tbl_nor_w th {padding:1px 10px;}
        table.tbl_nor_w td {padding:5px 10px;}
	table.tbl_nor_w td.tt {padding:12px 10px 6px 10px;}
}
@media only screen and (max-width:540px){
	.tbl_wrap>.tbl_nor_w {width:200%;}

	table.tbl_nor_w .tt .fbig {font-size:18px;}
}