@charset "utf-8";
@import url('https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothiclight.css');



/*sub*/

.sub_visual_area{width: 100%;height: 260px; background:url('../images/sub_visual.jpg')no-repeat center;}
.sub_visual_area02{width: 100%;height: 260px; background:url('../images/sub_visual0201.jpg')no-repeat center;}
.sub_visual_area03{width: 100%;height: 260px; background:url('../images/sub_visual03.jpg')no-repeat center;}
.sub_visual_area04{width: 100%;height: 260px; background:url('../images/sub_visual0401.jpg')no-repeat center;}
.sub_visual_area05{width: 100%;height: 260px; background:url('../images/sub_visual05.jpg')no-repeat center;}
.sub_visual_area .sub_visual_title{padding-top: 110px;text-align: center; font-size: 42px;font-weight: bold;line-height: 30px;color: #fff;vertical-align: middle;}
.sub_visual_area p{font-size: 16px;color: #fff;letter-spacing:-2.0px;text-align: center;padding-top: 50px; }



.nav_text{width: 100%;height: 40px;background-color: #202c8d;}
.nav_text span{color: #fff; float: right;font-size: 11px;line-height: 22px;padding-top: 8px;}


/* 왼쪽정렬 GNB */

/*.left_gnb{margin-top: 45px;} */
.left_gnb_title{width: 180px;height: 68px;padding-top: 32px; background-color: #1f286e;color: #fff;}
.left_gnb_title h3{font-size: 18px; line-height: 22px;font-weight: bold; text-align: center;color: #fff;text-transform: uppercase;}
.left_gnb_title p{font-size: 14px;line-height: 22px; text-align: center;color: #fff;}

.left_gnb .left_gnb_li {margin-top: 10px;border-top: solid 1px #dadada;}
.left_gnb .left_gnb_li li {padding-left: 24px; border: solid 1px #dadada; color:#b3b3b3; font-size: 13px; line-height: 35px; border-top: 0; position: relative;}

.left_gnb .left_gnb_li li > a {display: block; color: #b3b3b3;font-size: 13px; line-height: 35px; }
.left_gnb .left_gnb_li > a {display: block; color: #b3b3b3;}
.left_gnb .left_gnb_li a > li:after{content: ''; display:block; background: url('../images/gnb_more.png')no-repeat;width: 7px; height: 8px; position: absolute;right: 10px;top: 15px;z-index: 0;}

.left_gnb .left_gnb_li li:hover{background-color: #f4f4f4;}
.left_gnb .left_gnb_li li:hover {color: #b3b3b3;}


.left_gnb .left_gnb_li .gnb_2depth li {position: relative;}
.left_gnb .left_gnb_li .gnb_2depth li a {position: relative; padding-left: 10px; color:#b3b3b3;}
.left_gnb .left_gnb_li .gnb_2depth li a::after {content: ''; display: block; position: absolute; top: 50%; left: 2px; width: 5px; height: 1px; background-color: #b3b3b3;}

.left_gnb .left_gnb_li li.on{background-color: #000;}
.left_gnb .left_gnb_li li.on{color: #fff;}

.left_gnb .left_gnb_li li.on > a {background-color: #000; color: #fff;}


/* sub */
.contents_area{width: 825px; overflow: hidden; box-sizing: border-box;}

.contents_area .sub_con_area .sub_title_center{margin: 37px 0 44px;}
.contents_area .sub_con_area .sub_title_center h2{text-align: center; font-size: 22px;font-weight: bold;color: #3d3d3d;}

.sub_footer{width: 100%; background-color: #c6c6c6;padding: 34px 0;}
.sub_footer .inner p{font-size: 12px;color: #fff;line-height: 18px;}

.sub_con{padding-bottom: 69px;border-bottom: solid 1px #ebebeb;}

/* sub0101 CI해설 */

.sub01_con1{width: 818px;height: 122px;border: solid 1px #dddddd;background: url('../images/ci_01.png')no-repeat center center #f7f7f7;text-indent: -9999px;}

.sub01_con2{width: 820px;height: 212px;border: solid 1px #dddddd;background: url('../images/ci_02.jpg')no-repeat center center #f7f7f7;text-indent: -9999px;margin-bottom: 40px;}


.ci_commentary .ci_commentary_right{padding-left: 26px;border-left: solid 1px #ebebeb;margin-left: 23px;}

/* 20191230:S */
.ci_commentary {margin-bottom: 30px;}
.ci_commentary .ci_commentary_left .color_box { text-align: center; }
.ci_commentary .ci_commentary_left .color_box p { width: 70px; height: 70px; background-color: #E9A916; margin: 0 auto; }
.ci_commentary .ci_commentary_left .color_box p+span {font-weight: 600; color: #E9A916;}
.ci_commentary .ci_commentary_left .color_box p.c_blue+span {color: #12203A;}
.ci_commentary .ci_commentary_left .color_box p.c_blue {background-color: #12203A;}
.ci_commentary .ci_commentary_right .ci_tit {font-size: 16px; font-weight: 600; color: #333; background-color: #ffe8b2;}
.ci_commentary .ci_commentary_right .ci_tit.c_bl {background-color:#d3e2ff;}
.ci_commentary .ci_commentary_right p {width: 700px;text-align: justify; font-size: 13px;line-height: 23px;color: #535353; margin-top: 8px;}

.ci_umb { margin-top: 60px;}
.ci_umb > div {width: 50%; word-break: keep-all;}
.ci_umb .umb_img {text-indent: -99999px; display: inline-block; background: url('../images/ci_glum.png') center/70% no-repeat; height: 394px; box-sizing: border-box; width: 40%;position: relative;}
.ci_umb .umb_img::after { content: ""; position: absolute; background: #12203a;  border: 5px solid #d3a544; box-sizing: border-box; height: 260px;  width: 260px; border-radius: 500px; z-index: -1;top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.ci_umb .umb_txt {width: 60%; background: #f7f7f7; box-sizing: border-box; padding: 20px;}
.ci_umb .umb_txt p {margin-top: 10px; color: #535353; font-size: 13px; line-height: 23px; }
.ci_umb .umb_txt > p:first-child{ margin-top: 0;}
.ci_umb .umb_txt > p > span {display: block; font-size: 20px; color: #12203a; font-weight: 600; margin-bottom: 15px; padding-left: 13px; position: relative;}
.ci_umb .umb_txt > p > span::before { content: ""; position: absolute; height: 18px; width: 3px; background: #12203a; left: 2px; top: 3px;}
/* 20191230:E */


/* sub0101 CI해설 끝 */


/* sub0102 CEO 인사말 */
.sub_con_area .sub0102_area{width: 820px;height: 502px; background: url('../images/ceo_01.jpg')no-repeat center center;}

/* 20191230 인사말:S */
.sub_con_area .greet_box {width: 100%;}
.sub_con_area .greet_box .ceo_img {background: url('/resources/images/ceo_02.jpg') center top no-repeat; width: 35%; height: 429px;}
.sub_con_area .greet_box .greet_txt1 { width: 60%; word-break: keep-all; padding: 0 0 0 5%; }
.sub_con_area .greet_box .greet_txt1 p {margin-bottom: 13px; line-height: 1.4;}
.sub_con_area .greet_box .greet_txt1 p.gr_1 { font-size: 32px; font-weight: 600; color: #1f286e; margin-bottom: 30px; position: relative; padding-left: 16px;}
.sub_con_area .greet_box .greet_txt1 p.gr_1::before { content: ""; display: block; border-left: 6px solid #1f286e; height: 31px; top: 7px;  position: absolute; left: 0;}
.sub_con_area .greet_box span.blue {color:#1f286e; font-weight: 600;}
.sub_con_area .greet_box .greet_txt1 .ceo_sign {float: right; margin-top: 20px;}
.sub_con_area .greet_box .greet_txt1 .ceo_sign span {text-indent: -99999px; background: url('/resources/images/ceo_sign.png') center top no-repeat; display: inline-block; padding: 8px 33px;}
/* 20191230 인사말:E */

/* sub0102 CEO 인사말 끝 */


/* sub0103 웰스플랜 연혁 */
.sub_con_area .sub0103_area{width: 820px;height: 1283px; background: url('../images/history_01.jpg')no-repeat center center;}
/* sub0103 웰스플랜 연혁 끝 */


/* sub0104 웰스플랜 비전 */
.sub_con_area .sub0104_area{width: 820px;height: 1282px; background: url("../images/vision_01_250507.jpg?ver=250507")no-repeat center center;}
/* sub0104 웰스플랜 비전 끝 */

/* sub0105 기구 조직현황 */
.sub_con_area .sub0105_area {width: 820px;height: 1011px; background:url('../images/Organizational_01_260520.jpg')no-repeat center center;}
/* sub0105 기구 조직현황 끝 */

/*	sub0106 본지사위치안내 */
.store_con{margin-left: 37px;}
.map_area , .store_area {position:relative;float:left;margin:0px 0 40px;}
.map_area span {position:absolute;top:5px;right:0;color:#555;font-size:12px;}
.map_area h4, .store_area h4 {margin-bottom:15px;color:#555;font-weight:bold;font-size:16px;}
.store_area {margin-left:30px;} 
.store_list {padding:195px 65px 0px;width:198px;height:193px;border:1px solid #dadada;background:url('../images/list_bg.gif') center 50px no-repeat;text-align:center;}
.store_list p {margin-bottom:15px;font-size:14px;line-height:20px;}
.store_list select, .store_list input[type=text], .store_list button{box-sizing:border-box;margin-bottom:10px;padding-left:5px;width:195px;height:35px;border:1px solid #dadada;border-radius:3px;font-size:12px;}
.store_list button {padding:0px;border:1px solid #1f286e;background:#1f286e;color:#fff;font-size:12px;}
.store_table, .default_table {clear:both;margin-bottom:20px;width:750px;border-top:1px solid #777;}
.store_table th, .default_table th {height:40px;border-bottom:1px solid #ddd;background:#f6f6f6;color:#555;font-weight:bold;font-size:14px;}
.store_table td, .default_table td{width:80px;height:43px;border-bottom:1px solid #ddd; text-align:center;}
.store_table .td_contents {padding:15px 20px;text-align:left;line-height:22px;}

.location_thumb, .location_area {float:left;overflow:hidden;margin:45px 0;width:388px;height:358px;border:1px solid #dadada;}
.location_area {box-sizing:border-box;margin-left:30px;padding:20px 25px; width:330px;height:360px;border:1px solid #dadada;}
.location_area h5 {margin:5px 0 25px;color:#555;font-weight:bold;font-size:20px;}

.store_info {overflow:hidden;}
.store_info dt {float:left;clear:both;margin-bottom:18px;width:100px;color:#555;font-weight:bold;font-size:14px;}
.store_info dd {float:left;margin-bottom:15px;color:#555;font-size:14px;}
.store_info dd img {margin:0 5px;}
.icon_ex p {margin-bottom:18px;color:#555;font-weight:bold;font-size:14px;}
.icon_ex ul {margin-left:20px;}
.icon_ex li {display:inline-block;margin:0 10px;text-align:center;font-size:12px;line-height:30px;}
.google_map {margin-bottom:80px;width:750px;height:300px;}

.popupMovie{position:absolute;top:100px;left:50%;z-index:9999;display:none;margin-left:-320px;background:#000;}
.popupMovie .close {position:absolute;top:0px;right:-40px;z-index:9999}
.mask {position:absolute;top:0;z-index:999;width:100%;background:url('../images/common/mask.png');}

.page_area {overflow:hidden;margin:30px 80px 80px;text-align:center;}
.paging li {display:inline-block;width:35px;height:35px}
.paging li a {display:block;box-sizing:border-box;width:100%;height:100%;border:1px solid #dadada;color:#555;line-height:33px;}
.paging li a img {vertical-align:top;}
.paging li.active a{border:1px solid #1f286e;background:#1f286e;color:#fff;}
/*	sub0106 본지사위치안내 끝 */


/* sub0107 ~ 테이블 */
.manage {padding-top: 35px; min-height: 600px;}
.manage h4 {font-size: 20px; font-weight: 600; margin-bottom: 25px;}
.manage .con table {width: 100%; border-top: 1px solid #777;}
.manage .con table caption {margin-bottom: 10px; font-size: 16px; font-weight: 600; text-align: left;}
.manage .con table th, .manage .con table td {padding: 5px 20px; height: 30px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.manage .con table th {background-color: #f6f6f6;}
.manage .con table th:last-child {border-right: 0;}
.manage .con table td:last-child {border-right: 0;}

.manage .con table th.sub_tit {background-color: #fafafa;}
.manage .con table td.center {text-align: center;}
.manage .con table td.number {text-align: right;}
.manage .con .con_desc {color: #666;}
.manage .con .cmt {position: relative; top: -4px; font-size: 10px;}

/* sub0107 경영공시-일반 및 조직현황 */
.sub0107_area {position: relative;}
.sub0107_area span.standard {position: absolute; right: 0; font-size: 14px; font-weight: 400;}

.sub0107_area .con2 {margin-top: 40px;}
.sub0107_area .con2 table th {text-align: center;}
.sub0107_area .con2 table td {text-align: center;}

.sub0107_area .con3 {margin-top: 40px;}
.sub0107_area .con3 table caption {position: relative;}
.sub0107_area .con3 table td {text-align: center;}
/* sub0107 경영공시-일반 및 조직현황 끝 */


/* sub0108 제휴보험사 */
.sub0108_area .con1 table th {padding: 5px 0;}
.sub0108_area .con1 table td {text-align: center;}
/* sub0108 제휴보험사 끝 */


/* sub0109 대리점등록증 */
.sub0109_area .con {}
.sub0109_area .con ul li {float: left; width: calc(50% - 5px);}
.sub0109_area .con ul li:first-child {margin-right: 10px;}
.sub0109_area .con ul li .img_cont {height: 600px; text-indent: -9999px; overflow: hidden;}

.sub0109_area .con ul li:nth-child(1) .img_cont {background: url('/resources/images/license01.png') no-repeat center 0/contain;}
.sub0109_area .con ul li:nth-child(2) .img_cont {background: url('/resources/images/license02.png?ver=211006') no-repeat center 0/contain;}
/* sub0109 대리점등록증 끝 */


/* sub0110 재무손익현황 */
.sub0110_area .con1 table th {padding: 5px 0;}
.sub0110_area .con1 table td {text-align: right;}

.sub0110_area .con2 {margin-top: 40px;}
.sub0110_area .con2 table td {text-align: right;}
/* sub0110 재무손익현황 끝 */

/* sub0111 경영지표 */
.sub0111_area .con1 table th {padding: 5px 0;}
.sub0111_area .con1 table td {text-align: right;}
/* sub0111 경영지표 끝 */

/* sub0112 모집실적-수수료 */
.sub0112_area .con1 table th {padding: 5px 0;}
.sub0112_area .con1 table td {text-align: right;}
/* sub0112 모집실적-수수료 끝 */

/* sub0113 감독기관 */
.sub0113_area .con1 table th {padding: 5px 0;}
.sub0113_area .con1 table td {padding: 10px 20px;word-break: keep-all;}
/* sub0113 감독기관 끝 */




/*sub0201 보험상품*/
/*보험상품left 메뉴*/

.left_gnb .insurance_gnb{margin-top: 10px;border-top: solid 1px #dadada;}
.left_gnb .insurance_gnb .insur_list{padding-left: 24px; border: solid 1px #dadada; border-top: 0; position: relative;}
.left_gnb .insurance_gnb .insur_list{color:#b3b3b3;font-size: 13px;line-height: 35px;}

.left_gnb .insurance_gnb .insur_list:after{content: ''; display:block; background: url('../images/gnb_more.png')no-repeat;width: 7px; height: 8px; position: absolute;right: 10px;top: 15px;z-index: 0;}

.left_gnb .insurance_gnb .insur_list:hover{background-color: #f4f4f4;}
.insurance_gnb .insurance_gnb .insur_list:hover{color: #b3b3b3;}

.left_gnb .insurance_gnb .insur_list.on{background-color: #000;}
.left_gnb .insurance_gnb .insur_list.on{color: #fff;}

.left_gnb .insurance_gnb .insurance_title{padding-left: 24px; border: solid 1px #dadada; border-top: 0;color:#fff;font-size: 13px;font-weight: bold; line-height: 35px;background-color: #9d9d9d;}
.left_gnb .insurance_gnb .insurance_title:after{content: ''; display:none;}

.sub_con_area .sub0201_area{width: 820px;height: 2762px; background: url("../images/insurance_01_1224.jpg?ver=201224")no-repeat center center;}

/*sub0201 보험상품 끝*/


/* sub0301 재무설계란? */
.sub_con_area .sub0301_area{width: 820px;height: 948px; background: url('../images/fin_01.jpg')no-repeat center center;}
/* sub0301 재무설계란? 끝 */



/* sub0302 재무설계효과 */
.sub_con_area .sub0302_area{width: 820px;height: 948px; background: url('../images/fin_02.jpg')no-repeat center center;}
/* sub0302 재무설계효과 끝 */



/* sub0303 재무설계절차 */
.sub_con_area .sub0303_area{width: 820px;height: 556px; background: url('../images/fin_03.jpg')no-repeat center center;}
/* sub0303 재무설계절차 끝 */



/* sub0401 GA영업의 우수성 */
.sub_con_area .sub0401_area{width: 820px;height: 579px; background: url('../images/ga_01_08312_4.jpg')no-repeat center center;}
/* sub0401 GA영업의 우수성 끝 */



/* sub0402 FC인재상 */
.sub_con_area .sub0402_area{width: 820px;height: 512px; background: url('../images/fc_01.jpg')no-repeat center center;}
/* sub0402 FC인재상 끝 */


/* sub0403 입사상담 문의 */
.sub_con_area .sub0403_area{width: 820px;height: 325px; background: url('../images/join_01.jpg')no-repeat center center;margin-bottom: 20px; }
/* sub0403 입사상담 문의 끝 */

/* sub0503 금융소비자보호 */
.sub_con h3 { padding-bottom: 26px; background: url('../images/h3_bg.jpg') left bottom no-repeat; color: #333; font-weight: bold; font-size: 25px; margin-bottom:40px;line-height: 1.3em}
.sub_con h3 .icon {position: relative; top: -4px; font-size: 16px;}

.sub_con h3 .icon {position: relative; top: -4px; font-size: 16px;}
.sub_con .sub_cont {min-height: 400px;}
.sub_con .sub_cont > p {line-height: 1.6;}

.sub_cont table {width: 100%; border-top: 1px solid #777;}
.sub_cont table th {padding: 5px 20px; height: 30px; background: #f6f6f6; font-weight: 600; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.sub_cont table td {padding: 10px 20px; height: 30px; background-color: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;} 
.sub_cont table th:last-child {border-right: 0;}
.sub_cont table td:last-child {border-right: 0;}


.sub_con .sub_cont .customer_list li {margin-bottom: 20px;}
.sub_con .sub_cont .customer_list li a {position: relative; display: inline-block; padding: 0 10px; font-size: 16px; font-weight: 600;}
.sub_con .sub_cont .customer_list li a:hover {color: #1f286e;}
.sub_con .sub_cont .customer_list li a::after {content:''; display: block; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background-color: #000; border-radius: 50%;}

    /* 금융소비자보호헌장 */
.charter.sub_cont .list li {margin-bottom: 20px;}
.charter.sub_cont .list li .one {display: inline-block; border-radius: 50%; font-size: 18px; font-weight: 600; color: #1f286e;}

    /* 금융소비자보호 조직도 */
.organization.sub_cont .chart {position: relative; margin-top: 40px; text-align: center;}
.organization.sub_cont .chart::before {content: ''; display: block; position: absolute; top: 95px; left: 50%; width: 50%; height: 2px; background-color: #1f286e; z-index: -1;}
.organization.sub_cont .chart::after {content: ''; display: block; position: absolute; top: 0; left: 50%; margin-left: -1px; width: 2px; height: calc(100% - 75px); background-color: #1f286e; z-index: -1;}
.organization.sub_cont .chart .box {width: 200px; padding: 10px 20px; background-color: #fff; border: 1px solid #ddd; font-size: 16px; box-shadow: 2px 2px 1px 1px rgba(0,0,0,.02);}
.organization.sub_cont .chart .box.box1 {margin: 0 auto; margin-bottom: 30px; border-radius: 5px;}
.organization.sub_cont .chart .box.box2 {position: relative; float: right; margin-bottom: 30px;}
.organization.sub_cont .chart .box.box2::before {content:''; display: block; position: absolute; top: -9px; left: -9px; border: 8px solid transparent; border-right-color: #fff; transform: rotate(45deg);}
.organization.sub_cont .chart .box.box2::after {content:''; display: block; position: absolute; top: -3px; left: 4px; width: 1px; height: 15px; background-color: #ddd; transform: rotate(45deg);}

.organization.sub_cont .chart .box.box3 {clear:right; width: 250px; margin: 0 auto; border-radius: 5px;}
.organization.sub_cont .chart .box_desc {position: relative; margin-top: 60px;}
.organization.sub_cont .chart .box_desc::after {content: ''; display: block; position: absolute; top: -30px; left: 50%; margin-left: -30%; width: 60%; height: 2px; background-color: #1f286e;}
.organization.sub_cont .chart .box_desc li {position: relative; display: inline-block; width: 120px; margin: 0 40px; padding: 10px 20px; background-color: #fff; border: 1px solid #1f286e; font-size: 16px;}
.organization.sub_cont .chart .box_desc li::before {content:''; display: block; position: absolute; top: -10px; left: 50%; margin-left: -1px; position: absolute; height: 10px; width: 2px; background-color: #1f286e;}
.organization.sub_cont .chart .box_desc li::after {content:''; display: block; position: absolute; top:-22px; left: 50%; margin-left: -6px; border: 6px solid transparent; border-bottom-color: #1f286e;}
    
    /* 금융소비자보호 내부통제기준 */
.standard.sub_cont .desc {margin-top: 40px;}
.standard.sub_cont .desc .table {float: left; width: 50%; box-sizing: border-box;}
.standard.sub_cont .desc .table1 {border-right: 1px solid #ddd;}

.standard.sub_cont .desc .table table th {border-right: 0;}
.standard.sub_cont .desc .table table td {padding: 10px 15px; border-bottom: 0; border-right: 0; letter-spacing: -0.5px; line-height: 1.4;}
.standard.sub_cont .desc .table td > ul > li {position: relative; padding-left: 10px; margin-bottom: 10px;}
.standard.sub_cont .desc .table td > ul > li::after {content:'-'; display: block; position: absolute; left: 0; top: 0;}
.standard.sub_cont .desc .table td ul ul {margin-top: 5px;}
.standard.sub_cont .desc .table td ul ul li {position: relative; margin-bottom: 5px; padding-left: 10px; line-height: 1.4;}
.standard.sub_cont .desc .table td ul ul li::after {content: ''; display: block; position: absolute; left: 4px; top: 9px; width: 2px; height: 2px; border-radius: 50%; background-color: #000;}

    /* 고객불편접수처리 절차 */
.complaint.sub_cont .list li {margin-bottom: 20px;}
.complaint.sub_cont .list li .number {display: inline-block; margin-right: 5px; width: 22px; height: 22px; line-height: 18px; border-radius: 50%; font-size: 18px; font-weight: 600; color: #fff; background-color: #1f286e; text-align: center;}
.complaint.sub_cont .list li .desc {display: inline-block; margin-left: 35px;}

    /* 민원공시 */
.receive.sub_cont .desc table {}
.receive.sub_cont .desc table th {padding: 5px;}
.receive.sub_cont .desc table td {padding: 10px;}

/* sub0503_211005 board */
/* .default_table,.board_view, .board_write  {margin:40px 0 20px;border-top:2px solid #1f286e;table-layout:fixed;width:100%;} 
.default_table a {display:inline-block;overflow:hidden;width:410px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;}

.board_view th, .board_write th {background:#f5f5f5;font-weight:bold;}
.board_view th, .board_view td, .board_write td {padding:15px 0;border-bottom:1px solid #e3e3e3;font-size:13px;}
.board_view td, .board_write td  {padding-left:15px;}
.board_write th, .board_write td {padding:10px;border-bottom:1px solid #e6e6e6;}
.board_write textarea, .board_write input[type=text]{padding:5px;width:265px;border:1px solid #dedede;}
.board_write input[type=password], .board_write select{box-sizing:border-box;padding:5px;width:210px;border:1px solid #dedede;}
.board_write textarea {min-height:350px;max-width:610px;max-height:350px;width:610px;}
.board_con {padding:10px;min-height:300px;}
.board_con p {margin-bottom:10px;font-size:13px;line-height:22px;}

.board_btm_zone {position:relative;overflow:hidden;margin-bottom:100px;}
.gray_btn {width:75px;height:33px;border:0;background:#f5f5f5;font-weight:bold;font-size:13px;line-height:16px;}
.page_prev {background:#f5f5f5 url(../images/page_prev.png) 16px center no-repeat;text-indent:10px;}
.page_next {background:#f5f5f5 url(../images/page_next.png) 56px center no-repeat;text-indent:-10px;}
.right_btn {float:right;} */

/* sub0103 연혁 200102 수정 */
.clear::after {content: ""; display: block; clear: both;}

.history_wrap .tit {font-size: 47px; font-weight: 600; color: #353535;}
.history_wrap .img {background: url("../images/history_img.jpg")no-repeat center; width: 340px; height: 217px; margin-top: 30px;}
.history_wrap {padding: 50px 0; border-bottom: 1px solid #ddd;}
.history_wrap .now {padding: 0 60px 0 0; border-right: 1px solid #ddd;}
.history_wrap .past {padding: 0 0 0 60px;}

.history .years {color: #464473; font-size: 20px; width: 75px; line-height: 100%;}
.history .cont .month {width: 40px; font-weight: 600; vertical-align: top;}
.history .cont span {display: inline-block; line-height: 180%;}
.history .his_box {margin-top: 25px;}

.history_wrap .past .tit {color: #d9d9d9;}
.history_wrap .past .years {color: #9e9e9e;}
.history_wrap .past .month {color: #464473;}

.career {margin-top: 66px;}
.career .tit {font-size: 30px; margin-bottom: 30px; font-weight: 600;}
.career .cont {background-color: #faf9fe; padding: 40px 70px; box-sizing: border-box; width: 50%;}
.career .cont:first-child{border-right: 1px solid #ddd;}
.career .cont li {padding-left: 30px; background: url("../images/history_ico.jpg")no-repeat 0px 4px; width: 100%; margin-bottom: 10px;}
.career .cont li:last-child {margin-bottom: 0;}
.career .cont li .month {font-weight: 600; width: 60px;}
.career .cont li .txt { color: #7d7d7f;}
.career .cont li span {display: inline-block;}


/* 231026 연락금지요구권, 모집종사자 조회 */
/* 공통 */
.sub-btn { display: block; min-width: 120px; padding: 10px 20px; text-align: center; background-color: #1f286e; color: #fff; font-weight: 500; font-size: 13px; border-radius: 30px; }

/* 연락금지요구권 */
.untact .con .cont-box { padding: 20px; border: 1px solid #ddd; margin-bottom: 20px; }
.untact .con .cont-box > p { padding-bottom: 10px; }
.untact .con .cont-box > p > span { font-weight: bold; padding-left: 16px; }
.untact .con .cont-box > ul { padding-bottom: 5px; }

.untact .con .table1 { padding: 10px 0 20px; }

.untact .con .cont-box.file-down > ul::after { content: ''; display: block; clear: both; height: 0; }

.untact .con .file-down { padding: 10px 0; }
.untact .con .file-down > ul > li { float: left; margin-right: 10px; }
.untact .con .file-down > ul > li:last-child { margin-right: 0; }

/* 모집종사자 조회 */
.planner .con p.h3-tit { font-size: 17px; font-weight: 600; padding-left: 20px; position: relative; margin-bottom: 15px; }
.planner .con p.h3-tit::before { content: ''; width: 12px; height: 12px; background: url('../images/tit_icon.jpg') no-repeat center/contain; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
 
.planner .con > p { margin-bottom: 30px; }
.planner .chk-box { padding: 20px; border: 1px solid #ddd; margin-bottom: 30px; }
.planner .chk-box fieldset { display: flex; }

.extra-part {  padding: 20px; border: dashed 2px #9CBBDA; border-radius: 7px; }

.chk-itm { padding-right: 20px; }
.chk-itm.chk-itm-name { width: 30%; }
.chk-itm.chk-itm-num { width: calc(75% - 150px); }
.chk-itm > label { display: inline-block; font-size: 15px; font-weight: 600; line-height: 40px; }
.chk-itm > input[type='text'] { display: inline-block; height: 40px; padding: 5px; margin-left: 10px; box-sizing: border-box; }

.chk-itm.chk-itm-name > input[type='text'] { width: calc(100% - 50px); }
.chk-itm.chk-itm-num > input[type='text'] { width: calc(100% - 150px); }

.planner span.exp-txt { display: block; padding-top: 20px; color: #b3b3b3; font-size: 13px; }

.out-link > ul { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; }
.out-link > ul > li { width: calc((100% - 30px) / 4); max-width: 180px; height: 54px; margin-right: 10px; border-radius: 15px; border: 1px solid #eee; overflow: hidden; }
.out-link > ul > li:last-child { margin-right: 0; }
.out-link > ul > li img { width: 100%; }


.planner .result-box p.h3-tit { margin-bottom: 10px; }

.planner .result-box > div > ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: start; }
.planner .result-box-top { margin-bottom: 30px; }
.planner .result-box-top > ul > li { width: 35%; box-sizing: border-box; margin-left: 10px; }
.planner .result-box-top > ul > li:first-child { width: 25%; margin-left: 0; }
.planner .result-box-top > ul > li:last-child { width: 40%; }

.planner .result-box-top .reult-list { padding: 15px; background: #f5f5f5; }
.planner .reult-list .itm-name { width: 100%; font-size: 15px; font-weight: bold; padding-bottom: 5px; }
.planner .reult-list .result-itm { width: 100%; padding: 7px; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; }

.planner .result-box-btm > ul > li { width: calc((100% - 30px) /2); margin-right:30px; }
.planner .result-box-btm > ul > li:last-child { margin-right: 0; }
.planner .reult-list .list-box { width: 100%; height:280px; padding: 20px; border: 1px solid #ddd; box-sizing: border-box; overflow-y: auto; line-height: 140%; }

.planner .result-box { padding: 40px 30px 30px; border: 1px solid #ddd; margin-bottom: 30px; }
.planner .result-none p { font-size: 20px; text-align: center; font-weight: bold; }
.planner .result-none p.ex-mark { width: 30px; line-height: 30px; font-weight: bold; font-size: 24px; border-radius: 50%; border: 2px solid #333; margin: 10px auto 30px; }
.planner .result-none span.exp-txt { text-align: center; margin-top: 20px; }