@charset "utf-8";

.fcRed {color: #d52222 !important;}
.fcPoint {color: #0e7886 !important;}
.fcBlue {color: #13a5d3 !important;}
.fcGrey {color: #b9b9b9 !important;}

.essen:before {color: #f31323 !important;}

.agreeCon::-webkit-scrollbar,
.scrollArea::-webkit-scrollbar {width:10px;height: 10px; }
.agreeCon::-webkit-scrollbar-track,
.scrollArea::-webkit-scrollbar-track {background-color: #eee;}
.agreeCon::-webkit-scrollbar-thumb,
.scrollArea::-webkit-scrollbar-thumb {background-color: #aaa;}

input,
select,
textarea {outline:none;}

select,
input:focus {outline:none;}


select,
input[type='text'],
input[type='password'],
textarea {height: 40px;padding:5px 10px 7px;border:1px solid #cacaca;box-sizing:border-box;font-family: 'Pretendard-Regular', sans-serif;background-color: #fff;}
select {padding:0;}
textarea {width: 100%;height: 150px;box-sizing:border-box;}

select.wide,
input.wide {width: 100% !important;}

input[type=radio],
input[type=checkbox] {display: inline-block;vertical-align:top;margin:0 10px 0 20px;}
table input[type=radio],
table input[type=checkbox] {vertical-align:top;margin:7px 10px 0 20px;}
input[type=radio]:first-child,
input[type=checkbox]:first-child {margin-left:0 !important;}
table input[type=radio] {vertical-align:middle !important; margin: 0 10px 0 20px !important;}


span.inputC,
span.inputR {overflow: hidden;position: relative;display: inline-block;vertical-align: top;width: 20px;height: 20px;border-radius:5px;background: url('/image/icon/checked.png') center center no-repeat, linear-gradient(to bottom, #6e6e6e, #848484) ;box-sizing:border-box;}
span.inputR {border-radius:50%;}

span.inputC.on,
span.inputR.on {background: url('/image/icon/checked.png') center center no-repeat, linear-gradient(to bottom, #15c7a3, #2bacde);}

span.inputC input,
span.inputR input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0 !important;opacity: 0;}




/* ========================================================================================================== */
/* ============================================= 버튼 및 폼태그 공통 CSS ============================================ */
/* ========================================================================================================== */
img.essenImg {display:inline-block;vertical-align:middle;padding:0 5px 0 0;}

img {max-width:100%;}

a.conLink {text-decoration:none;color: inherit;}
a.conLink:hover,
a.conLink:focus {}
a img {vertical-align:middle;}


a,
input[type=submit],
input[type=button],
input[type=reset],
button {display:inline-block;margin:0;padding:0;border:0 none;cursor:pointer;text-decoration: none; color: inherit;outline:none;font-family: 'Pretendard-Regular', sans-serif;}
select,
textarea {margin:0;outline:none;font-family: 'Pretendard-Regular', sans-serif;box-sizing:border-box;}



/* 버튼 영역 */
.btnArea {position:relative;margin-top: 50px;text-align:center;}
.btnArea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.btnArea > * {margin-left: 10px;}
div.btnArea > *:first-child {margin-left: 0;}
.btnArea .posTL,
.btnArea .posTR {overflow:hidden;}
.btnArea .posTL > *,
.btnArea .posTR > * {float:left;margin-left:5px;}
.btnArea .posTL > *:first-child,
.btnArea .posTR > *:first-child {margin-left:0;}


.btn a,
.btn > span,
.btn input,
.btn button {position: relative;display:inline-block;text-decoration:none;cursor:pointer;height:40px;padding:0 30px 2px;font-size:15px;border-style:solid;border-width:1px;vertical-align:top;font-family: 'Pretendard-Bold', sans-serif;box-sizing:border-box;}

.btn a, .btn > span {height:auto;line-height: 20px;padding: 9px 30px;}
.btn i {padding-right: 5px;}

.btn a img {display: inline-block;vertical-align: top;margin: 3px 15px 0 0;}

span.btn {display:inline-block;vertical-align:top;}

.btn > span {display: inline-block;position: relative;}
.btn > span .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;border: 0 none;}

.btn .btnBig {min-width: 220px;height: 60px;padding: 0 30px 2px;border-radius: 3px;font-size: 20px;text-align: center;font-family: 'Pretendard-Bold', sans-serif;box-shadow: 0 7px 7px rgba(200,213,217,0.15);}
.btn a.btnBig {height: auto;line-height: 56px;}

.btn .btnRound {min-width: 200px;height: 55px;border-radius: 27.5px;padding: 0 30px 2px;font-size: 19px;text-align: center;font-family: 'Pretendard-Bold', sans-serif;box-shadow: 0 14px 16px rgba(159,172,184,0.14);}
.btn a.btnRound {height: auto;line-height: 51px;}


/* 민트색 */				    .btn .btnDef {background-color:#13b5b1 !important;border-color:#13b5b1 !important;color:#fff !important;}
/* 진하늘색 */				.btn .btnPoint {background-color:#4a849e !important;border-color:#4a849e !important;color:#fff !important;}
/* 파란색 */				    .btn .btnBlue {background-color:#136bb5 !important;border-color:#136bb5 !important;color:#fff !important;}
/* 회색 */					.btn .btnGrey {background-color:#6b6b6b !important;border-color:#6b6b6b !important;color:#fff !important;}
/* 빨간색 */					.btn .btnRed {background-color:#e6503a !important;border-color:#e6503a !important;color:#fff !important;}
/* 주황색 */					.btn .btnOrg {background-color:#f37c12 !important;border-color:#f37c12 !important;color:#fff !important;}


/* border+민트색 */		.btn .btnBdDef {background-color:#fff !important;border-color:#13b5b1 !important;color:#13b5b1 !important;}
/* border+진하늘색 */		.btn .btnBdPoint {background-color:#fff !important;border-color:#4a849e !important;color:#4a849e !important;}
/* border+파란색 */		.btn .btnBdBlue {background-color:#fff !important;border-color:#136bb5 !important;color:#136bb5 !important;}
/* border+회색 */			.btn .btnBdGrey {background-color:#fff !important;border-color: #6b6b6b !important;color: #6b6b6b !important;}


/* 그라데이션 + 파란색 계열 */				.btn .btnGr {border: 0 none !important;background: linear-gradient(45deg, #2b5bbb, #27a5aa) !important;color:#fff !important;}
/* 그라데이션 + 보라색 계열 */	            .btn .btnGr2 {border: 0 none !important;background: linear-gradient(45deg, #682bbb, #aa2771) !important;color:#fff !important;}
/* 그라데이션 + 주황색 계열 */	            .btn .btnGrOrg {border: 0 none !important;background: linear-gradient(45deg, #f37c12, #f35c12) !important;color:#fff !important;}
/* 그라데이션 + 주황색 계열2 */	        .btn .btnGrOrg2 {border: 0 none !important;background: linear-gradient(45deg, #e6503a, #f1802c) !important;color:#fff !important;}
/* 그라데이션 + 갈색 */	                    .btn .btnGrBrown {border: 0 none !important;background: linear-gradient(45deg, #ccb1ae, #c29e97); !important;color:#fff !important;}
/* 그라데이션 + 검정색 */	                .btn .btnGrBlack {border: 0 none !important;background: linear-gradient(45deg, #666f81, #3f4a62) !important;color:#fff !important;}

/* 등록 */					.btn .upload {background-color:#3c6476 !important;border-color:#3c6476 !important;color:#fff !important;}
/* 목록 */					.btn .list {background-color:#fff !important;border-color:#8598a1 !important;color:#3c6476 !important;}
/* 수정 */					.btn .modify {background-color:#5e9bb8 !important;border-color:#5e9bb8 !important;color:#fff !important;}
/* 삭제 */					.btn .delete {background-color:#faf5f5 !important;border-color:#bb0f18 !important;color:#bb0f18 !important;}
/* 취소 */					.btn .btnReset {background-color:#9fb2bb !important;border-color:#9fb2bb !important;color:#fff !important;}


/* 마감 */					.btn .closed {background-color:#e1edf1 !important;border-color:#e1edf1 !important;color:#b9c8cd !important;}
/* 신청 */					.btn .btnApply {background-color:#f37c12 !important;border-color:#f37c12 !important;color:#fff !important;}
.btn .closed,
.btn .btnApply {width: 90px;height: 30px;padding: 5px 12px !important;border-radius: 5px;font-size: 12px !important;font-family: 'Pretendard-SemiBold', sans-serif;box-sizing:border-box;}
.btn .btnApply {text-align: left !important;background-repeat: no-repeat;background-position: right 12px center;background-image: url('/image/icon/icon_arr.png');}

.btn .btnClick {min-width: 200px;height: 55px;padding: 15px;border-radius: 27.5px;text-align: center;font-size: 19px;line-height: 25px;font-family: 'Pretendard-Bold', sans-serif;box-shadow: 0 14px 16px rgba(159,172,184,0.14);}
.btn .btnClick:after {display: inline-block;vertical-align: top;width: 22px;height: 25px;margin-left: 15px;background: url('/image/icon/icon_cursor.png') center center no-repeat;content: '';}

.btn .btnPrev,
.btn .btnNext,
.btn .btnComp {padding: 15px 25px;border-radius: 5px;color: #fff;font-size: 16px;line-height: 25px;font-family: 'Pretendard-Bold', sans-serif;}

.btn .btnPrev:before,
.btn .btnNext:after,
.btn .btnComp:after {display: inline-block;vertical-align: top;background-position: center center;background-repeat: no-repeat;content: '';}

.btn .btnPrev {background-color: #d0b3af;border-color: #d0b3af;}
.btn .btnPrev:before {margin: 8px 14px 0 0;width: 22px;height: 7px;background-image: url('/image/sub/bl_prev.png');}

.btn .btnNext {background-color: #d7503a;border-color: #d7503a;}
.btn .btnNext:after {margin: 8px 0 0 14px;width: 22px;height: 7px;background-image: url('/image/sub/bl_next.png');}

.btn .btnComp {background-color: #24b2bf;border-color: #24b2bf;}
.btn .btnComp:after {margin: 0 0 0 13px;width: 19px;height: 22px;background-image: url('/image/sub/bl_comp.png');}

.btn .btnJoin {min-width: 220px;height: 60px;padding: 0 30px 2px;border-radius: 3px;border: 0 none !important;background: linear-gradient(45deg, #e6503a, #f1802c) !important;color:#fff !important;font-size: 20px;text-align: center;font-family: 'Pretendard-Bold', sans-serif;box-shadow: 0 7px 7px rgba(200,213,217,0.15);}

/* 타이틀 관련 */
.subTit {margin: 40px 0 15px;padding-left: 30px;background: url('/image/common/subTit_bl.png') left center no-repeat;color: #333b3e;font-size: 25px;line-height: 30px;font-family: 'GangwonEduPowerExtraBold', sans-serif;}
.pointTit {margin: 60px 0 35px;color: #13a5d3;font-size: 40px;line-height: 45px;font-family: 'GangwonEduPowerExtraBold', sans-serif;}
.pointTit span {display: inline-block;padding: 0 4px;vertical-align: top;box-shadow: inset 0 -13px 0 #def7ff}
.boldTit_bl {position: relative;margin: 30px 0 5px;padding-left: 22px;color: #2986b1;font-size: 22px;line-height: 30px;font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;}
.boldTit_bl:before {position: absolute;top: 13px;left: 0;display: block;width: 11px;height: 3px;background-color: #2b83bb;content: '';}
.boldTit {margin: 30px 0 12px;padding: 0;color: #13a5d3;font-size: 23px;line-height: 30px;font-weight: normal;font-family: 'GangwonEduPowerExtraBold', sans-serif;}
.boldTit span {color: #e6503a;}

.subTit:first-child,
.pointTit:first-child,
.boldTit_bl:first-child {margin-top: 0;}

/* 서브메뉴 */
ul.subMenu, ul.subMenu li, ul.subMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.subMenu {position: relative;/* overflow: hidden; */margin-bottom: 30px;border-radius: 10px 10px 0 0;border: 3px solid #13a7d0;border-bottom: 0 none;font-size: 0;line-height: 0;text-align: center;}
ul.subMenu:after {z-index: 1;position: absolute;top: 0;left: -3px;display: block;width: calc(100% + 6px);height: 100%;background: linear-gradient(to bottom, rgba(255,255,255,0) 70%, rgba(255,255,255,1) );content: '';}
ul.subMenu > li {z-index: 2;overflow: hidden;position: relative;display: inline-block;width: calc(1290px/6);vertical-align: top;}
ul.subMenu > li:before {position: absolute;top: 25px;left: 0;display: block;width: 1px;height: 15px;background-color: #cecece;content: '';}
ul.subMenu > li:first-child {border-radius: 10px 0 0 0}
ul.subMenu > li:last-child {border-radius: 0 10px 0 0}
ul.subMenu > li:first-child:before {display: none;}
ul.subMenu a {display: block;padding: 15px;background: #fff;color: #868686;font-size: 18px;line-height: 35px;}
ul.subMenu .on a {color: #13a5d3;font-family: 'Pretendard-Bold', sans-serif;}
ul.subMenu .on:after {position: absolute;top: 0;left: 50%;display: block;width: 15px;height: 7px;background: url('/image/common/subMenu_on.png') center center no-repeat;transform: translateX(-50%);content: '';}

ul.subMenu.col2ea {width: fit-content; margin: 0 auto 30px;}
ul.subMenu.col2ea li {min-width: 445px}

/* 컨텐츠 메뉴 */
ul.conMenu, ul.conMenu li, ul.conMenu a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.conMenu {padding: 35px 0;font-size: 0;line-height: 0;text-align: center;}
ul.conMenu > li {display: inline-block;vertical-align: top;width: 350px;padding: 0 20px;}
ul.conMenu a {display: block;width: 100%;padding: 15px;border: 1px solid #dce4e6;background-color: #f0f7f9;border-radius: 30px;color: #5f757b;font-size: 18px;line-height: 28px;box-sizing: border-box;}
ul.conMenu .on a {border-color: #00489a;background-color: #00489a;color: #fff;font-family: 'Pretendard-SemiBold', sans-serif;box-shadow: 0 8px 16px rgba(154,165,168,0.35);}

/* 탭메뉴 */
ul.tabMenu, ul.tabMenu li, ul.tabMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.tabMenu {}
ul.tabMenu:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
ul.tabMenu > li {overflow: hidden;float: left;width: 300px;margin-left: -12px;}
ul.tabMenu > li:first-child {margin-left: 0;}
ul.tabMenu > li:first-child a {border-left: 3px solid #d7e8ee;margin-left: 0;}
ul.tabMenu a {display: block;padding: 10px 30px;margin-left: -20px;border-right: 3px solid #d7e8ee;border-top: 3px solid #d7e8ee;border-radius: 15px 15px 0 0;text-align: center;font-size: 18px;line-height: 30px;box-sizing:border-box;color: #cedbdf;}
ul.tabMenu .on {position: relative;z-index: 5;}
ul.tabMenu .on a {margin-left: 0;border-right-color: #13a5d3 !important;border-top-color: #13a5d3 !important;border-left: 3px solid #13a5d3 !important;background-color: #fff;color: #13a5d3;font-family: 'Pretendard-SemiBold', sans-serif;}

/* 보더 메뉴 */
ul.bdMenu, ul.bdMenu li, ul.bdMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.bdMenu {position: relative;font-size: 0;line-height: 0;text-align: right;}
ul.bdMenu:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background-color: #3c6476;content: '';}
ul.bdMenu > li {display: inline-block;vertical-align: top;width: 250px;margin-left: -1px;}
ul.bdMenu > li:first-child {}
ul.bdMenu a {display: block;padding: 12px 5px 13px;border-left: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;text-align: center;color: #959595;font-size: 20px;line-height: 35px;font-family: 'Pretendard-Medium', sans-serif;}
ul.bdMenu .on {position: relative;z-index: 1;}
ul.bdMenu .on a {border-width: 3px;border-color: #3c6476;background-color: #fff;padding: 11px 5px 12px;color: #3c6476;font-size: 21px;font-family: 'Pretendard-SemiBold', sans-serif;}

ul.col2ea > li {width: 50%;}
ul.col3ea > li {width: 33.3%;}
ul.col3ea > li:nth-child(3n+1) {clear: both;width: 33.4%;}
ul.col4ea > li {width: 25%;}

/* 준비중 */
div.ing {width: 715px;margin: 0 auto;padding: 75px 0 70px;background-color: #f3fafa;border-radius: 50px;text-align: center;color: #333;font-size: 18px;line-height: 26px;}
div.ing img {display: block;margin: 0 auto 30px;}
div.ing span {display: block;color: #2caa8d;font-size: 45px;line-height: 70px;font-family: 'NanumSquareB', sans-serif;letter-spacing: -1px;}

/* 리스트 스타일 */
ul.listBar, ul.listBar > li {margin: 0;padding: 0;list-style: none;}

ul.listBar {}
ul.listBar > li {position: relative;padding-left: 15px;}
ul.listBar > li:before {position: absolute;top: 0;left: 0;content: '-';}

/* 기본 table */
table.tblDef {border-top: 2px solid #13b0c4;border-bottom: 1px solid #dcdcdc;}
table.inputTbl {border-top: 2px solid #13b0c4;border-bottom: 1px solid #cddbe0;}

table.tblDef > * > tr > * {padding:10px;color: #575757;border-top:1px solid #dcdcdc;font-size: 16px;line-height: 25px;font-family: 'Pretendard-Regular', sans-serif;}
table.innerTbl > * > tr > *,
table.inputTbl > * > tr > * {padding:10px;color: #525252;border-left: 1px solid #cddbe0;border-top:1px solid #cddbe0;font-size: 16px;font-family: 'Pretendard-Regular', sans-serif;}

table.tblDef > * > tr > *,
table.innerTbl > * > tr > *,
table.inputTbl > * > tr > * {text-align:left;}


table.tblDef > thead > tr:first-child > *,
table.tblDef > colgroup + tbody > tr:first-child > *,
table.innerTbl > * > tr:first-child > *,
table.innerTbl > colgroup + tbody > tr:first-child > *,
table.inputTbl > thead > tr:first-child > *,
table.inputTbl > colgroup + tbody > tr:first-child > * {border-top: 0 none;}


table.tblDef > * > tr > *:first-child,
table.innerTbl > * > tr > *:first-child,
table.inputTbl > * > tr > *:first-child {border-left: 0 none;}

table.tblDef > * > tr > th,
table.tblDef > * > tr > .bg {text-align: center;font-weight: normal;color: #323232;background-color: #f6f6f6;word-break:keep-all;font-size: 17px;font-family: 'Pretendard-Bold', sans-serif;}

table.inputTbl > * > tr > th,
table.borderTbl > * > tr > th {font-weight: normal;background-color: #f0fbff;word-break:keep-all;color: #26373d;font-size: 17px;font-family: 'Pretendard-Bold', sans-serif;}


table .bdLeft {border-left:1px solid #cddbe0 !important;}



table.inputTbl {}
table.inputTbl > * > tr > td {color: #525252;}
table.inputTbl > * > tr > td.pluginArea {border-left: 0 none;padding: 0;}

table.innerTbl {}
table.innerTbl > thead > tr > th {border-bottom: 1px solid #e5e1df;background-color: #f8f8f8;color: #222;font-family: 'Pretendard-Bold', sans-serif;}
table.innerTbl > tbody > tr > th {text-align: center !important;background-color: #f0fbff;color: #26373d;font-family: 'Pretendard-Bold', sans-serif;}

/* 리스트 테이블 */
table.listTbl {}
table.listTbl > * > tr > * {text-align: center;}
table.listTbl > * > tr > td {padding: 8px;border-bottom: 1px solid #c7d2d7;border-left: 1px solid #c7d2d7;color: #464545;font-size: 15px;line-height: 20px;}
table.listTbl > * > tr > td:first-child {border-left: 0 none;}
table.listTbl > thead > tr > th {padding: 10px;background-color: #13a5d3;background-image: url('/image/common/th_bg.png');background-position: left center;background-repeat: no-repeat;color: #fff;font-size: 17px;line-height: 30px;font-family: 'Pretendard-Bold', sans-serif;}
table.listTbl > thead > tr > th:first-child {background-image: none;}

table.ac > * > tr > * {text-align: center !important;}

/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */

/* 게시판 검색 */
div.bbsSearch {position:relative;overflow:hidden;padding: 0 0 25px;text-align:right;font-size: 0;line-height: 0;}

div.bbsSearch select,
div.bbsSearch input[type=text] {height: 40px;border: 1px solid #bfd2db;border-radius: 20px;color: #3c6476;font-size: 13px;line-height: 38px;font-family: 'Pretendard-Regular', sans-serif;box-sizing:border-box;}

div.bbsSearch select {width: 100px;padding-left: 15px;}
div.bbsSearch input[type=text]  {width: 300px;margin-left: 10px;padding: 0 45px 0 20px;}
div.bbsSearch input[type=text]::placeholder {color: #a8bbc3;}
div.bbsSearch input[type=submit] {position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: url('/image/icon/btn_search.png') center center no-repeat;font-size: 0;line-height: 0;}

div.bbsSearch div.count {position: absolute;left: 20px;top: 50%;transform:translateY(-50%);color: #000;font-size: 15px;line-height: 20px;font-family: 'Pretendard-Light', sans-serif;}
div.bbsSearch div.count span {font-family: 'Pretendard-SemiBold', sans-serif;}


/* 게시판 리스트 */
div.noResult {padding: 150px 0;border-top: 2px solid #002c6a;border-bottom: 1px solid #e5e5e5;text-align: center;color: #191818;font-size: 20px;line-height: 30px;font-family: 'NanumSquareB', sans-serif;}
div.noResult img {display: block;margin: 0 auto 30px;}



/* 게시판 리스트 */
table.bbs > * > tr > td {text-align: center;border-left: 0 none;font-family: 'Pretendard-Regular', sans-serif;}
table.bbs > * > tr > th {padding: 0;height: 50px;color: #222;font-size: 18px;background-color: #f0fbff;background-image: url('/image/common/th_bg.png');background-position: left center;background-repeat: no-repeat;border-left: 0 none;color: #26373d;}
table.bbs > * > tr > th:first-child {background-image: none;}
table.bbs > tbody > tr > .bg {padding: 10px;background-color:#f0fbff;color:#26373d;text-align:center;}

table.bbs > tbody > tr > td > a {display:inline-block;vertical-align: top;}

table.bbs > tbody > tr > td.tit {text-align:left;}
table.bbs > tbody > tr > td.tit a {display:inline-block;overflow:hidden;position:relative;width: 300px;text-overflow:ellipsis; white-space:nowrap;text-decoration: none;}


table.bbs > tbody > tr > td.tit a > span {display: inline;}
table.bbs > tbody > tr > td.tit img, 
table.bbs td.file a img {display: inline-block;vertical-align:top;padding:0 5px 0 0;}

table.bbs span.notice {position: relative;display: inline-block;width: 20px;height: 21px;text-indent: -10000px;}
table.bbs span.notice:before {position: absolute;left: 0;top: 0;width: 100%;content: "\f0f3";font-family: "Font Awesome 5 Free";font-weight: 900;text-indent: 0;text-align: center;}


table.bbs td.tit span.reply {position: absolute;top: 50%;height: 21px;margin-top: -11px;padding: 0;}
table.bbs td.tit img.new {position:absolute;right: 0;top:50%;width: 20px;margin-top: -10px;padding: 0;}

table.bbs td.tit a.attach .attach,
table.bbs td.tit a.reply .reply {right: 0;}
table.bbs td.tit a.attach.reply span.attach {right: 20px;}
table.bbs td.tit a.attach {width: 300px;text-indent: 0;}

table.bbs td.tit a.new.attach .attach,
table.bbs td.tit a.new.reply .reply {right: 34px;}

table.bbs td.tit img.icon {display: inline-block;padding-right: 5px;vertical-align: top;}

table td.file,
table td.con {text-align:left;padding:10px;}

table td.file a {text-decoration: none;color: inherit;}
table td.con {height: 300px;vertical-align: top;}

table.bbs td input[type=radio],
table.bbs td input[type=checkbox] {margin-left:15px;}
table.bbs td input[type=radio]:first-child,
table.bbs td input[type=checkbox]:first-child {margin-left:0;}
table.bbs td.pluginArea {padding:0 !important;}

table.bbs select {height: 28px;min-width: 85px;border-color: #d0dde3;color: #a2abaf;font-size: 13px;}
table.bbs .util {}
table.bbs .util a {display: inline-block;vertical-align: top;}
table.bbs .util img {display: block;}

table.bbs td.noData {height: 200px;text-align: center;color: #b8c3d4;font-size: 24px;line-height: 35px;}
table.bbs td.noData img {display: block;margin: 0 auto 15px;}

/* 게시판 > 상세보기 */
div.bbsView {padding-bottom: 25px;border-bottom: 1px solid #cddbe0;}

div.bbsView div.bbsCon {padding: 50px;font-size: 16px;line-height: 24px;}
div.bbsView div.bbsCon * {font-family: 'Pretendard-Light', sans-serif;color: #000;}
div.bbsView .bbsTit, div.bbsView dl, div.bbsView dt, div.bbsView dd, div.bbsView ul, div.bbsView li, div.bbsView a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

div.bbsView .bbsTit {padding: 10px;background-color: #3c6476;font-weight: normal;text-align: center;color: #fff;font-size: 22px;line-height: 40px;font-family: 'Pretendard-SemiBold', sans-serif;}

div.bbsView ul.info {overflow: hidden;padding: 15px 30px;border-bottom: 1px solid #cddbe0;font-size: 0;line-height: 0;text-align: right;}
div.bbsView ul.info > li {position: relative;display: inline-block;padding: 0 20px;vertical-align: top;}
div.bbsView ul.info li:last-child {padding-right: 0;}
div.bbsView ul.info > li:before {position: absolute;left: 0;top: 6px;width: 1px;height: 10px;background-color: #dadada;content: "";}
div.bbsView ul.info > li:first-child:before {display: none;}
div.bbsView ul.info > li,
div.bbsView ul.info a {font-size: 15px;line-height: 23px;color: #626161;} 
div.bbsView ul.info > li span {display: inline-block;margin-right: 5px;vertical-align: top;color: #000;font-size: 15px;line-height: 23px;font-family: 'Pretendard-Medium', sans-serif;}
div.bbsView ul.info li.relLink a:before {display: inline-block;width: 16px;height: 20px;margin: 2px 10px 0 0;vertical-align: top;background: url('/image/icon/icon_relLink.png') center center no-repeat;content: '';}

ul.attach, ul.attach li, ul.attach a {display: block;margin: 0;padding: 0;list-style: none;}
ul.attach {margin: 0 25px !important;padding: 30px !important;background-color: #f3f7f9;border: 1px solid #d1d9dd;border-radius: 5px;}
ul.attach li {margin-top: 15px;}
ul.attach li:first-child {margin-top: 0;}
ul.attach a {display: inline-block;vertical-align: top;color: #2f3df8;font-size: 16px;line-height: 20px;font-family: 'Pretendard-Medium', sans-serif;text-decoration: underline;}
ul.attach img {display: inline-block;margin: 2px 10px 0 0;vertical-align: top;}


table.listTbl td input[type=radio],
table.listTbl td input[type=checkbox] {margin-left:15px;}
table.listTbl td input[type=radio]:first-child,
table.listTbl td input[type=checkbox]:first-child {margin-left:0;}
table.listTbl td.pluginArea {padding:0 !important;}

table.listTbl span.bullet {display:inline-block;height:24px;padding:0 5px;line-height:20px;text-align:center;color:#fff;}

table.listTbl td.utilBtn span,
table.listTbl td.utilBtn a {vertical-align: top;}

table.listTbl td.noData {padding: 20px 0 !important;font-weight: 600;text-align: center !important;}


/* 게시글쓰기 */
div.bbsWrite {font-family: 'NotoSansKR Medium';}

table.inputTbl .date > * {float: left;margin-left: 5px;}
table.inputTbl .date > *:first-child {margin-left: 0;}
table.inputTbl .date label,
table.inputTbl .date span {width: auto;line-height: 40px;}
table.inputTbl .date select {width: 80px;}
table.inputTbl .date select:first-child {width: 120px;}

table.inputTbl .date input[type=text] {width: 120px;padding-right: 30px;}
table.inputTbl .date input[type=image] {width: 16px;margin: 12px 0 0 -25px;}

table.inputTbl span, table.inputTbl label {line-height: 40px;}

table.inputTbl .multi > span,
table.inputTbl .multi > label,
table.inputTbl td.phone span,
table.inputTbl td.phone label,
table.inputTbl td.address > span,
table.inputTbl td.address > label,
table.inputTbl td.birth > span,
table.inputTbl td.birth > label,
table.inputTbl td.email > span,
table.inputTbl td.email > label {line-height:40px;}

table.inputTbl .multi input[type=radio],
table.inputTbl .multi input[type=checkbox] {margin:12px 5px 0 20px !important;}

ul.popSize, ul.popSize li {margin: 0;padding: 0;list-style:none;}
ul.popSize li {margin-top:5px;}
ul.popSize li:first-child {margin-top:0;}
ul.popSize li input[type=text] {width:80px; margin-right:5px; text-align:center;}
ul.popSize li span {line-height: 40px;vertical-align: top;}



/* 게시판 하단 pager */
ul.pager {padding: 25px 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline-block;width: 100%;vertical-align: top;}

ul.pager a {display: inline-block;width: 30px;border:0 none;padding: 5px 0 5px;text-align: center;vertical-align: top;font-size: 14px;line-height:20px;text-decoration: none;color: #222;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;width: 30px;padding:0;}

ul.pager a.on {background-color: #a3a3a3;color: #fff;text-align: center;}
ul.pager a img {vertical-align: top;}

div.bbsUtil + ul.pager {padding: 50px 0 25px;}

div.bbsUtil {overflow: hidden;position: relative;margin-top: 40px;text-align: right;font-size: 0;line-height: 0;}
div.noResult + div.bbsUtil {margin-top: 0;padding-top: 30px;}
div.bbsUtil > * {width: 125px;height: 55px;margin-left: 12px;padding: 0;font-size: 20px;line-height: 53px;font-family: 'Pretendard-SemiBold', sans-serif;text-align: center;border-radius: 2px;}
div.bbsUtil > *:first-child {margin-left: 0;}

/* 파일첨부 */
div.selectFile {position: relative;}
div.selectFile:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.selectFile > * {float: left;}
div.selectFile .search {position: relative;width:85px;height:40px;margin-left: 5px;padding: 0;line-height: 40px;background-color:#494f53;text-align: center;color: #fff;}
div.selectFile input[type=file] {z-index: 10;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;opacity: 0;}

div.selectFile span.attach {display: block;clear: both;padding: 0 20px 0 0;margin: 5px 0 0 0;color: #0e1c4b;font-size: 13px;line-height: 28px;}
div.selectFile span.attach a {top: 50%;transform: translateY(-50%);margin-top: 0;}
div.selectFile a.del,
div.selectFile a.add {position: static;display: inline-block;width: 50px;margin: 0 0 0 5px;border: 1px solid #4a849e ;vertical-align: top;text-align: center;font-size: 16px;line-height: 38px;font-family: 'Pretendard-SemiBold', sans-serif;}

div.selectFile a.del {color: #4a849e  ;}
div.selectFile a.add {color: #fff;background-color: #4a849e  ;}

/* ========================================================================================================== */
/* ================================================ 게시판 팝업 =============================================== */
/* ========================================================================================================== */
body.pop {margin:0; padding:0; height:100%; background-color:#fff;font-family:'NotoSansKR Regular', sans-serif;word-break:break-all;}
body.pop form {margin:0; padding:0;}

#popClose {position:fixed; bottom:0; left:0; width:100%;height:22px; line-height:22px; font-size:13px; overflow:hidden; text-align:right; background-color:#b2b2b2;}
#popClose:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 #popClose {position:static;zoom:1;}

#popClose * {vertical-align:middle;}
#popClose form {background-color:#535353;}
#popClose .fl {width:50%; margin-left:10px;}
#popClose .fl label, #popClose .fl input[type='checkbox'] {float:left;}
#popClose .fl label {margin:0 10px 0 5px;}
#popClose .fl input[type='checkbox'] {margin:5px 0 0 0;}
#popClose a {padding-right: 10px;text-decoration:none;font-family: 'NotoSansKR Bold', sans-serif;}


@media all and (-ms-high-contrast:none) {
	#popClose .fl input[type='checkbox'] {margin-top:1px;} /* IE10 */
	*::-ms-backdrop, #popClose .fl input[type='checkbox'] {margin-top:4px;} /* IE11 */
}
.ie7 #popClose .fl input[type='checkbox'],
.ie8 #popClose .fl input[type='checkbox'],
.ie9 #popClose .fl input[type='checkbox'] {margin:0;}

#popClose a,
#popClose label {color:#fff;font-family: 'NotoSansKR Bold', sans-serif;}

/* popup skin */
.skinWrap {position:relative; min-height:100%;border: 1px solid #eaeaea;} /* width:500px; */
.skinWrap.skin01 {}
.skinWrap.skin02 {}
.skinWrap .popHeader {}

.popHeader {padding-top: 72px;background:#f3f6fa url('/image/common/popupTit_logo.png') center 8px no-repeat;}
.skin01 .popHeader {}
.skin02 .popHeader {padding-top: 88px;background-color: #f1f5f5;background-position: center 18px;}

.skinWrap .popHeader .tit {margin: 0;padding:10px 20px 10px 20px;font-weight:normal; font-size:22px;line-height:40px;font-family: 'NotoSansKR Bold', sans-serif;}
.skin01 .popHeader .tit {color:#fff;background: #3c6476 url('/image/common/popupTit_bg.png');text-align: center;}
.skin02 .popHeader .tit {text-align: center;color: #3c6476;background-color: #fff;}

.skinWrap .contWrap {width:100%; padding-bottom:22px;background-color: #fff;}
.skinWrap .contWrap .content {padding:10px; color:#474747; line-height:20px; font-size:14px;font-family:'NotoSansKR Regular', sans-serif;}

.skinWrap .btnArea {text-align:center; margin-top:30px;}
.skinWrap .btnArea a {display: inline-block;min-width:50px;background-color: #5b636d;color: #fff;font-size: 14px;padding: 10px 20px;line-height: 20px;text-align: center;font-family: 'NotoSansKR Bold', sans-serif;}

.skinWrap ul.attach {padding: 15px 20px !important;}
.skinWrap ul.attach li {margin-top: 5px;font-size: 14px;}


/* 입력 폼 */
ul.agree, ul.agree li, ul.agree a {margin: 0;padding: 0;list-style:none;}
ul.agree {}
ul.agree li {position: relative;margin-top: 10px;border-radius: 5px;border: 1px solid #e2e4e8;background: #fff url('/image/sub/agree.png') 25px center no-repeat;}
ul.agree li:first-child {margin-top: 0;}
ul.agree input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
ul.agree label {display: block;padding-left: 50px;color: #5d656f;font-size: 20px;line-height: 60px;font-family: 'Pretendard-Regular', sans-serif;}
ul.agree a {z-index: 10;position: absolute;right: 30px;top: 50%;transform:translateY(-50%);border-bottom: 1px solid #272727;color: #272727;font-size: 14px;line-height: 20px;font-family: 'Pretendard-Light', sans-serif;}

ul.agree li.on {background-color: #2552ad;background-image: url('/image/sub/agree_on.png');}
ul.agree li.on label {color: #fff;font-family: 'Pretendard-SemiBold', sans-serif;}

div.essenNote {padding-top: 40px;text-align: right;color: #272727;font-size: 14px;line-height: 20px;font-family: 'Pretendard-Regular', sans-serif;}
legend + div.essenNote {padding-top: 0;}
div.essenNote span,
dl.inputArea .essen:before {color: #e31212;}

dl.inputArea, dl.inputArea dt, dl.inputArea dd {margin: 0;padding: 0;}
dl.inputArea {font-size: 16px;line-height: 60px;font-family: 'Pretendard-Regular', sans-serif;}
dl.inputArea > dt {padding: 40px 0 10px;color: #272727;font-size: 18px;line-height: 30px;font-family: 'Pretendard-Regular', sans-serif;}
dl.inputArea input[type=text],
dl.inputArea input[type=password],
dl.inputArea select {width: 100%;height: 60px;border-radius: 5px;border: 1px solid #e2e4e8;font-size: 16px;font-family: 'Pretendard-Regular', sans-serif;box-sizing:border-box;background-color: #fff;}
dl.inputArea input[type=text],
dl.inputArea input[type=password] {padding: 0 25px;}

dl.inputArea input[type=text]::placeholder,
dl.inputArea input[type=password]::placeholder {color: #c7cbd1;font-family: 'Pretendard-Light', sans-serif;}

div.formArea .withBtn {}
div.formArea .withBtn:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
div.formArea .withBtn > * {float: left;margin: 0 0 0 5px;}
div.formArea .withBtn input[type=text] {margin: 0;}
div.formArea .withBtn a {width: 85px;height: 40px;border-radius: 5px;text-decoration: none;text-align: center;color: #fff;font-size: 13px;line-height: 40px;background-color: #577c93;font-family: 'Pretendard-SemiBold', sans-serif;}

div.formArea .phone {}
div.formArea .phone:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .phone > * {float: left;}
div.formArea .phone select {width: 30% !important;}
div.formArea .phone span {width: 10px;text-align: center;}
div.formArea .phone input[type=text] {width: calc(35% - 20px);}

div.formArea .address > * {float: left;}
div.formArea .address:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .address a {width: 85px;height: 40px;margin-left: 10px;border-radius: 5px;text-decoration: none;text-align: center;color: #fff;font-size: 13px;line-height: 40px;background-color: #5d656f;font-family: 'Pretendard-SemiBold', sans-serif;}
div.formArea .address input[type=text] {clear: both;margin-top: 10px;}
div.formArea .address input[type=text]:first-child {width: 230px !important;margin-top: 0;}

table.inputTbl .birth input[type=text] {width: 250px !important;padding-right: 30px;}
table.inputTbl .birth input[type=image] {width: 16px;margin: 12px 0 0 -25px;}

ul.option, ul.option li {margin: 0;padding: 0;list-style:none;}
ul.option {}
ul.option:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.option li {float: left;line-height: 30px;}
ul.option input[type=radio] {margin: 8px 10px 0 0;}
ul.option label {display: inline-block;vertical-align: top;line-height: 30px;}

/* div.formArea div.btnArea {margin-top: 85px;}
div.formArea div.btnArea * {width: 140px;height: 55px;border-radius: 5px;font-size: 20px;line-height: 55px;background-color: #5d656f;font-family: 'Pretendard-SemiBold', sans-serif;} */


/* 팝업 */
div.layerPopup {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.66); z-index:999}
div.layerPopup > div {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);}

div.popupWrap {position: relative;width: 650px;background-color: #fff;border-radius: 5px;box-sizing: border-box;}
div.popupWrap h1 {}
div.popupCon {padding: 25px;border-radius: 0 0  10px 10px;}
div.popupWrap div.close {position: absolute;right: 20px;top: 20px;width: 40px;height: 40px;}
div.popupWrap div.close a {display: block;height: 100%;font-size: 0;line-height: 0;background: url('/image/common/popup_close.png') center center no-repeat;}


/* ================================================ 생활읍급처치 ============================================== */
/* ======================= 홍보 동영상 ======================= */
ul.vodList {}

ul.vodList, ul.vodList li, ul.vodList a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.vodList:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
ul.vodList li {float: left;width: 310px;margin: 50px 0 0 20px;text-align: right;	}
ul.vodList li:nth-child(-n+4) {margin-top: 0;}
ul.vodList li:nth-child(4n+1) {margin-left: 0;clear: both;}
ul.vodList li > a {position: relative;min-height: 230px;padding: 35px;border-radius: 3px;overflow: hidden;color: #fff;box-sizing:border-box;}
ul.vodList li > a .thumb {z-index: -1;position: absolute;background-color: #000;top: 0;left: 0;width: 100%;}
ul.vodList li > a .thumb img {opacity: 0.34;display: block;width: 100%;height: 100%; object-fit:cover;}
ul.vodList .tit {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 48px;text-align: left;font-size: 20px;line-height: 24px;font-family: 'Pretendard-Medium', sans-serif;}
ul.vodList .btn {position: absolute;bottom: 20px;left: 30px;width: calc(100% - 60px);padding: 6px 23px;border: 1px solid rgba(255,255,255,0.4);text-align: center;font-size: 14px;font-family: 'Pretendard-SemiBold', sans-serif;box-sizing: border-box;}

ul.vodList .admin {overflow: hidden;display: inline-block;margin-top: 20px;vertical-align: top;font-size: 0;line-height: 0;border-radius: 17.5px;border: 1px solid #d2d2d2;background-color: #fff;box-shadow: 0 3px 7px rgba(0,0,0,0.05);}
ul.vodList .admin > * {display: inline-block;vertical-align: top;}
ul.vodList .admin select {width: 70px;padding-left: 10px;border: 0 none;height: 33px;}
ul.vodList .admin a {padding: 8px 10px;border-left: 1px solid #d2d2d2;}

/* hover */
ul.vodList li > a:hover {border: 3px solid #13a5d3;padding: 32px;}
ul.vodList a:hover .btn {bottom: 17px;left: 27px;width: calc(100% - 54px);border-color: #ec6320;background-color: #ec6320;background-image: url('/image/sub/bl_vod.png');background-repeat: no-repeat;background-position: right 23px center;text-align: left;} 
ul.vodList li > a:hover .thumb img {opacity: 0.84;}


/* ======================= 포토 갤러리 ======================= */
ul.thumbList {}

ul.thumbList, ul.thumbList li, ul.thumbList a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.thumbList:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
ul.thumbList li {position: relative;;float: left;width: 410px;margin: 35px 0 0 34px;border-bottom: 1px solid #d2d2d2}
ul.thumbList li:nth-child(3n+1) {margin-left: 0;clear: both;}
ul.thumbList li:nth-child(-n+3) {margin-top: 0;}
ul.thumbList li > a {color: #2e2e2e;font-size: 18px;line-height: 30px;}
ul.thumbList .thumb {position: relative;overflow: hidden;display: block;width: 100%;height: 230px;border-radius: 3px;background-color: #e5e5e5;}
ul.thumbList .thumb img {display: block;width: 100%;height: 100%; object-fit:cover;}
ul.thumbList .tit {display: block;padding: 15px;}

ul.thumbList .admin {position: absolute;bottom: -17.5px;right: 0;overflow: hidden;margin-top: 20px;font-size: 0;line-height: 0;border-radius: 17.5px;border: 1px solid #d2d2d2;background-color: #fff;box-shadow: 0 3px 7px rgba(0,0,0,0.05);}
ul.thumbList .admin > * {display: inline-block;vertical-align: top;}
ul.thumbList .admin select {width: 70px;padding-left: 10px;border: 0 none;height: 33px;}
ul.thumbList .admin a {width: 17px;height: 17px;padding: 8px 10px;border-left: 1px solid #d2d2d2;}

/* hover */
ul.thumbList li:hover {border-bottom-color: #13a5d3;}
ul.thumbList li > a:hover {}
ul.thumbList li > a:hover .thumb:after {position: absolute;top: 0;left: 0;width: 410px;height: 230px;border-radius: 3px;border: 3px solid #13a5d3;background-color: transparent;background-image: url('/image/sub/thumb_more.png');background-repeat: no-repeat;background-position: center center;box-sizing: border-box;content: '';}
ul.thumbList li > a:hover .tit {color: #13a5d3;font-family: 'Pretendard-SemiBold', sans-serif;}

ul.thumbList .admin:hover {border-color: #13a5d3;}
ul.thumbList .admin a:hover img {display: none;}
ul.thumbList .admin .modify:hover {background: url('/image/icon/icon_modify2_ov.png') center center no-repeat;}
ul.thumbList .admin .del:hover {background: url('/image/icon/icon_del2_ov.png') center center no-repeat;}

/* 포토 갤러리 > 상세보기 */
div.photoView {position: relative;padding: 40px 0 60px;}
div.photoView ul, div.photoView li {display: block;margin: 0;padding: 0;list-style: none;} 
div.photoView li {position: relative;}
div.photoView img {display: block;margin: 0 auto;}
div.photoView a.download {position: absolute;bottom: 0;left: 50%;bottom: 80px;width: 40px;height: 40px;background-size: 40px;border-radius:10px;font-size: 0;line-height: 0;background: url('/image/sub/download.png') center center no-repeat;}

div.photoUtil {}
div.photoUtil > a {position: absolute;top: 50%;display: block;width: 20px;height: 35px;background-repeat: no-repeat;background-position: center center;font-size: 0;line-height: 0;text-indent: -9999px;}
div.photoUtil > a.prev {left: 35px;background-image: url('/image/sub/photoUtil_prev.png');}
div.photoUtil > a.next {right: 35px;background-image: url('/image/sub/photoUtil_next.png');}

div.photoList {position: relative;padding: 30px 0;border-radius: 5px;border: 1px solid #cddbe0;}
div.photoList ul, div.photoList li, div.photoList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.photoList > ul {width: 947px;margin: 0 auto;}
div.photoList > ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.photoList > ul > li {float: left;padding-left: 30px;}
div.photoList > ul > li:first-child {padding-left: 0;}
div.photoList a, div.photoList img {display: block;}

div.photoList li,
div.photoList img {width: 140px !important;height: 85px;}

div.photoList ul.img li {width: auto !important;height: auto;}
div.photoList ul.img li:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.photoList ul.img li a {float: left;margin: 5px 0 0 20px;}
div.photoList ul.img li a:nth-child(5n+1) {clear: both;margin-left: 0;}
div.photoList ul.img li a:nth-child(-n+5) {margin-top: 0;}

div.photoList div.bx-wrapper {width: 785px !important;margin: 0 auto;}

div.photoList div.pagers {position: absolute;left: 0;top: 50%;width: 160px;margin-top: -20px;text-align: center;font-size: 35px;line-height: 40px;}
div.photoList div.pagers span.num {color: #78c6eb;font-family: 'Montserrat-Bold', sans-serif;}
div.photoList div.pagers span.total {color: #828282;font-family: 'Montserrat-Hairline', sans-serif;}
div.photoList div.pagers span.total:before {display: inline-block;vertical-align: top;content: "/";}

div.photoList a.bx-prev,
div.photoList a.bx-next {position: absolute;top: 50%;width: 60px;height: 60px;margin-top: -30px;border-radius: 5px;background-repeat: no-repeat;background-position: center center;font-size: 0;line-height: 0;border: 1px solid #e5e5e5;}
div.photoList a.bx-prev {right: 96px;background-image: url('/image/sub/gallery_prev.png');}
div.photoList a.bx-next {right: 26px;background-image: url('/image/sub/gallery_next.png');}

/* ======================= 생활응급처치 ======================= */
ul.thumbList_2 {}

ul.thumbList_2, ul.thumbList_2 li, ul.thumbList_2 a {display: block;margin: 0;padding: 0;list-style: none;}
ul.thumbList_2:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
ul.thumbList_2 li {position: relative;float: left;width: 310px;margin: 20px 0 0 20px;}
ul.thumbList_2 li:nth-child(-n+4) {margin-top: 0;}
ul.thumbList_2 li:nth-child(4n+1) {clear: both;margin-left: 0;}
ul.thumbList_2 a {}
ul.thumbList_2 .thumb {position: relative;overflow: hidden;display: block;width: 100%;height: 230px;border-radius: 2px;}
ul.thumbList_2 .thumb img {display: block;width: 100%;height: 100%; object-fit:cover;}
ul.thumbList_2 .tit {overflow:hidden;display: block;padding: 18px;color: #383838;font-size: 20px;line-height: 24px;font-family: 'Pretendard-Medium', sans-serif;letter-spacing: -1px;text-overflow:ellipsis; white-space:nowrap;}

ul.thumbList_2 .admin {position: absolute;top: 30px;right: 15px;overflow: hidden;font-size: 0;line-height: 0;border-radius: 17.5px;border: 1px solid #d2d2d2;background-color: #fff;box-shadow: 0 3px 7px rgba(0,0,0,0.05);}
ul.thumbList_2 .admin > * {display: inline-block;vertical-align: top;}
ul.thumbList_2 .admin select {width: 70px;padding-left: 10px;border: 0 none;height: 33px;}
ul.thumbList_2 .admin a {width: 17px;height: 17px;padding: 8px 10px;border-left: 1px solid #d2d2d2;}

/* hover */
ul.thumbList_2 a:hover .thumb:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 3px solid #13a5d3;background: transparent;content: '';box-sizing:border-box;}

/* ================================================ 교육 신청 ============================================== */
/* ======================= 일반인 심폐소생술 교육과정 ======================= */
div.contents.wide {width: 100% !important;}
div.general {}
div.general > ul.conMenu {width: 1300px;margin: 0 auto;}
div.general > p {width: 1300px;margin: 8px auto 75px;text-align: center;color: #3a3b3c;font-size: 20px;line-height: 36px;letter-spacing: -0.5px;}
div.general > p strong {color: #f06816;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}
div.general > div {}
div.general > div img {display: block;}
div.general div.tabArea {width: 1300px;margin: 0 auto;padding: 0 85px;box-sizing: border-box;}
div.general div.tabCon {position: relative;z-index: 2;margin-top: -3px;padding: 22px;border: 3px solid #13a5d3;border-radius: 0 0 15px 15px;text-align: center;font-size: 20px;line-height: 25px;color: #282929;}
div.general div.tabCon img {display: inline-block;vertical-align: middle;}

/* ======================= 심폐소생술 교육일정 ======================= */
/* 교육일정 > 캘린더형 */
div.education {}
div.sorting {}

/* 개인, 단체 */
.group,
.indiv {display: inline-block;vertical-align: top;padding: 0 12px;margin-left: 3px;border-radius: 12.5px;color: #fff;text-align: center;font-size: 12px;line-height: 25px;font-family: 'Pretendard-SemiBold', sans-serif;}
.group {background-color: #2473d4;}
.indiv {background-color: #35ba8c;}

/* 변경 2022-11-04 */
.eventA,
.eventB,
.eventC {display: inline-block;vertical-align: top;padding: 0 12px;margin-left: 3px;border-radius: 12.5px;color: #fff;text-align: center;font-size: 12px;line-height: 25px;font-family: 'Pretendard-SemiBold', sans-serif;}

/* 법정 */  .eventA {background-color: #d35c5c;}
/* AED */  .eventB {background-color: #2473d4;}
/* 일반 */  .eventC {background-color: #35ba8c;}

ul.sort, ul.sort li, ul.sort a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.sort {padding: 10px 0;}
ul.sort:after {display: block;clear: both;height: 0;font-size: 0;line-height: 0;content: '';}
ul.sort li {float: left;width: 33%;}
ul.sort li:nth-child(3n+1) {width: 34%;clear: both;}
ul.sort a {padding: 12px 5px 11px;border-bottom: 1px solid #e0ecf1;border-right: 1px solid #e0ecf1;text-align: center;font-size: 15px;line-height: 25px;color: #485357;}
ul.sort li:nth-child(-n+3) a {border-top: 1px solid #e0ecf1;}
ul.sort li:nth-child(3n+1) a {border-left: 1px solid #e0ecf1;}
ul.sort .group,
ul.sort .indiv {margin-left: 0;margin-right: 4px;}

div.education div.calendarUtil {position: relative;padding: 65px 0 0;border-bottom: 0 none;}
div.education .bdMenu {margin-bottom: 90px;}
div.education .downlaod {position: absolute;top: 70px;left: 0;font-size: 0;line-height: 0;text-align: left;}
div.education .downlaod > * {display: inline-block;width: 180px;margin-left: 10px;padding: 10px;border-radius: 5px;background-color: #35ba8c;text-align: center;vertical-align: top;color: #fff;font-size: 18px;line-height: 25px;font-family: 'Pretendard-SemiBold', sans-serif;}
div.education .downlaod > *:first-child {margin-left: 0;background-color: #2473d4;}

div.education div.calendarUtil:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
div.education div.calendarUtil h3 {position: relative;top: auto;left: auto;margin: 0;padding: 0 0 30px;width: 230px;font-weight: normal;font-family: 'Pretendard-Medium', sans-serif;}
div.education div.calendarUtil h3 span {display: block;color: #4c4b4b;font-size: 20px;line-height: 31px;text-align: center;}
div.education div.calendarUtil h3 strong {display: inline-block;vertical-align: baseline;font-size: 30px;font-weight: normal;font-family: 'Pretendard-ExtraBold', sans-serif !important;}
div.education div.calendarUtil h3 a {position: absolute;top: 0px;width: 17px;height: 31px;margin: 0;}
div.education div.calendarUtil h3 a img {display: block;}
div.education div.calendarUtil h3 a.prev {left: 0;}
div.education div.calendarUtil h3 a.next {right: 0;}
div.education p.note {font-size: 15px;}

div.education table.calendar {}
div.education table.calendar > thead > tr > th {padding: 10px;background-color: #13a5d3;background-image: url('/image/common/th_bg.png');background-position: left center;background-repeat: no-repeat;text-align: center;color: #fff;font-size: 17px;line-height: 30px;font-family: 'Pretendard-Bold', sans-serif;}
div.education table.calendar > thead > tr > th:first-child {background-image: none;}
div.education table.calendar > tbody > tr > td {position: relative;padding: 15px;height: 100px;border-bottom: 1px solid #c7d2d7;border-left: 1px solid #c7d2d7;background-color: #fff;vertical-align: top;}
div.education table.calendar > tbody > tr > td:first-child {border-left: 0 none;}
div.education table.calendar > tbody > tr > td > span {display: block;font-size: 14px;line-height: 20px;color: #464545;font-family: 'Pretendard-SemiBold', sans-serif;}
div.education table.calendar > tbody > tr > td.sun {background-color: #fff0f2;}
div.education table.calendar > tbody > tr > td.sun > span {color: #d2364a;}
div.education table.calendar > tbody > tr > td.sat {background-color: #f0fdff;}
div.education table.calendar > tbody > tr > td.sat > span {color: #1388d3;}
div.education table.calendar a {display: block;margin-top: 5px;text-decoration: none;font-size: 15px;color: #485357;line-height: 25px;}
div.education table.calendar a > span {margin-left: 0;margin-right: 5px;}
div.education table.calendar a.more {position: absolute;bottom: 0;right: 0;width: 30px;height: 30px;border-radius: 20px 0 0;background: url('/image/icon/icon_more.png') center center no-repeat, linear-gradient(to bottom, #f0a15b, #e46715);font-size: 0;line-height: 0;}
div.education .btn {margin-top: 30px;}

/* [팝업] 교육 과정 일정 전체 보기 */
#popupEduction {border-radius: 15px;border: 3px solid #3c6476;box-shadow:  0 14px 16px rgba(37,45,53,0.14);}
#popupEduction h1 {padding: 15px 0 0;margin-bottom: 65px;font-size: 30px;line-height: 35px;}
ul.eduList, ul.eduList li, ul.eduList a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.eduList {padding: 0 40px;max-height: 629px;overflow-x: hidden;overflow-y: auto;}
ul.eduList li {margin-top: 14px;}
ul.eduList a {position: relative;padding-left: 75px;color: #485357;font-size: 16px;line-height: 25px;}
ul.eduList li span {position: absolute;top: 0;left: 0;margin: 0;}

ul.eduList li.finished,
ul.eduList li.closed {}
ul.eduList li.finished a:after,
ul.eduList li.closed a:after {display: inline-block;vertical-align: top;margin-left: 4px;font-size: 16px;line-height: 25px;text-align: right;color: #ccc;}
ul.eduList li.finished a:after {content: '[종료]';}
ul.eduList li.closed a:after {content: '[마감]';}
ul.eduList li.finished a,
ul.eduList li.closed a {color: #ccc;}

/* 교육일정 > 리스트형 */
div.education table.listTbl {}
div.education .listTbl > * tr.closed > td {color: #a0a0a0 ;}

div.education .closed:not(tr),
div.education .finished:not(tr) {display: inline-block;vertical-align: top;color: #949494;}
div.education .closed:not(tr):after,
div.education .finished:not(tr):after {display: inline-block;margin-left: 4px;vertical-align: top;color: #949494;}
div.education .closed:not(tr):after {content: '[마감]';}
div.education .finished:not(tr):after {content: '[종료]';}

div.education .btn .closed:after {display: none;}

/* 교육일정 > 상세보기 */
dl.eduBrief, dl.eduBrief dt, dl.eduBrief dd {margin: 0;padding: 0;}
dl.eduBrief {padding: 20px;border-bottom: 1px solid #c7d2d7;}
dl.eduBrief dt {}
dl.eduBrief dt span {display: inline-block;vertical-align: top;margin-left: 20px;font-size: 20px;line-height: 24px;font-family: 'Pretendard-Bold', sans-serif;}
dl.eduBrief dt span:first-child {margin-left: 0;}
dl.eduBrief dt .category {color: #307bb5;box-shadow: inset 0 -12px 0 #ddf7ff	}
dl.eduBrief dt .status {color: #e35a17;box-shadow: inset 0 -12px 0 #fff7ef	}
dl.eduBrief dt .tit {display: block;margin: 10px 0 0 0;color: #1b1b1b;font-size: 40px;line-height: 50px;font-family: 'Pretendard-Medium', sans-serif;}
dl.eduBrief dd {position: relative;margin-top: 30px;}
dl.eduBrief dd a.link {position: absolute;bottom: 0;right: 0;}
dl.eduBrief dd a.link:before {display: inline-block;vertical-align: top;width: 30px;height: 30px;background: url('/image/icon/icon_relLink.png') center center no-repeat;content: '';}

dl.moreInfo, div.education dl.moreInfo dt, div.education dl.moreInfo dd {margin: 0;padding: 0;}
dl.moreInfo {margin: 55px 0;border-top: 2px solid #27a5aa;text-align: center;}
dl.moreInfo.fl,
dl.moreInfo.fr {width: calc(50% - 20px);}
dl.moreInfo dt {padding: 10px !important;border-bottom: 1px solid #dcdcdc;background-color: #f6f6f6;color: #323232;font-size: 17px;line-height: 30px;font-family: 'Pretendard-Bold', sans-serif;}
dl.moreInfo dd {padding: 10px 30px !important;color: #323232;font-size: 16px;text-align: left;}

/* 교육일정 > 신청 완료 */
div.applyComp {padding: 100px 0 30px;}
div.applyComp p {color: #353535;text-align: center;font-size: 30px;line-height: 50px;}
div.applyComp p img {display: block;margin: 0 auto 40px;}
div.applyComp p strong {font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;}
div.applyComp p span {display: block;margin-top: 40px;font-size: 21px;line-height: 30px;}

/* ================================================ 행사 안내  ============================================== */
/* ======================= 외부 심폐소생술 행사 일정  ======================= */
/* 캘린더형 */
/* 국내외 행사일정 */
div.calendarUtil {position: relative;padding: 40px 0;border-bottom: 1px solid #e5e5e5;}
div.calendarUtil h3 {position: absolute;top: 40px;left: 50%;width: 260px;margin-left: -130px;color: #2d2d2c;font-weight: normal;text-align: center;}
div.calendarUtil h3 span {font-size: 45px;line-height: 45px;}
div.calendarUtil h3 strong {font-family: 'Pretendard-Bold', sans-serif !important;}
div.calendarUtil h3 a {position: absolute;top: 50%;margin-top: -10px;}
div.calendarUtil a.prev {left: 0;}
div.calendarUtil a.next {right: 0;}

div.calendarUtil a.today {background-color: #fff;border: 2px solid #dcdcdc;border-radius: 22px;color: #6a6a6a;box-shadow: 0 0 7px rgba(188,183,169,0.4);font-size: 15px;}
div.calendarUtil .btn span {z-index: 5;position: absolute;bottom: -110px;right: 0;width: 570px;padding: 0;border: 0;text-align: left;font-size: 0;line-height: 0;}
div.calendarUtil .btn span a {margin-right: 10px;padding: 10px 30px;color: #fff;border: 0 none;border-radius: 10px;font-family: 'NotoSansKR Bold', sans-serif;font-size: 15px;line-height: 25px;box-shadow: 0 5px 7px rgba(64,127,123,0.11);}

div.calendar {position: relative;margin-top: 60px;padding-right: 635px;}
div.calendar:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.calendar table.calendar {border-top: 2px solid #e5e5e5;text-align: center;}
div.calendar table.calendar th {height: 70px;font-size: 20px;border-bottom: 1px solid #e5e5e5;color: #6a6a6a;font-family: 'Pretendard-Bold', sans-serif;}
div.calendar table.calendar td {height: 94px;padding: 15px 0 20px;border-bottom: 1px solid #e5e5e5;vertical-align: top;font-size: 14px;color: #8b8a8a;}
div.calendar table.calendar .sun {color: #e61b1b;}
div.calendar table.calendar .sat {color: #2197f1;}
div.calendar table.calendar span:first-child {display: block;}
div.calendar table.calendar span,
div.calendar table.calendar a {display: block !important;position: relative;margin: 0 auto;text-decoration: none;color: inherit;line-height: 40px;}
div.calendar table.calendar .today {width: 40px;border-radius: 50%;background-color: #e7f4fb;}
div.calendar table.calendar .on {}
div.calendar table.calendar .on:after {position: absolute;top: -5px;left: 50%;display: block;width: 10px;height: 10px;margin-left: -5px;border-radius: 50%;background-color: #ed1a47;content: '';}

div.calendar div.scrollArea {position: absolute;top: 70px;right: 0;width: 570px;height: 653px;}

ul.scheduleList, ul.scheduleList li, ul.scheduleList a, ul.scheduleList span {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.scheduleList {border-top: 2px solid #2790a4;}
ul.scheduleList li {padding: 0 120px 0 30px;position: relative;border-bottom: 1px solid #e5e5e5;}
ul.scheduleList a.view {position: absolute;top: 50%;right: 12px;margin: -17px 0 0 !important;padding: 0 18px !important;border-radius: 4px;font-size: 13px;line-height: 35px;border: 1px solid #13b5b1;text-align: center;color: #2790a4;font-family: 'NotoSansKR Medium', sans-serif;box-sizing: border-box;}
ul.scheduleList a {position: relative;padding: 25px 0;font-size: 15px;line-height: 20px;color: #616161;}
ul.scheduleList span.date {padding: 0;font-size: 24px;line-height: 35px;color: #2790a4;font-family: 'GangwonEduPowerExtraBold', sans-serif;}
ul.scheduleList span.tit {margin-bottom: 7px;padding: 0;color: #111;font-size: 25px;line-height: 36px;font-family: 'Pretendard-SemiBold', sans-serif;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
ul.scheduleList span {padding-left: 18px;background-repeat: no-repeat;background-position: left center;}


div.calendar div.noData,
div.schedule div.noData {padding: 50px 0;border-top: 2px solid #2790a4;font-size: 16px;line-height: 30px;background-color: #f5fdff;text-align: center;color: #9db2b6;font-family: 'Pretendard-Bold', sans-serif;font-weight: bold;}

/* 리스트 형 */
div.scheduleUtil {position: relative;padding: 30px 0 20px;}
div.scheduleUtil h3 {position: relative;width: 260px;color: #2d2d2c;font-weight: normal;text-align: center;}
div.scheduleUtil h3 span {font-size: 45px;line-height: 45px;}
div.scheduleUtil h3 strong {font-family: 'Pretendard-Bold', sans-serif !important;}
div.scheduleUtil h3 a {position: absolute;top: 50%;margin-top: -10px;}
div.scheduleUtil a.prev {left: 0;}
div.scheduleUtil a.next {right: 0;}
div.scheduleUtil .btn {position: absolute;top: 30px;right: 0;}
div.scheduleUtil .btn > a {margin-right: 10px;padding: 10px 30px;color: #fff;border: 0 none;border-radius: 10px;font-family: 'NotoSansKR Bold', sans-serif;font-size: 15px;line-height: 25px;box-shadow: 0 5px 7px rgba(64,127,123,0.11);}
div.scheduleUtil .btn > a:last-child {margin-right: 0;}

div.schedule {}
dl.scheduleItem {position: relative;padding: 40px 170px 40px 245px;min-height: 90px;border-bottom: 1px solid #e5e5e5;overflow:hidden;}
dl.scheduleItem:first-of-type {border-top: 2px solid #2790a4;}
dl.scheduleItem dt {margin-bottom: 12px;color: #111;font-size: 25px;line-height: 35px;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.scheduleItem dd {	font-size: 16px;line-height: 22px;font-family: 'NotoSansKR Regular',sans-serif;color:#616161;}
dl.scheduleItem span.day {position: absolute;top:50%;left:50px;transform:translateY(-50%);display: block;width: 160px;padding: 20px 0;background: linear-gradient(93deg, #13a5d3, #14c7a3);border-radius:30px 0 30px 0;color: #fff;font-size: 18px;line-height: 30px;font-family: 'GangwonEduPowerExtraBold', sans-serif;text-align: center;box-sizing:border-box;}
dl.scheduleItem span.day span {display: block;font-size: 24px;}
dl.scheduleItem a.viewDetail {position: absolute;top:50%;right:35px;width:95px;line-height: 35px;transform:translateY(-50%);font-size: 13px;background-color: #fff;border: 1px solid #2790a4;color:#2790a4;border-radius:4px;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;}

/* [팝업]  자세히 보기 */
#popupSchedule {width: 700px;border-radius: 5px}
#popupSchedule .popupCon {padding: 65px 70px 50px;}
#popupSchedule .scrollArea {max-height: 650px;}
#popupSchedule .btn > * {min-width: 125px;padding: 17px 10px;border-radius: 2px;font-size: 20px;font-family: 'Pretendard-SemiBold', sans-serif;text-align: center;}
#popupSchedule .close {width: 60px;height: 60px;top: -30px;right: -30px;}
#popupSchedule .close a {background-image: url('/image/common/popup_close_big.png');}

#popupSchedule table.tblDef  {border-top-color: #555;}
#popupSchedule table.tblDef > * > tr > * {border-bottom-color: #e5e1df;border-left: 1px solid #e5e1df;}
#popupSchedule table.tblDef > * > tr > *:first-child {border-left: 0 none;}
#popupSchedule table.tblDef > * > tr > th {padding-left: 30px;background-color: #f4f4f4;color: #212121;text-align: left;}
#popupSchedule table.tblDef > * > tr > td {padding-left: 25px;}

#popupSchedule a.scheduleFile {color: #2328bd; text-decoration:underline;}


/* ======================= 강원 고등학생 심폐소생팀 경연대회  ======================= */
/* 리스트 */
dl.eventList, dl.eventList dt, dl.eventList dd {margin: 0;padding: 0;}
dl.eventList {position: relative;min-height: 94px;margin-top: 20px;padding: 28px 50px;border-radius: 5px;border: 1px solid #77c6e2;background-color: #fff;box-shadow:0px 7px 7px rgba(200,213,217,0.25);}
dl.eventList:hover {background-color: #f6fdff;}
dl.eventList dt a {color: #209dc0;font-size: 27px;line-height: 35px;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.eventList dd {margin-top: 15px;color: #616161;font-size: 16px;line-height: 22px;}

dl.eventList .admin {position: absolute;top: 15px;right: 40px;padding: 0 3px;color: #e81a68;font-size: 17px;line-height: 20px;font-family: 'Pretendard-Bold', sans-serif;box-shadow: inset 0 -9px 0 #ffeef4;}

dl.eventList dd.btn {position: absolute;margin: 0;padding: 0;top: 50%;right: 40px;transform: translateY(-50%)}
dl.eventList .btnView {display: inline-block;vertical-align: top;border-color: #2790a4;border-radius: 4px;background-color: #fff;color: #2790a4;font-size: 13px;font-family: 'NotoSansKR Medium', sans-serif;}

/* 종료된 이벤트 */
dl.eventList.closed {border-color: #cddbe0;background-color: #f7f7f7;box-shadow: none}
dl.eventList.closed dt a {color: #111;}

/* 리스트 */
div.eventView h3 {padding: 30px 0 20px;text-align: center;color: #111;font-size: 35px;line-height: 40px;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}

/* 신청서 */
div.formArea.event {}
div.formArea.event table.inputTbl > * > tr > th {background-color: #f6f6f6;color: #323232;}
div.formArea.event .essen:before {color: #f31323 !important;}
div.event .con {padding: 30px 0 0;text-align: center;color: #2e2e2e;font-size: 20px;line-height: 50px;}
div.event .con .date {display: block;font-family: 'Pretendard-SemiBold', sans-serif;}
div.event table.inputTbl .birth input[type=text] {width: 100% !important}

div.event .boldTit_bl + .btn.btnArea {margin-top: 0;margin-bottom: 5px;}
div.event .boldTit_bl + .btn.btnArea > a {border-radius: 5px;}

/* ================================================ 마이페이지 ============================================== */
/* 공통 */
div.mypage .listTbl .noData {padding: 70px 10px 65px !important;text-align: center !important;color: #a3b8c2;font-size: 22px;line-height: 30px;font-family: 'Pretendard-Medium', sans-serif;}
div.mypage .noData img {display: block;margin: 0 auto 20px;}

/* 교육 분류 및 상태에 관한 css */
div.mypage .listTbl .group,
div.mypage .listTbl .indiv {margin: -2px 5px 0 0;}

span.ing {opacity: 0.45;display: inline-block;vertical-align: top;width: 70px;line-height: 24px;border: 1px solid #13a5d3;border-radius: 5px;color: #13a5d3;text-align: center;font-size: 12px;font-family: 'Pretendard-SemiBold', sans-serif;}
a.cancel {display: inline-block;vertical-align: top;width: 95px;padding: 0 30px 0 15px;line-height: 24px;border: 1px solid #ebdede;background-color: #f6f6f6;background-repeat: no-repeat;background-position: right 13px center;background-image: url('/image/icon/icon_arr_r.png');border-radius: 5px;text-align: left;color: #dd1717;box-sizing: border-box;font-size: 12px;font-family: 'Pretendard-SemiBold', sans-serif;}
a.btnSurvey,
span.survey {display: inline-block;vertical-align: top;padding: 0 15px;line-height: 24px;border: 1px solid #1b297d;border-radius: 5px;color: #1b297d;text-align: center;font-size: 12px;font-family: 'Pretendard-SemiBold', sans-serif;}
span.survey {opacity: 0.45;}
a.btnCertifi {display: inline-block;vertical-align: top;width: 70px;line-height: 24px;border: 1px solid #ee6411;border-radius: 5px;color: #ee6411;text-align: center;font-size: 12px;font-family: 'Pretendard-SemiBold', sans-serif;}

div.mypage .fcRed,
div.mypage .fcBlue,
div.mypage .fcGrey {font-size: 16px;line-height: 18px;font-family: 'Pretendard-Medium', sans-serif;}
div.mypage .fcRed {color: #f70c2d !important;}

.fzSmall {display: block;color: #464545;font-size: 12px;line-height: 18px;font-family: 'Pretendard-Medium', sans-serif;}

/* 취소 */
div.mypage .listTbl tr.cancel > * {background-color: #f6f5ff;}

/* 팝업 > 설문조사 */
#popupSurvey {width: 1100px;border: 1px solid #d2d2d2;background-color: #fff;font-family: 'Pretendard-Regular', sans-serif;}
#popupSurvey > div.popupCon {padding: 40px;}
#popupSurvey .boldTit_bl {margin-top: 0; color:#d7503a !important; font-size:30px !important;}
#popupSurvey .boldTit_bl:before {background-color:#d7503a !important;}
#popupSurvey table.inputTbl {border-top-color: #2b83bb;}
#popupSurvey table.inputTbl th {color: #323232;font-size: 15px;background-color: #f6fafd;}
#popupSurvey table.inputTbl label {line-height: 25px;}
#popupSurvey table.inputTbl input[type=text] {width: 100% !important;max-width: 150px;}
#popupSurvey table.inputTbl .innerTbl input[type=text] {width: 90% !important;max-width: none;}
#popupSurvey table.inputTbl input[type=radio],
#popupSurvey table.inputTbl input[type=chckbox] {margin: 6px 5px 0 20px}

.surveyTit {margin: 20px 0 10px;padding-left: 40px;background: url('/image/sub/surveyTit.png') left center no-repeat;color: #2986b1;font-size: 30px;line-height: 40px;font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;}

div.surveyNote {padding: 18px 0 18px 318px;margin-bottom: 5px;border-radius: 10px;background: linear-gradient(to right, #2b83bb 15%, #284858 75%);}
div.survey {padding: 0 25px;border-radius: 10px;background-color: #408cc6;}
div.survey dl, div.survey dt, div.survey dd {margin: 0;padding: 0;}
div.survey dl {padding: 20px 0;background: url('/image/sub/survey_border.png') left bottom repeat-x;}
div.survey dl:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
div.survey dl:last-child {background: none;}
div.survey dl > * {float: left;}
div.survey dt {width: 340px;font-size: 18px;line-height: 40px;color: #fff;font-weight: normal;font-family: 'Pretendard-Medium', sans-serif;letter-spacing: -0.5px;}
div.survey dd {width: calc(100% - 345px);border-radius: 5px;border: 1px solid #fff;}
div.survey ul.option {}
div.survey ul.option li {width: 10%;text-align: center;padding: 4px 0;}
div.survey ul.option li a {display: block;width: 30px;margin: 0 auto;border-radius: 50%;color: #fff;font-size: 15px;line-height: 30px;font-family: 'Pretendard-Medium', sans-serif;}

div.survey ul.option li.on a {background-color: #fff;color: #000;}
#popupSurvey .note {margin-top: 60px;text-align: center;}
#popupSurvey .note span {display: inline-block;vertical-align: top;padding: 0 3px;color: #e64228;font-size: 18px;line-height: 18px;box-shadow: inset 0 -9px 0px #ffded9;font-family: 'Pretendard-SemiBold', sans-serif;}

/* 비밀번호 변경 */
div.changePwd {padding-top: 240px;background: url('/image/sub/chagePwd.png') center 20px no-repeat;}
ul.changePwdNote, ul.changePwdNote li, ul.changePwdNote a {margin: 0;padding: 0;list-style: none;}
ul.changePwdNote {text-align: center;font-size: 17px;line-height: 35px;font-family: 'Pretendard-Light', sans-serif;}
ul.changePwdNote li:before {display: inline-block;margin-right: 5px;vertical-align: top;content: '*';}
ul.changePwdNote span {position: relative;font-family: 'Pretendard-Medium', sans-serif;}
ul.changePwdNote span.fcBlue {color: #3d6cc7 !important;}
ul.changePwdNote span.fcBlue:after {position: absolute;z-index: -1;bottom: 0;left: 0;width: 100%;height: 6px;background-color: #effaff;content: '';}

div.changePwd .formArea {width: 450px;margin: 45px auto;}
div.changePwd dl {position: relative;}
div.changePwd dt {position: absolute;left: 0;top: 95px;width: 140px;padding-left: 45px;background: url('/image/sub/bl_chagePwd.png') 15px center no-repeat;border-right: 1px solid #cdcdcd;box-sizing: border-box;}
div.changePwd dt:first-child {top: 20px;}
div.changePwd dt:last-of-type {top: 200px;}
div.changePwd dt label {font-size: 15px;line-height: 17px;color: #b1b1b1;}
div.changePwd dd {margin-bottom: 15px;}
div.changePwd dd input {width: 100%;height: 60px;padding-left: 150px;border-radius: 3px;border-color: #dcdcdc;box-sizing:border-box;}
div.changePwd .note {display: block;font-size: 13px;text-align: right;}
div.changePwd .btn {font-size: 0;line-height: 0;}
div.changePwd .btn > * {display: inline-block;vertical-align: top;width: calc(50% - 5px);margin-left: 10px;}
div.changePwd .btn > *:first-child {margin-left: 0;}
/* div.changePwd .btn > * {width: 100%;} */

/* 회원 탈퇴 */
div.memberOut {padding-top: 240px;background: url('/image/sub/memberOut.png') center 20px no-repeat;}
div.memberOut p {text-align: center;color: #676767;font-size: 16px;line-height: 25px;}
div.memberOut p strong {display: block;margin-bottom: 22px;color: #e6503a;font-size: 26px;font-family: 'GangwonEduPowerExtraBold', sans-serif;}

div.memberOut .formArea {width: 450px;margin: 30px auto 0;}
div.memberOut dl {position: relative;}
div.memberOut dt {position: absolute;left: 0;top: 88px;width: 125px;padding-left: 48px;background-position: 18px center;background-repeat: no-repeat;border-right: 1px solid #cdcdcd;box-sizing:border-box;}
div.memberOut dt label {color: #b1b1b1;font-size: 15px;line-height: 17px;}
div.memberOut dt:first-child {top: 18px;}
div.memberOut dt:last-of-type {top: 160px;}
div.memberOut dd {margin-bottom: 15px;padding-left: 135px;border: 1px solid #dcdcdc;border-radius: 3px;box-shadow: 0 7px 7px rgba(200,213,217,0.15);line-height: 53px;}
div.memberOut dd input {width: 100%;height: 53px;border: 0 none;box-sizing: border-box;}
div.memberOut .btn > * {width: 100%;}

/* ================================================ Member ============================================== */
/* ======================= 회원가입  ======================= */
div.join {}
h3.joinTit {padding: 65px 0;}
h3.joinTit img {display: block;margin: 0 auto;}

/* 회원가입 > 이메일 체크 동의 밒 인증번호 입력 */
.joinCheck {margin-top: 55px;}
.joinCheck p {color: #282828;line-height: 27px;text-align: center;}
.joinCheck p:first-child {font-size: 20px;font-family: 'Pretendard-SemiBold', sans-serif;}
.joinCheck img {display: block;margin: 0 auto 35px;}
.joinCheck strong {display: block;margin-bottom: 15px;font-size: 33px;line-height: 40px;color: #13a5d3;font-family: 'GangwonEduPowerExtraBold', sans-serif;}
.joinCheck p + p {margin-top: 35px;}
.joinCheck .txtUnderline {display: inline-block;vertical-align: top;padding: 4px 3px 0;line-height: 18px;color: #ed5411;font-family: 'Pretendard-Medium', sans-serif;box-shadow: inset 0 -6px 0 #fff1e6;}
.joinCheck .note {display: block;margin-top: 25px;font-size: 13px;}

.joinCheck .formArea {width: 535px;margin: 40px auto 0;}
.joinCheck dl, .joinCheck dt, .joinCheck dd {margin: 0;padding: 0;}
.joinCheck dl {position: relative;margin-top: 15px;}
.joinCheck dl:first-of-type {margin-top: 0;}
.joinCheck dt {position: absolute;top: 19px;left: 0;width: 80px;padding-left: 45px;background-repeat: no-repeat;background-position: 15px center;font-size: 15px;line-height: 17px;color: #b1b1b1;border-right: 1px solid #cdcdcd;}
.joinCheck dd {width: 100%;padding-left: 126px;border-radius: 3px;border: 1px solid #dcdcdc;box-shadow: 0 7px 0 rgba(200,213,217,0.15);box-sizing: border-box;}
.joinCheck dd input {width: 100%;height: 53px;border: 0 none;background-color: transparent;box-sizing: border-box;box-shadow: 0 7px 7px rgba(200,213,217,0.15);}

.joinCheck .code dd {padding: 0;border-color: #8e94a2;background-color: #effaff;}
.joinCheck .code dd input {text-align: center;font-size: 17px;font-family: 'Pretendard-SemiBold', sans-serif;}
.joinCheck .code dd input::placeholder {text-align: center;color: #80a7b9;font-size: 17px;font-family: 'Pretendard-SemiBold', sans-serif;}

.joinCheck .btn {margin-top: 15px;}
.joinCheck .btn > * {width: 100%;height: 60px;border-radius: 3px;font-size: 21px;font-family: 'Pretendard-Bold', sans-serif;}

/* 회원가입 > 회원약관 동의 */
.agreeCon {position: relative;z-index: 2;padding: 20px 30px;height: 230px;overflow-x: hidden;overflow-y: auto;border-radius: 5px;border: 1px solid #dcdcdc;background-color: #fff;font-size: 17px;line-height: 25px;color: #282828;}
.agreeCon dl, .agreeCon dt, .agreeCon dd {margin: 0;padding: 0;}
.agreeCon dt {margin-top: 25px;font-family: 'Pretendard-SemiBold', sans-serif;}
.agreeCon > dl:first-child dt:first-child {margin-top: 0;}
.agree {margin-top: -5px;padding: 20px 30px 15px;background-color: #f8f8f8;border: 1px solid #dcdcdc;border-top: 0 none;border-radius: 5px;text-align: right;}
.agree label {margin-left: 5px;color: #282828;font-size: 15px;line-height: 20px;font-family: 'Pretendard-Bold', sans-serif;}

.allAgree {margin-top: 55px;padding: 20px;text-align: center;}
.allAgree .inputC {width: 30px;height: 30px;}
.allAgree label {margin-left: 5px;color: #282828;font-size: 20px;line-height: 30px;font-family: 'Pretendard-Bold', sans-serif;}

/* 회원가입 > 회원정보 등록 */
div.join {padding: 0 150px;}
div.join table.inputTbl span.note {display: block;clear: both;line-height: 30px;}

/* 회원가입 > 회원가입 완료 */
div.joinComp {padding: 230px 0 35px;background: url('/image/sub/joinComp.png') center top 38px no-repeat;text-align: center;color: #282828;font-size: 20px;line-height: 45px;font-family: 'Pretendard-SemiBold', sans-serif;}
div.joinComp strong {display: block;color: #13a5d3;font-size: 33px;line-height: 50px;font-family: 'GangwonEduPowerExtraBold', sans-serif;}
div.join table.tblDef th {background-color: #f0fbff;color: #26373d;}

/* ======================= 로그인  ======================= */
div.loginArea {}
div.loginArea h3 {padding-top: 220px;background: url('/image/sub/login.png') center top 30px no-repeat;text-align: center;color: #13a5d3;font-size: 33px;line-height: 50px;font-weight: normal;font-family: 'GangwonEduPowerExtraBold', sans-serif;}
div.loginArea p {padding: 30px 0 50px;text-align: center;color: #282828;font-size: 20px;line-height: 35px;font-family: 'Pretendard-SemiBold', sans-serif;}
div.loginArea div.formArea {width: 450px;margin: 0 auto;}
div.loginArea dl {position: relative;}
div.loginArea dt {position: absolute;left: 0;top: 88px;width: 125px;padding-left: 48px;background-position: 18px center;background-repeat: no-repeat;border-right: 1px solid #cdcdcd;box-sizing:border-box;}
div.loginArea dt label {color: #b1b1b1;font-size: 15px;line-height: 17px;}
div.loginArea dt:first-child {top: 18px;}
div.loginArea dd {margin-bottom: 15px;padding-left: 125px;border: 1px solid #dcdcdc;border-radius: 3px;box-shadow: 0 7px 7px rgba(200,213,217,0.15);}
div.loginArea dd input {width: 100%;height: 53px;border: 0 none;box-sizing: border-box;}
div.loginArea .btn > * {width: 100%;}

ul.loginUtil, ul.loginUtil li, ul.loginUtil a {margin: 0;padding: 0;list-style: none;}
ul.loginUtil {margin-top: 10px;}
ul.loginUtil:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
ul.loginUtil li {float: left;padding: 0 5px;}
ul.loginUtil li a {color: #282828;font-size: 15px;line-height: 30px;font-family: 'Pretendard-Bold', sans-serif;}
ul.loginUtil li.join {float: right;}
ul.loginUtil li.join a {color: #e6503a;}
ul.loginUtil li.join img {display: inline-block;vertical-align: top;margin: 7px 4px 0 0;}

/* ======================= ID/PW 찾기 ======================= */
div.find {padding-top: 50px;}
div.find p {text-align: center;color: #282828;font-size: 22px;line-height: 40px;font-family: 'Pretendard-Medium', sans-serif;}
div.find p img {display: block;margin: 0 auto 30px;}

div.find .formArea {width: 450px;margin: 30px auto 0;}
div.find dl {position: relative;}
div.find dt {position: absolute;left: 0;top: 88px;width: 125px;padding-left: 48px;background-position: 18px center;background-repeat: no-repeat;border-right: 1px solid #cdcdcd;box-sizing:border-box;}
div.find dt label {color: #b1b1b1;font-size: 15px;line-height: 17px;}
div.find dt:first-child {top: 18px;}
div.find dt:nth-of-type(3) {top: 160px;}
div.find dd {margin-bottom: 15px;padding-left: 125px;border: 1px solid #dcdcdc;border-radius: 3px;box-shadow: 0 7px 7px rgba(200,213,217,0.15);}
div.find dd input {width: 100%;height: 53px;border: 0 none;box-sizing: border-box;}
div.find .btn > * {width: 100%;}

div.find div.result {width: 450px;margin: 30px auto 0;padding: 20px;border-radius: 3px;border: 1px solid #e7d2cf;background-color: #f8f1f0;text-align: center;color: #282828;font-size: 16px;line-height: 20px;font-family: 'Pretendard-Medium', sans-serif;box-sizing: border-box;}
div.find div.result a {display: inline-block;vertical-align: top;font-size: 22px;line-height: 30px;font-family: 'Pretendard-Bold', sans-serif;border-bottom: 2px solid #282828	;}

/* ================================================ 교육센터 소개 ============================================== */
/* ======================= 인사말  ======================= */
div.message {padding: 65px 380px 50px 0;background: url('/image/sub/message_bg.png') right top 60px no-repeat;}
div.message p {margin-top: 25px;color: #626262;font-size: 17px;line-height: 25px;font-family: 'Pretendard-Light', sans-serif;text-align: justify;}
div.message p:first-child {margin-top: 0;}
div.message p strong {color: #13a5d3;font-size: 28px;line-height: 36px;font-family: 'GangwonEduPowerExtraBold', sans-serif;letter-spacing: -1px;}

/* ======================= 원주세브란스기독병원 교육센터 소개글 ======================= */
dl.introduce {}
dl.introduce > dt {margin: 110px 0 15px;padding-left: 50px;background: url('/image/sub/introduce_bl.png') left center no-repeat;color: #009979;font-size: 28px;line-height: 40px;font-family: 'GangwonEduPowerExtraBold', sans-serif;}
dl.introduce > dt:first-of-type {margin-top: 0;}
dl.introduce > dd {margin: 0;padding: 0 20px;}
dl.introduce dl dd {padding: 0 30px;}
dl.introduce dd img {display: block;margin: 0 auto;}
dl.introduce dd strong {display: block;margin: 20px 0 0;}
dl.introduce dd strong:first-child {margin-top: 0;}

/* ======================= 위치 및 연락처 ======================= */
div.map {}
div.mapArea {width: 1300px;height: 500px;border: 1px solid #dcdcdc;box-sizing:border-box;}
ul.mapInfo, ul.mapInfo li {margin: 0;padding: 0;list-style: none;}
ul.mapInfo {font-size: 0;line-height: 0;}
ul.mapInfo li {position: relative;display: inline-block;vertical-align: top;padding: 26px 25px 26px 95px;color: #5c5c5c;font-size: 17px;line-height: 28px;}
ul.mapInfo li:before {position: absolute;top: 32px;left: 0;width: 1px;height: 47px;background-color: #dcdcdc;content: '';}
ul.mapInfo li:first-child:before {display: none;}
ul.mapInfo img {position: absolute;top: 27px;left: 29px;}
ul.mapInfo strong {display: block;color: #333b3e;font-size: 22px;line-height: 30px;font-family: 'GangwonEduPowerExtraBold', sans-serif;}
div.map .note {margin-top: 25px;font-size: 16px;}

/* ======================= 미션과 비젼 ======================= */
div.mission {padding: 30px 0;background: url('/image/sub/mission_bg.png') center 60px no-repeat;}
div.mission:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
div.mission > dl {float: left;width: 50%;}
div.mission dt {text-align: center;}
div.mission dt img {display: inline-block;vertical-align: top;}
div.mission dd {padding: 40px 0;font-size: 17px;text-align: center;letter-spacing: -0.5px;}
div.mission > dl:first-child dd {background: url('/image/sub/mission_bl.png') left 165px center no-repeat;}
div.mission dd > strong {display: inline-block;margin-top: 15px;vertical-align: top;color: #678a00;font-size: 33px;line-height: 35px;font-family: 'Pretendard-Bold', sans-serif;box-shadow: inset 0 -13px 0 #f7ffe0;}
div.mission ul, div.mission li {margin: 0;padding: 0;list-style: none;}
div.mission ul {font-size: 0;line-height: 0;text-align: center;}
div.mission li {position: relative;display: inline-block;vertical-align: top;width: 50%;padding: 0 35px;font-size: 17px;line-height: 22px;box-sizing: border-box;}
div.mission li:before {position: absolute;top: 0;left: 0;width: 1px;height: 90px;background-color: #dcdcdc;content: '';}	
div.mission li:first-child:before {display: none;}
div.mission li strong {display: block;margin-bottom: 7px;color: #0085c5;font-size: 26px;line-height: 30px;font-family: 'Pretendard-Bold', sans-serif;}

/* ======================= 연혁 ======================= */
dl.history, dl.history dt, dl.history dd, dl.history ul, dl.history li {margin: 0;padding: 0;list-style: none;}
dl.history {margin-top: 160px;}
dl.history:first-of-type {margin-top: 0;}
dl.history dt {padding-top: 85px;background: url('/image/sub/history.png') center top 5px no-repeat;font-size: 40px;line-height: 50px;text-align: center;font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;}
dl.history dd {margin-top: 50px;position: relative;padding-bottom: 15px;}
dl.history dd:after {position: absolute;left: 50%;top: 0;margin-left: -2px;width: 4px;height: 100%;border-radius: 2px;background-color: #f1f1f1;content: '';}
dl.history ul {}
dl.history ul:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
dl.history li {position: relative;float: right;margin-top: 25px;width: calc(50% + 5px);color: #282828;font-size: 18px;line-height: 30px;font-family: 'Pretendard-Medium', sans-serif;box-sizing: border-box;}
dl.history li.highlight {color: #27a5aa;}
dl.history li:nth-child(even) {clear: both;float: left;padding-right: 145px;text-align: right;}
dl.history li:nth-child(odd) {padding-left: 145px;}

dl.history li span {position: absolute;top: 0;font-size: 20px;font-family: 'Pretendard-Bold', sans-serif;}
dl.history li:nth-child(even) span {right: 30px;}
dl.history li:nth-child(odd) span {left: 30px;}

dl.history li:before {z-index: 2;position: absolute;top: 6px;display: block;width: 15px;height: 15px;border-radius: 50%;border: 4px solid #e6503a;background-color: #fff;content: '';box-sizing:border-box;}
dl.history li:nth-child(odd):before{left: -3px;}
dl.history li:nth-child(even):before {right: -2px;}

dl.history dd.only {min-height: 110px;}
dl.history dd.only:after {background: url('/image/sub/hisBorder.png') center top no-repeat;}


/* ======================= 회원약관동의 ======================= */
h4.pointTit_bl {margin: 70px 0 30px;padding-left: 50px;background: url('/image/sub/introduce_bl.png') left center no-repeat;color: #009979;font-size: 28px;line-height: 40px;font-family: 'GangwonEduPowerExtraBold', sans-serif;}

ul.privacyMenu {position: relative;margin-top: 50px;background-color: #fff;list-style:none;border: 1px solid #e5e5e5;border-bottom: 0px none;}
ul.privacyMenu::after {clear:both; display: block;content:'';}
ul.privacyMenu li {float:left; width: calc(100% / 3); height: 70px;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;box-sizing:border-box;}
ul.privacyMenu li:nth-child(3n) {border-right: 0px none;}
ul.privacyMenu li a {display: table-cell;width: 10000px;height: 70px;vertical-align:middle; padding: 0 30px; line-height: 25px; color:#6f6e6b; font-size: 19px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight:normal; box-sizing:border-box;}
ul.privacyMenu li a:hover,
ul.privacyMenu li a:focus {color: #fff;background: linear-gradient(125deg , #13a5d3, #014899);font-family: 'NotoSansKR Bold', sans-serif;}

ul.listBar_2 {margin-top: 15px;list-style:none;}
ul.listBar_2 li {margin-top: 10px;padding-left: 16px;background-image: url('/image/sub/listBar_2_icon.png');background-repeat: no-repeat;background-position:left 13px;}
ul.listBar_2 li span {display: block;color: #000;font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;font-size: 17px;}

ul.listNum {margin-top: 15px;list-style: none;counter-reset: num 0;}
ul.listNum li {position: relative;padding-left: 30px;}
ul.listNum li::before {position: absolute; left: 0; top: 0;width: 25px;counter-increment: num 1; content: '' counter( num ) '. '; text-align: right; } 
p.mt15 {margin-top: 15px;}	


/* ======================= 이메일무단수집거부 ======================= */
div#popupEmail {width: 550px; /*border: 3px solid #13a5d3;*/}
div#popupEmail h1 {text-align: center; font-weight: normal; color: #fff; font-size: 25px; line-height: 81px; background-color: #13a5d3; font-family: 'NanumSquareR', sans-serif;}
div#popupEmail h1 img {display: inline-block; vertical-align: middle; padding-right: 10px;}

div#popupEmail div.popupCon {padding: 20px; text-align: center; color: #313032; line-height: 30px; font-size: 15px; font-family: 'NotoSansKR DemiLight', sans-serif;}
div#popupEmail div.popupCon p.date {margin-top: 25px;color: #313032; font-size: 17px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: normal; }

div#popupEmail div.close {margin: 0 auto;padding-bottom: 20px; position: static;width: 88px;height: 30px;}
div#popupEmail div.close a {display: block;font-size: 12px;background-color: #5e5e5e;color: #fff;text-align: center;line-height: 30px;font-family: 'NanumSquareR', sans-serif; background-image: none;}
div#popupEmail div.close a img {display: inline-block;margin-left: 15px;}

/* 가이드북 추가 - sy.kim 25.07.01 */
.guidebook {
    padding: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../image/sub/bg_guidebook.png');
    text-align: center;
    border-radius: 50px;
}
.guidebook .img img {
    border-radius: 25px;
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.07);
}
.guidebook .btn {
    display: inline-block;
    padding: 15px 30px;
    margin-top: 30px;
    font-size: 23px;
    font-weight: 600;
    border-radius: 40px;
    background-color: #1091ba;
    color: #fff;
    letter-spacing: -0.05px;
}
.guidebook .btn img {
    margin-left: 20px;
}