* { margin: 0; padding: 0; }

html, body { height: 100%; }

body { color: #333; font: 18px/1.5 "Noto Sans KR"; font-weight: 300; }

@media screen and (max-width: 767px) { body { font-size: 1.4rem; word-break: break-all; } }

a { color: inherit; text-decoration: none; }

li { list-style: none; }

table { table-layout: fixed; width: 100%; border-collapse: collapse; border: 0; }

table colgroup { background: none; }

table img { vertical-align: middle; }

fieldset, img, iframe { border: 0; vertical-align: top; }

legend, .hidden { position: fixed; visibility: hidden; z-index: -1; }

address, em { font-style: normal; }

h1, h2, h3, h4, h5 { font-weight: 500; }

strong, b, th, dt { font-weight: 400; }

button { overflow: visible; cursor: pointer; background: none; border: 0; font: 18px/1.5 "Noto Sans KR"; color: inherit; }

@media screen and (max-width: 767px) { button { font-size: 1.2rem; } }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, section { display: block; }

.boxCenter { display: flex; align-items: center; justify-content: center; flex-direction: column; }

.fontNone, caption, legend, .hidden, .inputChk.onlyChk span, .onlyChk.inputRadio span, .popWrap .btnClose { font: 0/0 a; }

.clear, .section:after, .columnLineBox:after, .imgLineBox:after, .tabMenu ul:after, .boardThumb ul, .boardBtn:after, #header:after, .mainClinic .list:after, .mainInfo .cont:after { content: ""; display: block; clear: both; }

.align, #header .logo:after, #gnb .login:after, .mainMid .img:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

.txtOverflow, .boardList td.subject a, .boardThumb figcaption .subject { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

hr { margin: 80px 0; border: 0; }

@media screen and (max-width: 767px) { hr { margin: 4rem 0; } }

.inputFile { position: relative; display: inline-block; width: 100%; }

@media screen and (max-width: 767px) { .inputFile { padding-right: 6.5rem; } }

.inputFile .inputTxt:read-only { background: #fff; }

.inputFile .inputTxt.error { color: #f00; }

.inputFile .btnFileUpload { width: 16%; display: inline-block; vertical-align: middle; margin-left: 1%; }

.btnFileUpload { position: relative; display: inline-block; background: #fff; cursor: pointer; }

.btnFileUpload input[type="file"] { position: fixed; z-index: -2; top: 0; left: -9999px; }

.btnFileUpload input[type="file"]:hover + span, .btnFileUpload input[type="file"]:focus + span { background: #9bb22d; }

.btnFileUpload span { position: relative; z-index: 2; display: block; width: 120px; height: 40px; text-align: center; background: #2e4250; color: #fff; line-height: 38px; box-sizing: border-box; }

@media screen and (max-width: 767px) { .btnFileUpload span { width: 6rem; height: 2.5rem; line-height: 2.5rem; font-size: 1.2rem; } }

select, .inputTxt, textarea { font: 18px/1.5 "Noto Sans KR"; box-sizing: border-box; -webkit-appearance: none; border-radius: 0; background: #fff; }

@media screen and (max-width: 767px) { select, .inputTxt, textarea { font-size: 1.2rem; } }

textarea { padding: 10px; border: 1px solid #2970b8; resize: none; }

@media screen and (max-width: 767px) { textarea { font-size: 1.2rem; } }

select { height: 40px; padding: 0 0 0 10px; background: #fff url("/resource/images/bg_select.gif") no-repeat 100% 50%; background-size: 15px auto; border: 1px solid #ccc; }

@media all and (max-width: 767px) { select { height: 2.5rem; padding: 0 1rem; font-size: 1.2rem; } }

.inputTxt { height: 40px; padding: 0 20px; box-sizing: border-box; background: #fff; border: 1px solid #ccc; font-size: 0.9rem; }

@media all and (max-width: 767px) { .inputTxt { height: 2.5rem; padding: 0 1rem; font-size: 1.2rem; } }

.inputTxt:read-only { background: #fbfbfc; }

.inputTxt::placeholder { color: #999; font-weight: 100; }

.inputTxt::-ms-input-placeholder { color: #999; font-weight: 100; }

.inputTxt:-ms-input-placeholder { color: #999; font-weight: 100; }

.inputTxt::-msClear { display: none; }

.inputTxt:focus { outline: none; border-color: #2970b8; }

.inputChk, .inputRadio { position: relative; display: inline-block; margin-right: 10px; margin-top: 0.5rem; cursor: pointer; }

.inputChk input, .inputRadio input { position: absolute; visibility: hidden; }

.ie8 .inputChk input, .ie8 .inputRadio input { position: static; visibility: visible; vertical-align: -1px; }

.inputChk input:checked ~ span:before, .inputRadio input:checked ~ span:before { background-position: 100% 0; }

.inputChk input:disabled ~ span:before, .inputRadio input:disabled ~ span:before { background: #ddd; border-color: #ddd; }

.inputChk span, .inputRadio span { position: relative; display: inline-block; color: #888; font-size: 0.9rem; font-weight: lighter; text-align: left; line-height: 0.9rem; }

.inputChk span:before, .inputRadio span:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 1rem; background: #fff; border: 1px solid #dfe5ed; vertical-align: -3px; }

.ie8 .inputChk span:before, .ie8 .inputRadio span:before { display: none; }

.inputChk.onlyChk span, .onlyChk.inputRadio span { width: 18px; height: 18px; overflow: hidden; vertical-align: middle; }

.ie8 .inputChk.onlyChk span, .ie8 .onlyChk.inputRadio span { display: none; }

.inputChk span:before, .inputRadio span:before { background: #fff url("/resource/images/input_chk.png") no-repeat -100% 0; }

.inputRadio span:before { background: #fff url("/resource/images/input_radio.png") no-repeat -100% 0; border-radius: 50%; }

.section { max-width: 1120px; box-sizing: border-box; margin: 0 auto; }

.ie8 .section { width: 1400px; }

.mem .section { padding: 0; }

@media all and (max-width: 1650px) { .mem .section { margin: 0 auto; } }

@media all and (max-width: 1450px) { .mem .section { margin: 0 1.5rem; } }

.mypage .section { margin: 0 auto; padding: 0; }

@media screen and (max-width: 767px) { .mypage .section { margin: 0 1.5rem; } }

.contMg { margin-top: 40px; }

@media screen and (max-width: 767px) { .contMg { margin-top: 2rem; } }

.contMg2 { margin-top: 20px; }

@media screen and (max-width: 767px) { .contMg2 { margin-top: 1rem; } }

.lineBox.custom { background-color: #fbf9f7; padding: 1rem 7.5rem; margin-bottom: 2rem; text-align: center; }

@media screen and (max-width: 767px) { .lineBox.custom { padding: 1.5rem; } }

.lineBox.custom ul { width: auto; display: inline-block; }

.lineBox.custom ul li { margin-bottom: 0.25rem; color: #666; font-size: 0.9rem; font-weight: 300; text-align: left; line-height: 1.4; }

@media screen and (max-width: 767px) { .lineBox.custom ul li { font-size: 1.2rem; }
  .lineBox.custom ul li::after { top: 5px; } }

.lineBox.custom ul li:last-child { margin-bottom: 0; }

.lineBox.custom .infoTypeInner { display: inline-block; padding: 40px 0 30px 200px; margin: 0 20px; text-align: left; }

@media screen and (max-width: 767px) { .lineBox.custom .infoTypeInner { margin: 2rem; padding: 11.5rem 0 0; background-position: 50% 0; background-size: 10rem; } }

.lineBox .txt { margin: 0 0 20px; color: #000; font-size: 24px; font-weight: 400; line-height: 1.4; }

@media screen and (max-width: 767px) { .lineBox .txt { margin: 0 0 1rem; font-size: 1.5rem; letter-spacing: -1px; } }

.columnLineBox { margin: -10px -10px 0; }

@media screen and (max-width: 1200px) { .columnLineBox { margin: 0; } }

.columnLineBox .item { float: left; width: 50%; }

@media screen and (max-width: 1200px) { .columnLineBox .item { float: none; width: auto; } }

.columnLineBox .box { height: 210px; margin: 10px; padding: 50px 20px 0; border: 1px solid #ddd; text-align: center; }

.columnLineBox .box .tit { display: block; margin: 0 0 10px; font-size: 22px; }

@media screen and (max-width: 1200px) { .columnLineBox .box { height: auto; margin: 10px 0; padding: 50px 20px; } }

.imgLineBox { margin: 0 -10px; }

.imgLineBox .item { float: left; }

.imgLineBox.item3 .item { width: 33.33%; }

.imgLineBox .box { height: 360px; margin: 10px; border: 1px solid #ddd; text-align: center; }

.imgLineBox .img { border-bottom: 1px solid #ddd; }

.imgLineBox .tit { display: block; font-size: 22px; color: #000; }

.pageTitle { padding: 5rem 0; color: #000; font-size: 2.4rem; font-weight: 400; text-align: left; line-height: 2.4rem; }

.pageTitle .pageSubTitle { color: #aaa; font-size: 0.7rem; font-weight: lighter; text-align: left; line-height: 0.7rem; margin-bottom: 1.25rem; letter-spacing: 0.15rem; }

@media screen and (max-width: 767px) { .pageTitle { padding: 4rem 0; text-align: center; }
  .pageTitle .pageSubTitle { text-align: center; } }

.subTitle { margin: -10px 0 25px; color: #000; font-size: 30px; }

@media screen and (max-width: 767px) { .subTitle { margin: 0 0 1.25rem; font-size: 2.3rem; } }

[class*="tableType"] .bg { background: #9bb22d; }

[class*="tableType"] .center { text-align: center; }

[class*="tableType"] .left { text-align: left; }

[class*="tableType"] .right { text-align: right; }

.tableTip { margin: 10px 0 0; }

.tableType0 table { border: 1px solid #2970b8; }

.tableType0 th, .tableType0 td { height: 30px; padding: 10px 20px; border-top: 1px solid #2970b8; border-left: 1px solid #2970b8; }

@media screen and (max-width: 767px) { .tableType0 th, .tableType0 td { padding: 0.75rem 1rem; } }

.tableType0 th { background: #9bb22d; color: #000; }

.tableType1 { overflow: hidden; border-top: 1px solid #333; }

.tableType1 table { margin-left: -1px; }

.tableType1 th, .tableType1 td { padding: 12px 40px; border-bottom: 1px solid #2970b8; border-left: 1px solid #2970b8; }

@media screen and (max-width: 767px) { .tableType1 th, .tableType1 td { padding: 1rem; } }

.tableType1 th { background: #f9fbee; color: #000; }

.tableHelp { margin-top: 15px; }

@media screen and (max-width: 767px) { .tableHelp { margin-top: 1rem; } }

.tabWrap { position: relative; }

.tabWrap .tabBtn { display: none; outline: none; }

@media screen and (max-width: 767px) { .tabWrap .tabBtn { position: relative; display: block; width: 100%; height: 4rem; padding: 0 2rem; font-size: 1.6rem; text-align: left; background: #2970b8; border: 1px solid #2970b8; color: #fff; }
  .tabWrap .tabBtn:after { content: ""; float: right; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(135deg); transition: 0.3s; margin-top: 0.5rem; display: block; width: 1rem; height: 1rem; }
  .tabWrap .tabBtn.open:after { transform: rotate(-45deg); margin-top: 1rem; }
  .tabWrap .tabBtn ~ ul { display: none; position: absolute; width: 100%; z-index: 2; }
  .tabWrap .tabBtn ~ ul li { float: none; width: auto; }
  .tabWrap .tabBtn ~ ul li span { padding: 0.75rem 2rem; margin: 0; border-top: 0; font-size: 1.5rem; text-align: left; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .tabWrap .tabBtn ~ ul li span { background: #ddd; border: 0; } }

@media screen and (max-width: 767px) { .tabWrap .tabBtn ~ ul li.active span:after { display: none; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .tabWrap .tabBtn ~ ul li.active span { background: #ddd; color: #000; } }

.tabMenu { background-color: #f5f5f5; }

.tabMenu.tabItem2 li { width: 50%; }

.tabMenu.tabItem3 li { width: 33.33%; }

.tabMenu.tabItem4 li { width: 25%; }

.tabMenu.tabItem5 li { width: 20%; }

.tabMenu.tabItem6 li { width: 16.66%; }

.tabMenu.tabItem8 li { width: 12.5%; }

@media screen and (min-width: 768px) { .tabMenu ul { display: block !important; } }

.tabMenu li { float: left; }

.tabMenu li a, .tabMenu li button { display: block; width: 100%; }

.tabMenu li a span, .tabMenu li button span { position: relative; display: block; padding: 1.3rem 0.5rem; border: 1px solid #ddd; border-right: none; color: #999; font-size: 1rem; font-weight: 400; text-align: center; }

@media screen and (max-width: 767px) { .tabMenu li a span, .tabMenu li button span { padding: 1rem 0; font-size: 1.2rem; } }

.tabMenu li.active a span, .tabMenu li.active button span { background-color: #2970b8; border-color: #2970b8; color: #fff; }

.tabMenu li:last-child a span, .tabMenu li:last-child button span { border-right: 1px solid #ddd; }

.tabMenu.tabType1 { margin-bottom: 30px; }

@media screen and (max-width: 767px) { .tabMenu.tabType1 { margin-bottom: 2rem; } }

.tabMenu.tabType1 li a span, .tabMenu.tabType1 li button span { margin: 0 -1px; background: #f8f8f8; border: 1px solid #2970b8; font-size: 20px; color: #666; }

@media screen and (max-width: 767px) { .tabMenu.tabType1 li a span, .tabMenu.tabType1 li button span { margin: -1px 0; font-size: 1.5rem; } }

.tabMenu.tabType1 li.active a span, .tabMenu.tabType1 li.active button span { background: #2970b8; border-color: #2970b8; color: #fff; }

.tabMenu.tabType1 li.active a span:after, .tabMenu.tabType1 li.active button span:after { content: ""; margin-left: -15px; position: absolute; bottom: -15px; left: 50%; border: 15px solid transparent; border-top: 15px solid #2970b8; border-bottom: 0; }

.mypage .tabType2 { margin: 20px 0 40px; }

@media screen and (max-width: 767px) { .mypage .tabType2 { margin: 1.5rem 0; } }

.tabContents .tabCont { display: none; }

.tabContents .tabCont .subTitle:first-child { margin-top: 60px; }

@media screen and (max-width: 767px) { .tabContents .tabCont .subTitle:first-child { margin-top: 3rem; } }

.tabContents .tabCont.active { display: block; }

.accordianCont { border-top: 1px solid #2970b8; }

.accordianCont li { border-bottom: 1px solid #2970b8; }

.accordianCont li.nonList { padding: 100px 0; font-size: 20px; text-align: center; }

@media screen and (max-width: 767px) { .accordianCont li.nonList { padding: 5rem 0; font-size: 2rem; } }

.accordianCont .tit { position: relative; display: block; padding: 18px 75px; background: #9bb22d; color: #000; font-size: 20px; font-weight: 500; }

@media screen and (max-width: 767px) { .accordianCont .tit { padding: 1.5rem 3rem; font-size: 1.4rem; } }

.accordianCont .tit:after { content: ""; position: absolute; top: 50%; right: 20px; width: 14px; height: 2px; margin-top: -1px; background: #000; }

.accordianCont .tit span:after { content: ""; position: absolute; top: 50%; right: 26px; width: 2px; height: 14px; margin-top: -7px; background: #000; transition: all .3s; }

.accordianCont .cont { display: none; position: relative; padding: 30px 60px 50px 75px; }

@media screen and (max-width: 767px) { .accordianCont .cont { padding: 1.5rem 1.5rem 2.5rem 3rem; } }

.accordianCont .cont img { max-width: 100%; }

.accordianCont .active .tit { background: #9bb22d; }

.accordianCont .active .tit span:after { margin-top: -1px; height: 2px; }

.accordianCont.typeQna .tit:after { content: ""; position: absolute; top: 50%; right: 20px; background: none; border: 9px solid transparent; border-top: 9px solid #999; border-bottom: 0; width: 0; height: 0; margin-top: -4.5px; transition: all .3s; }

@media screen and (max-width: 767px) { .accordianCont.typeQna .tit:after { right: 1rem; border: 0.9rem solid transparent; border-top: 0.9rem solid #999; border-bottom: 0; margin-top: -0.45rem; } }

.accordianCont.typeQna .tit span:after { content: "Q"; right: auto; left: 30px; width: auto; height: auto; margin-top: -16px; background: none; font-size: 24px; color: #9bb22d; font-weight: 600; }

@media screen and (max-width: 767px) { .accordianCont.typeQna .tit span:after { left: 1rem; font-size: 1.6rem; } }

.accordianCont.typeQna .cont { border-top: 1px solid #2970b8; }

.accordianCont.typeQna .cont:after { content: "A"; position: absolute; top: 36px; left: 30px; color: #f47920; font-size: 24px; font-weight: 600; }

@media screen and (max-width: 767px) { .accordianCont.typeQna .cont:after { top: 1rem; left: 1rem; font-size: 1.6rem; } }

.accordianCont.typeQna .active .tit:after { transform: rotate(180deg); border-top-color: #666; }

.accordianCont.typeQna .active .tit span:after { display: block; }

[class*="bulList"] li { position: relative; padding-left: 10px; }

[class*="bulList"] li:after { content: ""; position: absolute; top: 10px; left: 0; border-radius: 50%; }

[class*="bulList"] li + li { margin-top: 5px; }

@media all and (max-width: 767px) { [class*="bulList"] li + li { margin-top: 0.5rem; } }

@media all and (max-width: 767px) { [class*="bulList"] li { padding-left: 1rem; }
  [class*="bulList"] li:after { top: 0.9rem; } }

[class*="bulList"].bulList0 li:after { width: 3px; height: 3px; background: #898989; }

@media all and (max-width: 767px) { [class*="bulList"].bulList0 li:after { width: 2px; height: 2px; } }

[class*="bulList"].bulList1 + .boardSearch { margin-top: 40px; }

@media all and (max-width: 767px) { [class*="bulList"].bulList1 + .boardSearch { margin-top: 2.5rem; } }

[class*="bulList"].bulList1 li { color: #333; }

[class*="bulList"].bulList1 li:after { width: 3px; height: 3px; background: #666; }

@media all and (max-width: 767px) { [class*="bulList"].bulList1 li:after { width: 0.3rem; height: 0.3rem; } }

[class*="bulList"].bulList2 li:after { top: 8px; width: 5px; height: 5px; background: #333; }

.bulTxt { position: relative; padding-left: 10px; }

@media screen and (max-width: 767px) { .bulTxt { padding-left: 1rem; } }

.bulTxt:after { content: ""; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background: #898989; }

@media screen and (max-width: 767px) { .bulTxt:after { top: 0.7rem; } }

[class*="btnType"] { display: inline-block; text-align: center; }

[class*="btnType"].btnType0 { padding: 0 40px; line-height: 48px; background: #fff; border: 1px solid #2970b8; color: #000; font-size: 18px; font-weight: 400; }

@media all and (max-width: 767px) { [class*="btnType"].btnType0 { padding: 0 1.2rem; line-height: 2.5rem; font-size: 1.4rem; } }

[class*="btnType"].btnType1 { padding: 0 20px; line-height: 44px; background: #9bb22d; color: #333; }

[class*="btnType"].btnType2 { padding: 0 20px; line-height: 44px; background: #9bb22d; color: #fff; }

[class*="btnType"].btnType3 { display: block; margin: 20px 0 0; padding: 15px 0; background: #ff7f01; color: #fff; font-size: 22px; font-weight: 500; }

[class*="btnType"].btnType3:before { content: ""; display: inline-block; width: 60px; height: 60px; margin-right: 20px; background: #fff url("/resource/images/icon_txt3.png") no-repeat 60% 50%; border-radius: 50%; vertical-align: middle; }

[class*="btnTypeDown"] { padding: 10px 30px; color: #fff; }

[class*="btnTypeDown"]:after { content: ""; display: inline-block; width: 19px; height: 19px; margin-left: 10px; background: url("/resource/images/btn_download.png") no-repeat; vertical-align: -2px; }

@media screen and (max-width: 767px) { [class*="btnTypeDown"]:after { width: 1.25rem; height: 1.25rem; background-size: cover; } }

.btnTypeDown1 { background: #9bb22d; }

.btnTypeDown2 { background: #f4791f; }

.linkType0 { display: inline-block; padding: 5px 80px 7px 0; background: url("/resource/images/btn_link.png") no-repeat 100% 50%; border-bottom: 1px solid #333; color: #9bb22d; font-size: 18px; font-weight: 400; }

.colorType0 { color: #9bb22d; }

.colorType1 { color: #f47920; }

[class*="busType"] { display: inline-block; margin-right: 9px; padding: 0 8px; color: #fff; }

@media screen and (max-width: 767px) { [class*="busType"] { margin-right: 0.5rem; padding: 0 0.5rem; } }

.busTypeB { background: #395cb4; }

.busTypeG { background: #2db400; }

.busTypeR { background: #e0121a; }

.busTypeM { background: #6ab400; }

.skipNav { position: relative; z-index: 10000; }

.skipNav li { font-size: 0; line-height: 0; }

.skipNav li a { position: fixed; z-index: 1000; top: -100px; right: 0; left: 0; padding: 10px 0; background: #000; color: #fff; font-size: 14px; line-height: 2; text-align: center; }

.skipNav li a:focus { top: 0; }

#ieVer { position: fixed; z-index: 10000; top: 0; right: 0; left: 0; padding: 18px 0 20px; background: #000; text-align: center; color: #fff; }

#ieVer a { display: inline-block; margin: 5px; padding: 4px 5px 5px; color: #fff; border: 1px solid #fff; }

#ieVer .close { position: absolute; top: 15px; right: 30px; color: #fff; font-size: 25px; }

.swiper-container-horizontal { overflow: hidden; }

.swiper-wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; }

.swiper-wrapper .swiper-slide { flex-shrink: 0; }

.popWrap .btnClose { position: absolute; top: 12px; right: 15px; width: 23px; height: 22px; background: url("/resource/images/btn_pop_close.png") no-repeat; }

.popHeader { padding: 10px 20px; background: #9bb22d; }

.popHeader h1 { color: #fff; font-size: 18px; }

.popContainer { padding: 20px; }

.layerPop { display: none; position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; background: rgba(0, 0, 0, 0.5); text-align: center; }

@media screen and (max-width: 767px) { .layerPop { padding: 0 3.5rem; } }

.layerPop .popWrap { position: relative; display: inline-block; width: 500px; margin: 0 auto; background: #fff; text-align: left; vertical-align: middle; }

@media screen and (max-width: 767px) { .layerPop .popWrap { width: 98%; margin: 1rem auto; } }

.layerPop:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

.agreeWrap { height: 500px; overflow-y: auto; overflow-x: hidden; font-size: 12px; }

.agreeWrap pre { white-space: pre-wrap; }

.gt { display: inline-block; margin: 0 5px; font: 0/0 a; font-size: .9em; font-family: Dotum; }

.mobShow, .mobTrShow, .mobInShow { display: none; }

@media screen and (max-width: 767px) { .mobHide { display: none !important; }
  .mobShow { display: block !important; }
  .mobTrShow { display: table-row; }
  .mobInShow { display: inline; } }

.tab_show { display: none; }

@media screen and (max-width: 1023px) { .tab_show { display: block !important; }
  .tab_hide { display: none !important; } }

.mb_show { display: none; }

@media screen and (max-width: 767px) { .mb_show { display: block !important; }
  .mb_hide { display: none !important; } }

.root_daum_roughmap_landing { width: 100% !important; height: 100% !important; }

.root_daum_roughmap .wrap_map { height: 100% !important; }

@media print { .skipNav, .bannerOn .topBanner, #header, #snb, #footer, .location, .pageTitle, .printNone { display: none !important; }
  #container { padding: 0 !important; }
  .section { margin: 0; padding: 0; } }

.boardSearch { position: relative; height: 5rem; line-height: 5rem; margin: 0 0 25px; padding: 25px 6rem; background: #f8f8f8; text-align: center; }

.boardSearch select, .boardSearch .inputTxt, .boardSearch .btnSearch { height: 2.5rem; }

@media all and (max-width: 767px) { .boardSearch select, .boardSearch .inputTxt, .boardSearch .btnSearch { height: 3.5rem; } }

@media screen and (max-width: 1023px) { .boardSearch { margin: 0 0 40px; padding: 2rem; } }

@media all and (max-width: 767px) { .boardSearch { margin: 0 0 2rem; padding: 1rem 1.5rem; height: auto; line-height: 1; } }

.boardSearch .inputBox { position: relative; display: inline-block; vertical-align: middle; line-height: 1.2; overflow: hidden; width: 100%; }

@media all and (max-width: 767px) { .boardSearch .inputBox { width: 100%; box-sizing: border-box; } }

.boardSearch .nonPay select { width: auto; }

.boardSearch select { width: 7rem; border: 1px solid #ddd; background-color: #fff; margin-right: 0.5rem; font-size: 0.9rem; vertical-align: middle; }

@media screen and (max-width: 1023px) { .boardSearch select { width: 18%; margin-left: 0; margin-right: 2%; } }

@media all and (max-width: 767px) { .boardSearch select { display: none; } }

.boardSearch .inputTxt { width: 25rem; border: 1px solid #ddd; background-color: #fff !important; vertical-align: middle; background: none; }

@media screen and (max-width: 1023px) { .boardSearch .inputTxt { width: 55%; } }

@media all and (max-width: 767px) { .boardSearch .inputTxt { width: 75%; float: left; margin: 0; font-size: 1.2rem; } }

.boardSearch .btnSearch { width: 5rem; background-color: #f85f35; color: #fff; font-size: 0.9rem; vertical-align: middle; margin-left: 0.5rem; }

@media screen and (max-width: 1023px) { .boardSearch .btnSearch { width: 18%; margin-left: 2%; } }

@media all and (max-width: 767px) { .boardSearch .btnSearch { width: 23%; background-size: 1.35rem; font-size: 1.2rem; margin-left: 2%; } }

.boardList td { padding: 20px 10px; border-bottom: 1px solid #d7d7d7; text-align: center; line-height: 1; font-size: 18px; }

.boardList td.num { width: 90px; }

.boardList td.sort { width: 90px; text-align: left; }

.boardList td.name { width: 100px; }

.boardList td.media { width: 130px; }

.boardList td.date { width: 100px; }

.boardList td.hit { width: 100px; }

.boardList td.state { width: 80px; }

.boardList td.state .success { color: #333; }

.boardList td.state .wait { background-color: #2970b8; color: #fff; padding: 0 0.5rem; }

.boardList td.subject { text-align: left; }

.boardList td.subject a { display: inline-block; max-width: 100%; color: #333; font-weight: 400; }

.boardList td.subject a .new:after { content: "new"; display: inline-block; width: 40px; height: 19px; margin-left: 4px; background: #ff8000; border-radius: 9px; color: #fff; font-size: 12px; text-align: center; line-height: 19px; font-style: normal; }

.boardList td .notice { display: inline-block; padding: 0 16px; background: #2970b8; color: #fff; line-height: 30px; border-radius: 3px; }

@media screen and (max-width: 767px) { .boardList td { padding: 1rem 0; line-height: 1; font-size: 1.4rem; }
  .boardList td.date { display: none; }
  .boardList td.num { width: 6.5rem; }
  .boardList td.sort { width: 6rem; padding-left: 1rem; }
  .boardList td.name { width: 4.5rem; }
  .boardList td.hit, .boardList td.state { width: 4rem; }
  .boardList td.nonList { display: block; padding: 1rem 0; text-align: center; }
  .boardList td .notice { padding: 0 1rem; line-height: 2.5rem; } }

.boardThumb { border-bottom: 1px solid #dfe5ed; overflow: hidden; }

.boardThumb ul { margin: 0 -5px; }

@media screen and (max-width: 1023px) { .boardThumb ul { margin: 0 -10px; } }

@media all and (max-width: 767px) { .boardThumb ul { margin: 0 -0.5rem; } }

.boardThumb li { float: left; width: 33.33%; }

@media all and (max-width: 767px) { .boardThumb li { width: 50%; } }

.boardThumb li a { position: relative; display: block; margin: 0 5px 10px; pointer-events: none; }

@media screen and (max-width: 1023px) { .boardThumb li a { margin: 0 10px 50px; } }

@media all and (max-width: 767px) { .boardThumb li a { margin: 0 0.5rem 2.5rem; } }

.boardThumb li.nonList { float: none; width: 100%; padding: 20px 0; text-align: center; }

.boardThumb .thumb { position: relative; display: block; background: #fbfbfb url("/resource/images/bg_thumbnail.png") no-repeat 50%; border: 1px solid #ddd; text-align: center; }

.boardThumb .thumb span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.boardThumb .thumb span img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.boardThumb .thumb span:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

.boardThumb .thumb:after { content: ""; display: block; padding: 75% 0 0; }

.boardThumb figcaption.bg { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.4); text-align: center; padding: 15px 10px; box-sizing: border-box; }

@media screen and (max-width: 767px) { .boardThumb figcaption.bg { padding: 1rem 0.5rem; } }

.boardThumb figcaption.bg .subject { color: #fff; margin: 0 !important; font-size: 16px; }

@media screen and (max-width: 767px) { .boardThumb figcaption.bg .subject { font-size: 1.3rem !important; } }

.boardThumb figcaption.bg .thumbInfo span.date { display: none; }

.boardThumb figcaption.bg .thumbInfo span.celeb { color: #fff; font-size: 16px; margin: 0; }

.boardThumb figcaption .subject { display: block; margin: 15px 0 5px; color: #333; font-size: 18px; font-weight: 400; }

.mobile .boardThumb figcaption .subject { margin: .5rem 0 0; font-size: 1.4rem; }

.boardThumb figcaption .txt { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.boardThumb figcaption .thumbInfo { display: block; }

.mobile .boardThumb figcaption .thumbInfo { margin: 0; }

.boardThumb figcaption .thumbInfo span { display: inline-block; line-height: 1; color: #999; margin-right: 10px; }

.boardThumb figcaption .thumbInfo span.source { color: #333; }

@media screen and (max-width: 767px) { .boardThumb figcaption .thumbInfo span { font-size: 1.2rem; }
  .boardThumb figcaption .thumbInfo span + span { margin-left: .3rem; padding-left: .7rem; } }

.boardTypeImg .boardImgList { margin: 0; border-top: 1px solid #ddd; }

.boardTypeImg .boardImgList li { width: 100%; float: none; border-bottom: 1px solid #ddd; padding: 2.5rem 0; }

.boardTypeImg .boardImgList li a { display: block; font-size: 0; margin: 0; }

.boardTypeImg .boardImgList li a .thumb { width: 30%; display: inline-block; vertical-align: top; box-sizing: border-box; }

.boardTypeImg .boardImgList li a .thumb img { display: block; width: 100%; }

.boardTypeImg .boardImgList li a .thumb::after { display: none; }

@media all and (max-width: 767px) { .boardTypeImg .boardImgList li a .thumb { width: 45%; } }

.boardTypeImg .boardImgList li a .listTxt { width: 70%; display: inline-block; vertical-align: top; box-sizing: border-box; text-align: left; padding-left: 2.5rem; color: #666; font-size: 1rem; font-weight: 300; line-height: 1; }

.boardTypeImg .boardImgList li a .listTxt > p { margin-bottom: 1.5rem; }

.boardTypeImg .boardImgList li a .listTxt .num { display: none; }

.boardTypeImg .boardImgList li a .listTxt .title { color: #000; font-size: 1.3rem; font-weight: 400; line-height: 1.5rem; }

@media all and (max-width: 767px) { .boardTypeImg .boardImgList li a .listTxt .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1.5rem; line-height: 1.8rem; } }

.boardTypeImg .boardImgList li a .listTxt .subject { line-height: 1.8rem; word-break: keep-all; }

.boardTypeImg .boardImgList li a .listTxt .data { margin-bottom: 0; }

@media all and (max-width: 767px) { .boardTypeImg .boardImgList li a .listTxt { width: 50%; padding-left: 5%; font-size: 1.3rem; line-height: 1.6rem; }
  .boardTypeImg .boardImgList li a .listTxt .subject { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } }

@media all and (max-width: 767px) { .boardTypeImg .boardImgList li:last-child { border-bottom: none; } }

.boardTypeList thead { border-top: 2px solid #333; background-color: #f5f5f5; }

.boardTypeList thead th { padding: 1.25rem 0; }

@media all and (max-width: 767px) { .boardTypeList table { overflow: hidden; display: block; border-top: 1px solid #ddd; }
  .boardTypeList thead { display: none; color: #000; font-size: 1.2rem; font-weight: 500; line-height: 1; }
  .boardTypeList tbody { display: block; }
  .boardTypeList tr { display: block; width: 100%; box-sizing: border-box; padding: 1.5rem 2rem; border-bottom: 1px solid #ddd; } }

@media all and (max-width: 767px) and (max-width: 767px) { .boardTypeList tr { position: relative; padding: 1.75rem 8rem 1.75rem 2rem; }
  .boardTypeList tr td.state { width: 4.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; margin-top: -1.25rem; position: absolute; top: 50%; right: 1.75rem; }
  .boardTypeList tr td.state span { display: block; width: 100%; height: 100%; padding: 0 !important; } }

@media all and (max-width: 767px) { .boardTypeList tr td { border-bottom: none; text-align: left; padding: 0; color: #000; font-size: 1rem; font-weight: 500; line-height: 1; } }

@media all and (max-width: 767px) and (max-width: 767px) { .boardTypeList tr td { color: #555; font-size: 1.1rem; font-weight: 400; line-height: 1; } }

@media all and (max-width: 767px) { .boardTypeList tr td.num { display: none; }
  .boardTypeList tr td.subject { display: block; margin: 0 0 1rem; box-sizing: border-box; }
  .boardTypeList tr td.subject a { display: block; font-weight: 400; font-size: 1.5rem; color: #000; }
  .boardTypeList tr td.name, .boardTypeList tr td.date { width: auto; display: inline-block; box-sizing: border-box; color: #666; font-size: 1.2rem; font-weight: 300; }
  .boardTypeList tr td.name { position: relative; padding-right: 2rem; margin-right: 2rem; }
  .boardTypeList tr td.name::after { content: ''; display: inline-block; width: 1px; height: 1.1rem; position: absolute; top: 50%; right: 0; background-color: #2f4e6e; }
  .boardTypeList tr td.name::after { margin-top: -0.55rem; background-color: #ccc; }
  .boardTypeList tr.notice { background: #f5f5f5; }
  .boardTypeList tr.notice td a { font-weight: bold; }
  .boardTypeList tr.notice td.num { display: inline-block; vertical-align: middle; width: 15%; margin-right: 0.5rem; }
  .boardTypeList tr.notice td.subject { display: inline-block; vertical-align: middle; width: 65%; margin: 0; }
  .boardTypeList tr.notice td.date { margin-top: 1rem; } }

@media screen and (max-width: 450px) { .boardTypeList tr td.subject { margin: 0 0 0.3rem; } }

.boardView { border-top: 2px solid #000; }

.boardView .subject { padding: 20px 40px; background: #f5f5f5; border-bottom: 1px solid #ddd; color: #333; font-weight: 400; font-size: 1.5rem; word-break: break-all; }

@media screen and (max-width: 767px) { .boardView .subject { padding: 1.5rem 1rem; } }

@media screen and (max-width: 450px) { .boardView .subject { font-size: 1.6rem; } }

.boardView .info { position: relative; padding: 15px 40px; background: #f5f5f5; border-bottom: 1px solid #dfe5ed; text-align: right; overflow: hidden; }

@media screen and (max-width: 767px) { .boardView .info { padding: 0.75rem 1rem; } }

@media screen and (max-width: 450px) { .boardView .info { padding: 1rem; text-align: left; } }

.boardView .info .item { display: inline-block; font-size: 1rem; }

@media screen and (max-width: 450px) { .boardView .info .item { width: auto; font-size: 1.1rem; } }

.boardView .info .item b { display: inline-block; color: #333; font-weight: 400; }

.boardView .info .item b:after { content: "."; }

.boardView .info .item.file { float: left; color: #000; }

@media screen and (max-width: 450px) { .boardView .info .item.file { float: none; } }

.boardView .info .item span { display: inline-block; margin: 0 25px 0 5px; }

.boardView .contents { min-height: 340px; padding: 30px 35px; border-bottom: 1px solid #ddd; color: #000; }

.boardView .contents img { width: auto !important; height: auto !important; max-width: 100%; }

@media screen and (max-width: 767px) { .boardView .contents { min-height: 15rem; padding: 1rem 1rem 2.5rem; } }

.boardView .readAnswerWrap { border: 2px solid #ddd; border-top-width: 1px; border-right: none; color: #333; font-size: 1rem; font-weight: 400; }

@media screen and (max-width: 450px) { .boardView .readAnswerWrap { font-size: 1.1rem; } }

.boardView .readAnswerWrap .answerTit { display: table-cell; vertical-align: middle; width: 20%; padding: 3rem 0.5rem; text-align: center; background-color: #ddd; font-weight: 500; }

.boardView .readAnswerWrap .answerTxt { display: table-cell; vertical-align: middle; padding: 0 2.5rem; }

@media screen and (max-width: 450px) { .boardView .readAnswerWrap .answerTxt { padding: 0 1.5rem; } }

.boardView .boardChart { margin: 3.75rem 0; }

.boardView .boardChart table { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.boardView .boardChart table tr { border-bottom: 1px solid #ddd; color: #333; font-size: 1.1rem; font-weight: normal; text-align: center; line-height: 1; }

@media screen and (max-width: 767px) { .boardView .boardChart table tr { font-size: 1.2rem; } }

.boardView .boardChart table tr th { background-color: #f5f5f5; padding: 1rem 0; }

.boardView .boardChart table tr .content { padding: 0 1.7rem; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.boardView .boardChart table tr:last-child { border-bottom: none; }

.boardWrite { border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 2.5rem 5rem; }

@media screen and (max-width: 767px) { .boardWrite { padding: 0; }
  .boardWrite tbody, .boardWrite tr, .boardWrite th, .boardWrite td { display: block; width: 100%; padding: 0; box-sizing: border-box; } }

.boardWrite th { width: 15%; padding: 0 20px; border-bottom: 1px solid #dfe5ed; text-align: left; }

@media screen and (max-width: 1023px) { .boardWrite th { width: 20%; } }

@media screen and (max-width: 767px) { .boardWrite th { padding: 1rem 1rem 0; border: 0; width: 25%; } }

.boardWrite td { padding: 15px; border-bottom: 1px solid #dfe5ed; }

@media screen and (max-width: 767px) { .boardWrite td { padding: 0.5rem 1rem 1rem; } }

.boardWrite td textarea { width: 100%; height: 300px; }

@media screen and (max-width: 767px) { .boardWrite td textarea { height: 10rem; } }

.boardWrite td .inputTxt, .boardWrite td select { width: 30%; vertical-align: middle; }

@media screen and (max-width: 767px) { .boardWrite td .inputTxt, .boardWrite td select { width: 100%; font-size: 1.1rem; } }

.boardWrite .datepicker { background: url("/resource/images/icon_cal.png") no-repeat 95% 50%; background-size: auto 50%; }

.mobile .boardWrite .datepicker { background-position: right 1rem top 50%; }

.boardWrite #jb_title, .boardWrite #jb_name { width: 100%; }

.boardWrite #jb_file { width: 30%; display: inline-block; }

@media screen and (max-width: 767px) { .boardWrite #jb_show, .boardWrite #jb_name, .boardWrite #jb_type, .boardWrite .datepicker { width: 100%; }
  .boardWrite #zsfCode { width: 10rem; vertical-align: middle; } }

.boardWrite.onlineWrite th { width: 20%; font-size: 1rem; }

@media screen and (max-width: 1023px) { .boardWrite.onlineWrite th { width: 25%; } }

@media screen and (max-width: 500px) { .boardWrite.onlineWrite th { width: 40%; font-size: 1.4rem; } }

.boardWrite.onlineWrite td input, .boardWrite.onlineWrite td select { color: #666; font-size: 0.9rem; padding: 0 0 0 1rem; }

@media screen and (max-width: 500px) { .boardWrite.onlineWrite td input, .boardWrite.onlineWrite td select { font-size: 1.2rem; } }

.boardWrite.onlineWrite td #jb_name { border: none; background-color: unset; }

.boardWrite.onlineWrite td #jb_content { border-color: #ddd; }

.boardWrite.onlineWrite td.addRadio { font-size: 0; }

.boardWrite.onlineWrite td.addRadio label { display: inline-block; vertical-align: middle; width: 20%; margin: 0; padding: 0.5rem 0; padding-right: 1rem; box-sizing: border-box; }

@media screen and (max-width: 1023px) { .boardWrite.onlineWrite td.addRadio label { width: 33%; } }

@media screen and (max-width: 500px) { .boardWrite.onlineWrite td.addRadio label { width: 50%; } }

.boardWrite.onlineWrite td.addRadio label input { display: inline-block; vertical-align: middle; width: 1.1rem; height: 1.1rem; padding: 0; }

.boardWrite.onlineWrite td.addRadio label span { display: inline-block; vertical-align: middle; width: auto; box-sizing: border-box; word-break: keep-all; color: #666; font-size: 0.9rem; font-weight: 300; text-align: left; line-height: 1.1rem; }

@media screen and (max-width: 500px) { .boardWrite.onlineWrite td.addRadio label span { font-size: 1.2rem; } }

.boardWrite.onlineWrite td.addRadio label span:before { margin-right: 0.5rem; }

.boardWrite.onlineWrite td.addRadio label:last-child { padding-right: 0; }

.formRow select, .formRow .inputTxt { width: 150px; }

@media screen and (max-width: 767px) { .formRow { display: table; width: 100%; }
  .formRow .cell { display: table-cell; width: 33%; }
  .formRow .cell.symbol { padding: 0 5px; width: auto; font-size: 20px; }
  .formRow .cell.sel { padding-left: 10px; } }

.passSection .inputPassword { margin: 20px 0 0; padding: 20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; }

.passSection .inputPassword label { margin: 0 15px 0 0; font-weight: bold; }

.boardBtn { margin: 50px -5px; text-align: center; }

.boardBtn .left { float: left; }

.boardBtn .right { float: right; }

.boardBtn.aRight { text-align: right; }

.boardBtn.aLeft { text-align: left; }

@media screen and (max-width: 767px) { .boardBtn { margin: 3.75rem -0.5rem 0; } }

@media screen and (max-width: 767px) { .boardBtn .only:only-child, .boardBtn .left:only-child, .boardBtn .right:only-child { display: flex; width: 100%; }
  .boardBtn .only:only-child [class*="btn"], .boardBtn .left:only-child [class*="btn"], .boardBtn .right:only-child [class*="btn"] { width: 100%; } }

.boardBtn [class*="btn"] { display: inline-block; width: 10rem; margin: 0 5px; padding: 12px 0 11px; font-size: 18px; font-weight: 400; text-align: center; overflow: hidden; }

.boardBtn [class*="btn"].btnLeft { float: left; }

.boardBtn [class*="btn"].btn0 { background: #fff; border: 1px solid #9aafc7; color: #9aafc7; }

.boardBtn [class*="btn"].btn1 { background: #9aafc7; border: 1px solid #9aafc7; color: #fff; }

@media screen and (max-width: 767px) { .boardBtn [class*="btn"] { width: auto; font-size: 1.3rem; margin: 0 0.5rem; padding: 1rem 2rem; box-sizing: border-box; }
  .boardBtn [class*="btn"]:only-child { display: block; } }

.btnReplace { display: inline-block; width: 80px; height: 40px; line-height: 40px; text-align: center; background: #fbfbfc; color: #333; vertical-align: middle; }

.pagination { margin: 60px 0; text-align: center; font-size: 0; }

@media all and (max-width: 767px) { .pagination { margin: 2rem 0 0; } }

.pagination .btn { display: inline-block; width: 46px; height: 46px; line-height: 44px; margin: 0 0 0 -1px; background: #fff; border: 1px solid #dfe5ed; color: #57585d; font-size: 16px; font-weight: 400; vertical-align: middle; box-sizing: border-box; }

@media all and (max-width: 767px) { .pagination .btn { width: 4rem; height: 4rem; line-height: 4rem; font-size: 1.2rem; } }

.pagination .btn.prev, .pagination .btn.next { font: 0/0 a; width: 46px; height: 46px; background: #fff url("/resource/images/btn_page_prev.png") no-repeat 50%; background-size: 25%; background-position: center; }

@media all and (max-width: 767px) { .pagination .btn.prev, .pagination .btn.next { width: 4rem; height: 4rem; background-size: 1.2rem; } }

.pagination .btn.next { background-image: url("/resource/images/btn_page_next.png"); }

.pagination .btn.current { background: #f85f35; border: 1px solid #f85f35; box-sizing: border-box; color: #fff; font-weight: 400; }

.replyText { position: relative; margin: 10px 0 0; padding: 10px 100px 10px 10px; background: #f7f7f7; border: 1px solid #d7d7d7; }

.replyText .guestInput { margin: 0 0 10px; }

.replyText .guestInput label { margin: 0 10px 0 0; }

@media screen and (max-width: 767px) { .replyText { margin: 2rem 0 0; padding: 1rem 10rem 1rem 1rem; }
  .replyText .guestInput { margin: 0 0 1rem; }
  .replyText .guestInput label { margin: 0 1rem 0 0; } }

.replyText textarea { width: 100%; height: 100px; vertical-align: top; }

@media screen and (max-width: 767px) { .replyText textarea { height: 7.5rem; } }

.replyText .btnReply, .replyText .btnReplyMod, .replyText .btnReplyCancel { position: absolute; top: 10px; right: 10px; width: 80px; height: 100px; background: #384451; color: #fff; }

@media screen and (max-width: 767px) { .replyText .btnReply, .replyText .btnReplyMod, .replyText .btnReplyCancel { top: 1rem; right: 1rem; width: 8rem; height: 7.5rem; } }

.replyText .btnReplyMod, .replyText .btnReplyCancel { height: 48px; }

@media screen and (max-width: 767px) { .replyText .btnReplyMod, .replyText .btnReplyCancel { height: 4.8rem; } }

.replyText .btnReplyCancel { top: auto; bottom: 10px; }

.mobile .replyText .btnReplyCancel { bottom: 1rem; }

.titComment { margin: 50px 0 15px; color: #333; font-size: 20px; }

@media screen and (max-width: 767px) { .titComment { margin: 2.5rem 0 0.25rem; font-size: 1.5rem; } }

.txtComment { float: right; margin-top: -40px; }

@media screen and (max-width: 767px) { .txtComment { float: none; margin: 0; font-size: 1.1rem; } }

.replyList { margin: 0 0 40px; }

@media screen and (max-width: 767px) { .replyList { margin: 1rem 0 2rem; } }

.replyList li { position: relative; padding: 30px 40px 100px; background: #fbfbfc; border: 1px solid #dfe5ed; }

@media screen and (max-width: 767px) { .replyList li { padding: 1rem; } }

.replyList .replyInfo { display: none; }

.replyList .replyInfo span { margin: 0 5px 0 0; }

.replyList .replyInfo .name strong.me { color: #000; }

.replyList .cont { display: block; }

.replyList .util { display: none; position: absolute; top: 20px; right: 0; }

.replyList .util a { margin: 0 4px; }

@media screen and (max-width: 767px) { .replyList .util { top: auto; bottom: 1rem; } }

.replyList .replyWrite { position: relative; padding: 20px 125px 10px 90px; }

.replyList .replyWrite textarea { width: 100%; height: 50px; }

.replyList .replyWrite .name { position: absolute; top: 20px; left: 0; color: #333; font-weight: bold; }

.replyList .replyWrite .btn { position: absolute; top: 20px; right: 0; width: 100px; height: 62px; background: #384451; color: #fff; }

.replyList .reReply { padding-left: 20px; }

.replyList .reReplyWrite .reCont { margin: 8px 0 0; padding: 10px 10px 10px; background: #f7f7f7; border: 1px solid #d7d7d7; }

.replyList .reReplyWrite textarea { width: 100%; height: 50px; }

.ui-datepicker { position: absolute; top: -1000%; display: block; width: 300px; padding: 5px; border: 1px solid #ddd; background: #eee; text-align: center; z-index: 200 !important; /* calendarCustome css */ }

.ui-datepicker .ui-datepicker-header { display: block; padding: 0 15px; }

.ui-datepicker .ui-datepicker-header a { position: absolute; top: 2px; }

.ui-datepicker .ui-datepicker-header a.ui-state-disable { cursor: default; opacity: .3; }

.ui-datepicker .ui-datepicker-header a span { font: 0/0 a; }

.ui-datepicker .ui-datepicker-header a:before { content: ""; display: inline-block; width: 15px; height: 15px; margin: 15px auto 0; transform: rotate(45deg); }

.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev { left: 20px; }

.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev:before { border-left: 2px solid #47505b; border-bottom: 2px solid #47505b; }

.ui-datepicker .ui-datepicker-header a.ui-datepicker-next { right: 20px; }

.ui-datepicker .ui-datepicker-header a.ui-datepicker-next:before { border-top: 2px solid #47505b; border-right: 2px solid #47505b; }

.ui-datepicker .ui-datepicker-title { text-align: center; padding: 5px 0 10px; }

.ui-datepicker .ui-datepicker-title select { height: 30px; margin: 0 4px; vertical-align: middle; }

.ui-datepicker .ui-datepicker-calendar { background: #fff; }

.ui-datepicker .ui-datepicker-week-end:first-child { border-left: 1px solid #ddd; }

.ui-datepicker .ui-datepicker-week-end:last-child { border-right: 1px solid #ddd; }

.ui-datepicker thead { background: #47505b; }

.ui-datepicker thead th { height: 30px; font-size: 12px; background: #47505b; color: #fff; text-align: center; text-transform: uppercase; }

.ui-datepicker td { border-bottom: 1px solid #ddd; }

.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 5px; font-size: 12px; }

.ui-datepicker td.ui-datepicker-current-day a { background: #384451; color: #fff; }

.ui-datepicker .ui-datepicker .dummy { border: 1px solid #ddd; border-top: 0; }

.calendarCustome .ui-datepicker { background-color: #fbf9f7; padding: 1rem; }

.calendarCustome .ui-datepicker .ui-datepicker-header .ui-datepicker-title { padding: 0 0 1rem; }

.calendarCustome .ui-datepicker .ui-datepicker-header .ui-datepicker-title select { width: 4.5rem; height: 2rem; font-size: 0.9rem; border: none; border-radius: 3px; }

.calendarCustome .ui-datepicker .ui-datepicker-header .ui-datepicker-title span { color: #666; font-size: 0.9rem; font-weight: 400; text-align: center; line-height: 2rem; }

.calendarCustome .ui-datepicker .ui-datepicker-header .ui-corner-all { top: 0.75rem; }

.calendarCustome .ui-datepicker .ui-datepicker-header .ui-corner-all:before { width: 8px; height: 8px; }

.calendarCustome .ui-datepicker table { background-color: unset; }

.calendarCustome .ui-datepicker table thead { background-color: unset; }

.calendarCustome .ui-datepicker table thead th { background-color: unset; color: #000; font-weight: 400; }

.calendarCustome .ui-datepicker table thead th:first-child, .calendarCustome .ui-datepicker table thead th:last-child { border: none; }

.calendarCustome .ui-datepicker table thead th:nth-child(6) span { color: #2782ff; }

.calendarCustome .ui-datepicker table thead th:nth-child(7) span { color: #ff0000; }

.calendarCustome .ui-datepicker table tbody td { border: none !important; }

.calendarCustome .ui-datepicker table tbody td a { color: #888; font-weight: 300; }

.calendarCustome .ui-datepicker table tbody td a.ui-state-active { background-color: #ffebd7; border: 1px solid #fff; }

.calendarCustome .ui-datepicker table tbody td:nth-child(6) a { color: #2782ff; }

.calendarCustome .ui-datepicker table tbody td:nth-child(7) a { color: #ff0000; }

.memLayer { position: relative; display: inline-block; width: 560px; margin: 0 auto; background: #fff; color: #333; box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.3); border-radius: 10px; vertical-align: middle; }

@media screen and (max-width: 767px) { .memLayer { width: 98%; margin: 1rem auto; } }

.memLayer .title { padding: 45px 0 25px; border-bottom: 1px solid #dfe5ed; color: #333; font-size: 30px; }

@media screen and (max-width: 767px) { .memLayer .title { padding: 2.25rem 0 1.25rem; font-size: 1.5rem; } }

.memLayer .loginField { padding: 25px 70px 60px; text-align: left; }

@media screen and (max-width: 767px) { .memLayer .loginField { padding: 1.25rem 3rem 4rem; } }

.memLayer .loginField .inputLabel { display: block; margin: 15px 0 5px; font-weight: 500; }

@media screen and (max-width: 767px) { .memLayer .loginField .inputLabel { font-size: 1.2rem; margin: 0.75rem 0 0.25rem; } }

.memLayer .loginField .inputTxt { width: 100%; height: 40px; padding: 0 20px; box-sizing: border-box; }

@media screen and (max-width: 767px) { .memLayer .loginField .inputTxt { height: 2.5rem; padding: 0 1rem; font-size: 1.2rem; } }

.memLayer .loginField .inputTxt + .inputTxt { margin: 10px 0 0; }

@media screen and (max-width: 767px) { .memLayer .loginField .inputTxt + .inputTxt { margin: 0.5rem 0 0; } }

.memLayer .loginOpt { position: relative; margin: 40px 0 20px; }

@media screen and (max-width: 767px) { .memLayer .loginOpt { margin: 1rem 0 1rem; font-size: 1.1rem; } }

.memLayer .loginOpt .btnFind { position: absolute; top: 0; right: 0; color: #333; }

.memLayer .loginLink .btnJoin { display: block; width: 100%; height: 50px; margin: 20px 0 0; color: #333; text-align: center; }

@media screen and (max-width: 767px) { .memLayer .loginLink .btnJoin { margin: 1rem 0 0; height: 3rem; font-size: 1.2rem; } }

.memLayer .btnConfirm { width: 100%; margin: 20px 0 0; }

.memLayer .btnClose { position: absolute; top: 18px; right: 18px; width: 20px; height: 20px; transform: rotate(45deg); }

.memLayer .btnClose:after, .memLayer .btnClose span { content: ""; position: absolute; top: 0; left: 50%; width: 2px; height: 20px; background: #111; font: 0/0 a; }

.memLayer .btnClose span { transform: rotate(90deg); }

.memLayer #find-pw-form { margin: 25px 0 0; }

@media screen and (max-width: 767px) { .memLayer #find-pw-form { margin: 2rem 0 0; } }

.joinWrap .agree + .agree, .passchWrap .agree + .agree, .outWrap .agree + .agree { margin: 3.75rem 0 0; }

@media screen and (max-width: 767px) { .joinWrap .agree + .agree, .passchWrap .agree + .agree, .outWrap .agree + .agree { margin: 3rem 0 0; } }

.joinWrap .agree ~ .btnWrap, .passchWrap .agree ~ .btnWrap, .outWrap .agree ~ .btnWrap { margin: 60px 0; }

@media screen and (max-width: 767px) { .joinWrap .agree ~ .btnWrap, .passchWrap .agree ~ .btnWrap, .outWrap .agree ~ .btnWrap { margin: 2.5rem 0 0; } }

.joinWrap .title, .passchWrap .title, .outWrap .title { font-size: 1.1rem; text-align: center; color: #000; background: #f9f9f9; padding: 0.5rem 0 1.5rem; }

@media screen and (max-width: 767px) { .joinWrap .title, .passchWrap .title, .outWrap .title { font-size: 1.3rem; } }

.joinWrap .publish, .passchWrap .publish, .outWrap .publish { overflow: auto; height: 200px; margin: 0; padding: 20px; background: #f9f9f9; color: #666; border-bottom: 2px solid #ddd; }

@media screen and (max-width: 767px) { .joinWrap .publish, .passchWrap .publish, .outWrap .publish { height: 13.5rem; margin: 0 0 0.6rem; padding: 1.2rem; } }

.joinWrap .publish pre, .passchWrap .publish pre, .outWrap .publish pre { color: #666; font-size: 0.9rem; font-weight: lighter; text-align: left; line-height: 1.6rem; white-space: pre-wrap; }

@media screen and (max-width: 767px) { .joinWrap .publish pre, .passchWrap .publish pre, .outWrap .publish pre { line-height: 1.4rem; font-size: 1.2rem; } }

.joinWrap .btnWrap, .passchWrap .btnWrap, .outWrap .btnWrap { text-align: center; margin: 60px 0; }

.joinWrap .infoInput, .passchWrap .infoInput, .outWrap .infoInput { border-top: 2px solid #333; border-bottom: 2px solid #333; }

.joinWrap .infoInput th, .passchWrap .infoInput th, .outWrap .infoInput th, .joinWrap .infoInput td, .passchWrap .infoInput td, .outWrap .infoInput td { border-top: 1px solid #ddd; }

@media all and (max-width: 767px) { .joinWrap .infoInput tbody, .passchWrap .infoInput tbody, .outWrap .infoInput tbody, .joinWrap .infoInput tr, .passchWrap .infoInput tr, .outWrap .infoInput tr, .joinWrap .infoInput th, .passchWrap .infoInput th, .outWrap .infoInput th, .joinWrap .infoInput td, .passchWrap .infoInput td, .outWrap .infoInput td { display: block; } }

.joinWrap .infoInput th, .passchWrap .infoInput th, .outWrap .infoInput th { width: 160px; padding-left: 20px; color: #000; font-size: 0.9rem; font-weight: 400; text-align: left; line-height: 0.9rem; }

@media all and (max-width: 767px) { .joinWrap .infoInput th, .passchWrap .infoInput th, .outWrap .infoInput th { width: 100%; padding: 1rem 1rem 0.5rem; font-size: 1.2rem; box-sizing: border-box; } }

.joinWrap .infoInput td, .passchWrap .infoInput td, .outWrap .infoInput td { padding: 1rem 0; }

@media all and (max-width: 767px) { .joinWrap .infoInput td, .passchWrap .infoInput td, .outWrap .infoInput td { padding: 0 1rem 1rem; border: 0; }
  .joinWrap .infoInput td .inputTxt, .passchWrap .infoInput td .inputTxt, .outWrap .infoInput td .inputTxt { width: 50%; } }

.joinWrap .infoInput .tip, .passchWrap .infoInput .tip, .outWrap .infoInput .tip { margin: 0 0 0 20px; font-size: 14px; }

@media all and (max-width: 767px) { .joinWrap .infoInput .tip, .passchWrap .infoInput .tip, .outWrap .infoInput .tip { margin: 0 0 0 1rem; font-size: 1.1rem; } }

.joinWrap .infoInput .push, .passchWrap .infoInput .push, .outWrap .infoInput .push { display: block; margin: 15px 0 10px; font-size: 14px; }

@media all and (max-width: 767px) { .joinWrap .infoInput .push, .passchWrap .infoInput .push, .outWrap .infoInput .push { margin: 1rem 0 0; }
  .joinWrap .infoInput .push .txt, .passchWrap .infoInput .push .txt, .outWrap .infoInput .push .txt { display: block; margin: 0 0 0.5rem; } }

.joinWrap .infoInput .push .inputRadio, .passchWrap .infoInput .push .inputRadio, .outWrap .infoInput .push .inputRadio { margin: 0 0 0 20px; }

@media all and (max-width: 767px) { .joinWrap .infoInput .push .inputRadio, .passchWrap .infoInput .push .inputRadio, .outWrap .infoInput .push .inputRadio { margin: 0 1rem 0 0; } }

.joinWrap .infoInput .symbol, .passchWrap .infoInput .symbol, .outWrap .infoInput .symbol { display: inline-block; width: 1rem; padding: 0 0.25rem; text-align: center; }

.joinWrap .infoInput .emailWrap #email_sel, .passchWrap .infoInput .emailWrap #email_sel, .outWrap .infoInput .emailWrap #email_sel, .joinWrap .infoInput .phoneWrap #mb_mobile1, .passchWrap .infoInput .phoneWrap #mb_mobile1, .outWrap .infoInput .phoneWrap #mb_mobile1 { width: 30%; display: inline-block; vertical-align: top; font-size: 0.9rem; }

.joinWrap .infoInput .emailWrap .cell.sel, .passchWrap .infoInput .emailWrap .cell.sel, .outWrap .infoInput .emailWrap .cell.sel { margin-left: 1.75rem; }

.joinWrap .infoInput .inputTxt, .passchWrap .infoInput .inputTxt, .outWrap .infoInput .inputTxt, .joinWrap .infoInput select, .passchWrap .infoInput select, .outWrap .infoInput select { width: 30%; max-width: 300px; }

@media all and (max-width: 1200px) { .joinWrap .infoInput .emailWrap #email_sel, .passchWrap .infoInput .emailWrap #email_sel, .outWrap .infoInput .emailWrap #email_sel, .joinWrap .infoInput .phoneWrap #mb_mobile1, .passchWrap .infoInput .phoneWrap #mb_mobile1, .outWrap .infoInput .phoneWrap #mb_mobile1 { width: 100%; }
  .joinWrap .infoInput .row, .passchWrap .infoInput .row, .outWrap .infoInput .row { display: table; width: 100%; }
  .joinWrap .infoInput .row .cell, .passchWrap .infoInput .row .cell, .outWrap .infoInput .row .cell { display: table-cell; vertical-align: middle; width: 33%; }
  .joinWrap .infoInput .row .cell .inputTxt, .passchWrap .infoInput .row .cell .inputTxt, .outWrap .infoInput .row .cell .inputTxt, .joinWrap .infoInput .row .cell select, .passchWrap .infoInput .row .cell select, .outWrap .infoInput .row .cell select { width: 100%; margin: 0; max-width: inherit; vertical-align: inherit; }
  .joinWrap .infoInput .row .cell.symbol, .passchWrap .infoInput .row .cell.symbol, .outWrap .infoInput .row .cell.symbol { width: auto; padding: 0 0.5rem; font-size: 1.1rem; }
  .joinWrap .infoInput .row .cell.sel, .passchWrap .infoInput .row .cell.sel, .outWrap .infoInput .row .cell.sel { padding-left: 0.5rem; } }

.outWrap .anotherReason { margin: 10px 0 0; }

.outWrap .warning { padding: 10px 0; text-align: center; }

.comWrap { max-width: 640px; margin: 0 auto; text-align: center; }

.comWrap .txt { font-size: 32px; color: #333; }

.comWrap .btnConfirm { margin-top: 40px; }

.mobile .comWrap { max-width: inherit; }

.mobile .comWrap .txt { font-size: 2.4rem; }

.mobile .comWrap .txt b { display: block; }

.mobile .comWrap .btnConfirm { margin-top: 4rem; }

.findResult { padding: 30px 20px; text-align: center; font-size: 18px; font-weight: 500; }

.findResult strong { font-size: 25px; color: #000; }

.snsWrap { margin: 55px 0 0; border-top: 1px solid #dfe5ed; }

.snsWrap .snsTxt { padding: 20px 0; }

.btnConfirm { display: inline-block; width: 9rem; height: 3rem; color: #fff; font-size: 0.9rem; font-weight: 400; text-align: center; line-height: 0.9rem; border: 1px solid #2f4e6e; background-color: #2f4e6e; }

@media screen and (max-width: 767px) { .btnConfirm { height: 2.5rem; line-height: 2.5rem; font-size: 0.8rem; } }

.btnCancel { display: inline-block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; font-weight: 600; background: #9bb22d; }

.btnNaver { display: inline-block; width: 100%; height: 50px; margin-top: 20px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; font-weight: 300; background: #2cb400 url("/resource/images/btn_naver.png") no-repeat 20px 50%; color: #fff; }

@media screen and (max-width: 767px) { .btnNaver { height: 3.5rem; line-height: 3.5rem; font-size: 1.3rem; } }

.btnKakao { display: inline-block; width: 100%; height: 50px; margin-top: 20px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; font-weight: 300; background: #ffe400 url("/resource/images/btn_kakao.png") no-repeat 19px 50%; color: #000; }

@media screen and (max-width: 767px) { .btnKakao { height: 3.5rem; line-height: 3.5rem; font-size: 1.3rem; } }

#wrap { padding-top: 130px; }

@media screen and (max-width: 1400px) { #wrap { padding-top: 120px; } }

@media screen and (max-width: 767px) { #wrap { padding-top: 6rem; } }

#header { position: fixed; top: 0; right: 0; left: 0; z-index: 100; padding-top: 40px; background: rgba(255, 255, 255, 0.9); }

.fixedMenu #header { padding: 0; }

@media screen and (max-width: 1400px) { #header { padding: 0; } }

.menuOn #header:after { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.65); }

#header .logo { height: 90px; padding-left: 70px; background: #fff; }

#header .logo a { display: inline-block; vertical-align: middle; font: 0/0 a; }

@media screen and (max-width: 1400px) { #header .logo { height: 120px; padding-left: 50px; } }

@media screen and (max-width: 767px) { #header .logo { height: 6rem; padding-left: 2rem; }
  #header .logo img { height: 3rem; } }

#header .btnMenuOpen { display: none; position: absolute; z-index: 3; top: 44px; right: 53px; width: 42px; height: 34px; font: 0/0 a; }

@media screen and (max-width: 767px) { #header .btnMenuOpen { top: 2.3rem; right: 2rem; width: 2rem; height: 1.6rem; } }

#header .btnMenuOpen span, #header .btnMenuOpen:before, #header .btnMenuOpen:after { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 5px; background: #000; transition: all .3s, top .3s .3s; }

@media screen and (max-width: 767px) { #header .btnMenuOpen span, #header .btnMenuOpen:before, #header .btnMenuOpen:after { height: 2px; } }

#header .btnMenuOpen:before { top: 50%; margin-top: -2.5px; }

@media screen and (max-width: 767px) { #header .btnMenuOpen:before { margin-top: -1px; } }

#header .btnMenuOpen:after { top: 100%; margin-top: -5px; }

@media screen and (max-width: 767px) { #header .btnMenuOpen:after { margin-top: -2px; } }

.menuOn #header .btnMenuOpen:before { opacity: 0; }

.menuOn #header .btnMenuOpen span, .menuOn #header .btnMenuOpen:after { top: 50%; margin-top: -2.5px; background: #fff; transition: all .3s, transform .3s .3s; }

.menuOn #header .btnMenuOpen span { transform: rotate(45deg); }

.menuOn #header .btnMenuOpen:after { transform: rotate(-45deg); }

@media screen and (max-width: 1400px) { #header .btnMenuOpen { display: block; } }

@media screen and (max-width: 1400px) { #gnb { position: fixed; z-index: 2; top: 0; right: -100%; bottom: 0; width: 470px; background: #224e7b; transition: all .3s; }
  .menuOn #gnb { right: 0; } }

@media screen and (max-width: 767px) { #gnb { width: 80%; } }

#gnb .login { position: absolute; top: 0; right: 0; left: 0; height: 40px; padding: 0 70px 0 0; background: #f8f8f8; text-align: right; font-size: 14px; font-weight: 500; }

.fixedMenu #gnb .login { display: none; }

@media screen and (max-width: 1400px) { .fixedMenu #gnb .login { display: block; } }

@media screen and (max-width: 1400px) { #gnb .login { position: static; height: 120px; padding: 0; background: none; border-bottom: 1px solid #182c41; text-align: left; font-size: 18px; font-weight: 400; } }

@media screen and (max-width: 767px) { #gnb .login { height: 6rem; font-size: 1.4rem; } }

#gnb .login span { position: relative; display: inline-block; margin-left: 14px; padding-left: 14px; vertical-align: middle; color: #666; }

#gnb .login span:after { content: ""; position: absolute; top: 6px; left: 0; height: 10px; border-left: 1px solid #d5d5d5; }

#gnb .login span:first-child:after { display: none; }

#gnb .login span.eng { color: #2e5175; }

@media screen and (max-width: 1400px) { #gnb .login span { margin-left: 25px; padding-left: 25px; color: #fff; }
  #gnb .login span:first-child { padding: 0; }
  #gnb .login span.eng { margin: 2px 0 0 30px; padding: 0; color: #fff; }
  #gnb .login span.eng:before { content: ""; display: inline-block; width: 20px; height: 20px; background: url("/resource/images/icon_lang.png") no-repeat; background-size: cover; margin-right: 10px; vertical-align: -3px; }
  #gnb .login span.eng:after { display: none; }
  #gnb .login span:after { content: ""; top: 5px; left: 0; height: 20px; border-left: 2px solid #6b8aaa; } }

@media screen and (max-width: 767px) { #gnb .login span { margin-left: 1.3rem; padding-left: 1.5rem; }
  #gnb .login span:first-child { padding: 0; }
  #gnb .login span.eng { margin: 2px 0 0 1.5rem; }
  #gnb .login span.eng:before { width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; }
  #gnb .login span:after { content: ""; top: 5px; left: 0; height: 1.3rem; border-left: 1px solid #6b8aaa; } }

#gnb .list { float: right; margin: -90px 40px 0 0; }

@media screen and (max-width: 1400px) { #gnb .list { position: relative; float: none; margin: 0; } }

#gnb .list > ul > li { float: left; }

@media screen and (max-width: 1400px) { #gnb .list > ul > li { float: none; color: #fff; } }

#gnb .list > ul > li > a { display: block; padding: 30px; font-weight: 400; }

@media screen and (max-width: 1500px) { #gnb .list > ul > li > a { padding: 30px 15px; } }

@media screen and (max-width: 1400px) { #gnb .list > ul > li > a { position: relative; padding: 14px 0 14px 40px; }
  #gnb .list > ul > li > a:after { content: ""; position: absolute; top: 0; right: 60px; width: 16px; height: 16px; margin-top: 12px; border-top: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(-135deg); transition: all .3s; } }

@media screen and (max-width: 767px) { #gnb .list > ul > li > a { padding: 1rem 0 1rem 3rem; }
  #gnb .list > ul > li > a:after { right: 2.25rem; width: 1.1rem; height: 1.1rem; margin-top: 1rem; } }

@media screen and (max-width: 1400px) { #gnb .list > ul > li.open > a { background: #3a6188; }
  #gnb .list > ul > li.open > a:after { margin-top: 24px; transform: rotate(45deg); } }

@media screen and (max-width: 767px) { #gnb .list > ul > li.open > a:after { margin-top: 1.8rem; } }

#gnb .subMenu { display: none; padding: 20px 0; font-size: 16px; text-align: center; }

@media screen and (max-width: 1500px) { #gnb .subMenu { font-size: 15px; } }

@media screen and (max-width: 1400px) { #gnb .subMenu { padding: 0; background: #29547f; text-align: left; } }

@media screen and (max-width: 767px) { #gnb .subMenu { font-size: 1.4rem; } }

#gnb .subMenu li { padding: 7px 0; }

#gnb .subMenu li a:hover { color: #2970b8; text-decoration: underline; }

@media screen and (max-width: 1400px) { #gnb .subMenu li { padding: 10px 0; }
  #gnb .subMenu li a { display: block; position: relative; margin: 0 0 0 60px; padding: 0 0 0 20px; color: #fff; }
  #gnb .subMenu li a br { display: none; }
  #gnb .subMenu li a:before { content: ""; position: absolute; top: 10px; left: 0; width: 10px; height: 2px; background: #fff; }
  #gnb .subMenu li a:hover { color: #fff; text-decoration: none; } }

@media screen and (max-width: 767px) { #gnb .subMenu li { padding: 0; }
  #gnb .subMenu li a { margin: 0 0 0 3.5rem; padding: 0.75rem 1rem; }
  #gnb .subMenu li a:before { width: 5px; height: 1px; top: 1.6rem; } }

#container { outline: none; overflow: hidden; }

.quickMenu { position: fixed; z-index: 50; top: 50%; right: 0; width: 95px; margin-top: -230px; }

@media screen and (max-width: 1400px) { .quickMenu { top: auto; left: 0; bottom: 0; width: auto; margin: 0; } }

.quickMenu li { text-align: center; color: #fff; font-size: 15px; }

@media screen and (max-width: 1400px) { .quickMenu li { float: left; width: 25%; } }

.quickMenu li .btnTop { width: 100%; height: 95px; background: #1c3b5b; font-size: 15px; font-weight: 300; }

.quickMenu li .btnTop:before { content: ""; display: block; width: 22px; height: 22px; margin: 10px auto -5px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg); }

@media screen and (max-width: 1400px) { .quickMenu li .btnTop { display: none; } }

.quickMenu li[class*="link"] a { display: block; height: 75px; padding-top: 20px; background: rgba(28, 59, 91, 0.9); line-height: 1.2; }

@media screen and (max-width: 767px) { .quickMenu li[class*="link"] a { height: 4rem; padding-top: 1rem; font-size: 1.2rem; } }

.quickMenu li[class*="link"] a:before { content: ""; display: block; width: 55px; height: 40px; margin: 0 auto 5px; background-repeat: no-repeat; background-position: 50%; }

@media screen and (max-width: 767px) { .quickMenu li[class*="link"] a:before { width: 100%; height: 1.7rem; margin: 0 auto 0.3rem; background-size: auto 100%; } }

.quickMenu li[class*="link"] a:hover { padding: 0; height: 95px; background: #1c3b5b; line-height: 95px; }

.quickMenu li[class*="link"] a:hover:before { display: none; }

@media screen and (max-width: 767px) { .quickMenu li[class*="link"] a:hover { height: 5rem; line-height: 5rem; } }

.quickMenu li.link1 a:before { background-image: url("/resource/images/icon_quick_link1.png"); }

.quickMenu li.link2 a:before { background-image: url("/resource/images/icon_quick_link2.png"); }

.quickMenu li.link3 a:before { background-image: url("/resource/images/icon_quick_link3.png"); }

.quickMenu li.link4 a:before { background-image: url("/resource/images/icon_quick_link4.png"); }

/* add css start */
.location { height: 4rem; padding: 0 3.5rem; background-color: #2f4e6e; }

.location a { width: 2.25rem; height: 4rem; display: inline-block; vertical-align: top; margin-right: 1.5rem; background-image: url("/resource/images/icon_homeBtn.png"); background-position: center; background-repeat: no-repeat; background-size: 1.5rem; font-size: 0; }

.location span { display: inline-block; vertical-align: middle; margin-right: 1.5rem; color: #fff; font-size: 1rem; font-weight: 300; text-align: left; line-height: 4rem; }

.location span::before { content: '>'; display: inline-block; vertical-align: top; font-weight: 300; margin-right: 1.5rem; }

@media screen and (max-width: 767px) { .location span { font-size: 1.3rem; } }

.location span:last-child { margin-right: 0; }

@media screen and (max-width: 767px) { .location { padding: 0 1.5rem; } }

[class*="subTop"] { height: 16.5rem; padding-top: 5.5rem; box-sizing: border-box; color: #fff; font-size: 2.9rem; font-weight: 400; text-align: center; line-height: 2.9rem; }

[class*="subTop"] h2 { display: block; font-weight: inherit; }

[class*="subTop"] h2 .subTopTxt { margin-top: 2.5rem; padding: 0; height: auto; font-size: 1rem; line-height: 1rem; }

@media screen and (max-width: 767px) { [class*="subTop"] h2 .subTopTxt { display: none; } }

@media screen and (max-width: 1200px) { [class*="subTop"] { padding-top: 5rem; }
  [class*="subTop"] .subTopTxt { margin-top: 1.5rem; } }

@media screen and (max-width: 767px) { [class*="subTop"] { height: 10rem; padding-top: 4.25rem; font-size: 2rem; line-height: 1.5rem; } }

.subTop1 { background-image: url("/resource/images/contents/bg_sub_top1.jpg"); }

.subTop2 { background-image: url("/resource/images/contents/bg_sub_top2.jpg"); }

.subTop3 { background-image: url("/resource/images/contents/bg_sub_top3.jpg"); }

.subTop4 { background-image: url("/resource/images/contents/bg_sub_top4.jpg"); }

.subTop5 { background-image: url("/resource/images/contents/bg_sub_top5.jpg"); }

.subTop6 { background-image: url("/resource/images/contents/bg_sub_top6.jpg"); }

.subTop7 { background-image: url("/resource/images/contents/bg_sub_top7.jpg"); }

.subTop8 { background-image: url("/resource/images/contents/bg_sub_top8.jpg"); }

.subTop9 { background-image: url("/resource/images/contents/bg_sub_top9.jpg"); }

.subTop10 { background-image: url("/resource/images/contents/bg_sub_top10.jpg"); }

/* add css end */
#footer { padding: 170px 0 60px; background: #1e262a url("/resource/images/img_foot_logo.png") no-repeat 50% 65px; text-align: center; font-size: 16px; color: #fff; }

@media screen and (max-width: 767px) { #footer { padding: 8rem 0; background-size: 10rem; background-position: 50% 4rem; } }

@media screen and (max-width: 767px) { #footer span { display: inline-block; font-size: 1.2rem; }
  #footer span.barNone:after { display: none; } }

#footer span:after { content: ""; display: inline-block; height: 15px; margin: 0 12px; border-right: 1px solid #fff; vertical-align: -2px; }

@media screen and (max-width: 767px) { #footer span:after { height: 1rem; margin: 0 0.3rem 0 0.6rem; vertical-align: 0; } }

#footer span.barNone:after { display: none; }

#footer .copy { display: block; margin: 10px 0 0; }

@media screen and (max-width: 767px) { #footer .copy { margin: 0.5rem 0 0; font-size: 1.2rem; } }

.mainSubTitle { color: #35434a; font-size: 35px; font-weight: 300; line-height: 1; text-align: center; }

.mainSubTitle b { font-weight: bold; }

@media screen and (max-width: 767px) { .mainSubTitle { font-size: 2.1rem; } }

.mainSlide { position: relative; }

.mainSlide .swiper-slide { position: relative; height: 820px; }

@media screen and (max-width: 1400px) { .mainSlide .swiper-slide { height: auto; } }

.mainSlide .swiper-slide img { position: absolute; top: 0; right: 0; max-width: 100%; }

@media screen and (max-width: 1200px) { .mainSlide .swiper-slide img { position: static; } }

.mainSlide .cont { position: relative; z-index: 2; display: block; padding: 215px 0 0 10%; color: #000; }

@media screen and (max-width: 1400px) { .mainSlide .cont { padding: 860px 0 120px 330px; } }

@media screen and (max-width: 1200px) { .mainSlide .cont { height: 320px; padding: 55px 0 0 150px; } }

@media screen and (max-width: 767px) { .mainSlide .cont { box-sizing: border-box; height: 23rem; padding: 0 0 0 3rem; } }

.mainSlide .txt1 { display: block; font-size: 15px; color: #666; }

@media screen and (max-width: 767px) { .mainSlide .txt1 { padding-top: 2.5rem; font-size: 1rem; font-weight: 300; } }

.mainSlide .txt2 { display: block; width: 500px; padding: 20px 0 30px; font-size: 55px; line-height: 1.2; font-weight: bold; position: relative; border-bottom: 1px solid #000; /* &:after { content: ''; display: block; width: 150%; border-bottom: 1px solid #000; @include pos($p: absolute, $b: 0, $l: 0); @media screen and (max-width: 1023px) { width: 100%; } } */ }

@media screen and (max-width: 767px) { .mainSlide .txt2 { display: inline-block; width: auto; padding: 1.2rem 3.5rem 1.5rem 0; font-size: 3.1rem; line-height: 1.3; } }

.mainSlide .txt3 { display: block; margin-top: 25px; font-size: 24px; font-weight: 400; }

@media screen and (max-width: 767px) { .mainSlide .txt3 { margin-top: 1.25rem; font-size: 1.5rem; font-weight: 300; } }

.mainSlide .slideNum { position: absolute; top: 780px; right: 980px; color: #fff; font-size: 16px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 1200px) { .mainSlide .slideNum { top: auto; bottom: 390px; right: auto; left: 180px; } }

@media screen and (max-width: 767px) { .mainSlide .slideNum { bottom: 24.5rem; left: 2.5rem; font-size: 1.1rem; } }

.mainSlide .slideNav { position: absolute; top: 770px; right: 1050px; width: 150px; height: 50px; background: #fff; font-size: 0; }

@media screen and (max-width: 1200px) { .mainSlide .slideNav { top: auto; bottom: 375px; right: auto; left: 0; } }

@media screen and (max-width: 767px) { .mainSlide .slideNav { display: none; } }

.mainSlide .slideNav span { display: inline-block; width: 50%; margin: 10px 0; border-left: 1px solid #c9c9c9; line-height: 30px; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #000; }

.mainSlide .slideNav .slidePrev:before, .mainSlide .slideNav .slideNext:after { content: ""; display: inline-block; width: 29px; height: 7px; margin: 0 2px; vertical-align: 1px; }

.mainSlide .slideNav .slidePrev { padding-right: 9px; text-align: right; border: 0; }

.mainSlide .slideNav .slidePrev:before { background: url("/resource/images/main/btn_slide_prev.png") no-repeat; }

.mainSlide .slideNav .slideNext { padding-left: 9px; }

.mainSlide .slideNav .slideNext:after { background: url("/resource/images/main/btn_slide_next.png") no-repeat; }

.mainMid { position: relative; max-width: 1400px; margin: 0 auto; height: 640px; }

@media screen and (max-width: 1024px) { .mainMid { height: auto; } }

.mainMid:after { content: ""; position: absolute; top: 0; right: 50%; bottom: 0; width: 100%; margin-right: 90px; background: #749fbb; }

@media screen and (max-width: 1024px) { .mainMid:after { right: 45%; height: 32rem; margin: 0; } }

@media screen and (max-width: 767px) { .mainMid:after { height: 26rem; } }

.mainMid .img { position: relative; z-index: 2; float: left; height: 100%; font-size: 0; }

@media screen and (max-width: 1400px) { .mainMid .img { width: 50%; } }

@media screen and (max-width: 1024px) { .mainMid .img { float: none; display: block; width: 100%; height: 32rem; text-align: center; } }

@media screen and (max-width: 767px) { .mainMid .img { height: 26rem; } }

.mainMid .img:before { content: ""; }

.mainMid .img img { max-width: 100%; vertical-align: middle; }

@media screen and (max-width: 1024px) { .mainMid .img img { height: 24.5rem; } }

@media screen and (max-width: 767px) { .mainMid .img img { height: 20.5rem; } }

.mainMid .cont { float: left; margin-left: 65px; }

@media screen and (max-width: 1024px) { .mainMid .cont { float: none; display: block; margin: 50px 150px; } }

@media screen and (max-width: 767px) { .mainMid .cont { margin: 2.5rem 0 6.5rem 4rem; } }

.mainMid .cont .txt1 { display: block; margin: 250px 0 0; font-size: 15px; color: #666; }

@media screen and (max-width: 1024px) { .mainMid .cont .txt1 { margin: 0; } }

@media screen and (max-width: 767px) { .mainMid .cont .txt1 { font-size: 1rem; font-weight: 300; } }

.mainMid .cont .txt2 { display: block; padding: 20px 0; font-size: 36px; line-height: 1.2; font-weight: bold; }

@media screen and (max-width: 767px) { .mainMid .cont .txt2 { padding: 1.5rem 0; font-size: 2.5rem; } }

.mainMid .cont .txt3 { display: block; font-size: 18px; font-weight: 400; }

@media screen and (max-width: 767px) { .mainMid .cont .txt3 { font-size: 1.4rem; font-weight: 300; } }

.mainMid .cont .link { display: inline-block; width: 195px; line-height: 53px; margin: 50px 0 0; border: 1px solid #e85e4d; color: #e85e4d; text-align: center; }

@media screen and (max-width: 767px) { .mainMid .cont .link { width: 13.5rem; line-height: 4rem; margin: 2.5rem 0 0; font-size: 1.3rem; } }

.mainClinic { padding: 70px 0; background: #e9ebe5 url("/resource/images/main/bg_clinic.jpg") no-repeat 50% 100%; }

@media screen and (max-width: 767px) { .mainClinic { padding: 6rem 0; } }

.mainClinic .list { max-width: 1230px; margin: 70px auto 0; }

@media screen and (max-width: 1024px) { .mainClinic .list { margin: 70px 5px 0; } }

@media screen and (max-width: 767px) { .mainClinic .list { margin: 3.5rem 0 0; } }

.mainClinic .list li { float: left; width: 33.33%; }

@media screen and (max-width: 767px) { .mainClinic .list li { float: none; width: 80%; margin: 3rem auto 0; } }

.mainClinic .list li a { display: block; height: 540px; margin: 0 15px; background: #fff; text-align: center; }

@media screen and (max-width: 1024px) { .mainClinic .list li a { height: auto; margin: 0 5px; padding: 0 0 40px; background: #749fbb; } }

@media screen and (max-width: 767px) { .mainClinic .list li a { padding: 0 0 2.5rem; } }

.mainClinic .list li a:hover .view { display: inline-block; }

.mainClinic .list li img { width: 100%; }

.mainClinic .list .tit { display: block; padding: 55px 0 15px; font-size: 22px; font-weight: 500; color: #000; }

@media screen and (max-width: 1024px) { .mainClinic .list .tit { padding: 30px 0 0; color: #fff; } }

@media screen and (max-width: 767px) { .mainClinic .list .tit { padding: 2.5rem 0 0.75rem; font-size: 1.5rem; } }

.mainClinic .list .txt { display: block; }

@media screen and (max-width: 1024px) { .mainClinic .list .txt { display: none; } }

.mainClinic .list .view { display: none; margin: 20px 0 0; padding: 0 0 3px; color: #000; border-bottom: 1px solid #000; font-size: 16px; font-weight: 500; }

@media screen and (max-width: 1024px) { .mainClinic .list .view { display: inline-block; color: #fff; font-weight: 300; border-color: #fff; } }

@media screen and (max-width: 767px) { .mainClinic .list .view { margin: 0; font-size: 1.2rem; } }

.mainHotIssue { padding: 70px 0; background: #1e262a; }

@media screen and (max-width: 767px) { .mainHotIssue { padding: 6rem 0; } }

.mainHotIssue .mainSubTitle { margin: 0 0 50px; color: #fff; }

@media screen and (max-width: 767px) { .mainHotIssue .mainSubTitle { margin: 0 0 3rem; } }

.mainHotIssue .mainSlide2 { position: relative; }

.mainHotIssue .mainSlide2 .swiper-slide a { display: block; margin: 0 20px; transform: scale(0.8); transition: transform .3s; pointer-events: none; }

.mainHotIssue .mainSlide2 .swiper-slide img { width: 600px; }

@media screen and (max-width: 1024px) { .mainHotIssue .mainSlide2 .swiper-slide img { width: 500px; } }

@media screen and (max-width: 767px) { .mainHotIssue .mainSlide2 .swiper-slide a { margin: 0; }
  .mainHotIssue .mainSlide2 .swiper-slide img { width: 25rem; } }

.mainHotIssue .mainSlide2 .swiper-slide-active a { transform: scale(1); }

.mainHotIssue .slideNav span { position: absolute; z-index: 10; top: 50%; left: 50%; width: 32px; height: 130px; margin-top: -65px; font: 0/0 a; background-size: contain; background-repeat: no-repeat; }

.mainHotIssue .slideNav span.slidePrev { margin-left: -370px; background-image: url("/resource/images/main/btn_banner_prev.png"); }

@media screen and (max-width: 1200px) { .mainHotIssue .slideNav span.slidePrev { margin-left: -370px; } }

@media screen and (max-width: 1024px) { .mainHotIssue .slideNav span.slidePrev { margin-left: -310px; } }

.mainHotIssue .slideNav span.slideNext { margin-left: 338px; background-image: url("/resource/images/main/btn_banner_next.png"); }

@media screen and (max-width: 1200px) { .mainHotIssue .slideNav span.slideNext { margin-left: 335px; } }

@media screen and (max-width: 1024px) { .mainHotIssue .slideNav span.slideNext { margin-left: 280px; } }

@media screen and (max-width: 767px) { .mainHotIssue .slideNav { display: none; } }

.mainInfo { padding: 70px 0; background: #e8eae4; }

@media screen and (max-width: 767px) { .mainInfo { padding: 6rem 0; } }

.mainInfo .cont { max-width: 1400px; margin: 70px auto 0; }

@media screen and (max-width: 1400px) { .mainInfo .cont { width: 700px; } }

@media screen and (max-width: 767px) { .mainInfo .cont { width: auto; margin: 3.5rem 2rem 0; } }

.mainInfo .boardLink { position: relative; float: left; width: 50%; height: 350px; background: #fff; }

@media screen and (max-width: 1400px) { .mainInfo .boardLink { float: none; width: 100%; } }

@media screen and (max-width: 767px) { .mainInfo .boardLink { height: auto; } }

.mainInfo .boardLink .tabMenu { padding: 60px 90px 0; background: none; }

@media screen and (max-width: 767px) { .mainInfo .boardLink .tabMenu { padding: 3.5rem 3rem 0; } }

.mainInfo .boardLink .tabMenu ul { border-bottom: 1px solid #000; }

.mainInfo .boardLink .tabMenu button { width: 136px; height: 45px; margin-bottom: -1px; color: #777; border-bottom: 2px solid transparent; }

@media screen and (max-width: 767px) { .mainInfo .boardLink .tabMenu button { width: 8rem; height: 2.5rem; } }

.mainInfo .boardLink .tabMenu .active button { border-color: #517488; font-weight: bold; color: #517488; }

.mainInfo .boardLink .tabCont { position: relative; margin: 0 90px; padding: 50px 0; }

@media screen and (max-width: 767px) { .mainInfo .boardLink .tabCont { margin: 0 3rem; padding: 2rem 0 3.5rem; } }

.mainInfo .boardLink .tabCont:last-child p a { padding-left: 15px; position: relative; }

.mainInfo .boardLink .tabCont:last-child p a:before { content: ''; width: 5px; height: 5px; border-radius: 5px; display: block; background-color: #333; margin-top: -2.5px; position: absolute; top: 50%; left: 0; }

.mainInfo .boardLink p a { display: block; position: relative; padding-left: 120px; color: #000; }

@media screen and (max-width: 767px) { .mainInfo .boardLink p a { padding-left: 8.5rem; } }

.mainInfo .boardLink p .date { position: absolute; top: 0; left: 0; width: 100px; text-align: center; }

@media screen and (max-width: 767px) { .mainInfo .boardLink p .date { width: 8rem; } }

.mainInfo .boardLink p .date b { display: block; margin: 0 0 20px; font-size: 22px; line-height: 1; }

@media screen and (max-width: 767px) { .mainInfo .boardLink p .date b { margin: 0 0 0.5rem; font-size: 1.5rem; } }

.mainInfo .boardLink p .tit { display: block; margin: 0 0 20px; font-size: 22px; line-height: 1; }

@media screen and (max-width: 767px) { .mainInfo .boardLink p .tit { margin: 0 0 0.5rem; font-size: 1.5rem; } }

.mainInfo .boardLink p .txt { display: -webkit-box; height: 50px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

@media screen and (max-width: 767px) { .mainInfo .boardLink p .txt { height: 4rem; } }

.mainInfo .boardLink .more { position: absolute; top: 0; right: 0; width: 45px; height: 45px; background: #517488; margin-top: -45px; font: 0/0 a; }

@media screen and (max-width: 767px) { .mainInfo .boardLink .more { width: 3rem; height: 3rem; margin-top: -3rem; } }

.mainInfo .boardLink .more:after, .mainInfo .boardLink .more:before { content: ""; position: absolute; top: 50%; right: 7px; left: 7px; height: 1px; background: #e3e3e3; }

.mainInfo .boardLink .more:before { transform: rotate(90deg); }

.mainInfo .time { float: left; width: 25%; height: 350px; background: #749fbb; text-align: center; }

@media screen and (max-width: 1400px) { .mainInfo .time { width: 50%; } }

@media screen and (max-width: 767px) { .mainInfo .time { width: 100%; height: auto; padding: 0 0 3.5rem; } }

.mainInfo .time .tit { padding: 50px 0 20px; color: #ebece6; font-size: 30px; }

@media screen and (max-width: 767px) { .mainInfo .time .tit { padding: 3rem 0 1.5rem; font-size: 1.9rem; } }

.mainInfo .time table { width: 250px; margin: 0 auto; color: #fff; }

@media screen and (max-width: 767px) { .mainInfo .time table { width: 65%; } }

.mainInfo .time table th { width: 40%; white-space: nowrap; text-align: left; letter-spacing: .5px; }

.mainInfo .time table .ltr1 { letter-spacing: 2.5px; }

.mainInfo .time table .ltr2 { letter-spacing: 11px; }

.mainInfo .time table .ltr3 { letter-spacing: 25px; }

@media screen and (max-width: 767px) { .mainInfo .time table .ltr1 { letter-spacing: 0.2rem; }
  .mainInfo .time table .ltr2 { letter-spacing: 0.95rem; }
  .mainInfo .time table .ltr3 { letter-spacing: 2.05rem; } }

.mainInfo .time table td { letter-spacing: 1px; text-align: right; }

.mainInfo .time .holiday { margin: 10px 0; color: #faf7c2; }

@media screen and (max-width: 767px) { .mainInfo .time .holiday { margin: 1rem 0; } }

.mainInfo .time .phone { color: #faf7c2; font-size: 40px; font-weight: 500; line-height: 1; }

@media screen and (max-width: 767px) { .mainInfo .time .phone { font-size: 3rem; } }

.mainInfo .online { float: left; width: 25%; height: 350px; background: #517488; text-align: center; color: #d7e1e7; }

@media screen and (max-width: 1400px) { .mainInfo .online { width: 50%; } }

@media screen and (max-width: 767px) { .mainInfo .online { width: 100%; height: auto; padding: 2.5rem 0; }
  .mainInfo .online .txt { display: inline-block; font-size: 0; } }

.mainInfo .online .tit { padding: 50px 0 25px; color: #ebece6; font-size: 30px; }

@media screen and (max-width: 767px) { .mainInfo .online .tit { font-size: 1.9rem; font-weight: 400; padding: 3rem 0 1.5rem; } }

.mainInfo .online a { display: block; width: 158px; line-height: 43px; margin: 40px auto 0; background: #ebece6; color: #1e262a; font-weight: 400; }

@media screen and (max-width: 767px) { .mainInfo .online a { width: auto; padding: 0 2.5rem; margin: 0 0 0 4rem; font-size: 1.4rem; } }

.mainInfo .online form { width: 300px; margin: 0 auto; }

@media screen and (max-width: 767px) { .mainInfo .online form { max-width: 280px; width: 100%; } }

.mainInfo .online form select { width: 100%; height: 40px; line-height: 40px; margin-bottom: 5px; padding: 0 10px; box-sizing: border-box; outline: none; color: #000; font-size: 16px; font-weight: 500; text-align: left; line-height: 1.2; }

.mainInfo .online form select option { height: 40px; font-size: 16px; color: #888; }

.mainInfo .online form ul { overflow: hidden; }

.mainInfo .online form ul li { float: left; }

.mainInfo .online form ul li label input { width: 100%; height: 40px; padding: 0 10px; border: none; box-sizing: border-box; font-size: 16px; }

.mainInfo .online form ul li:first-child { width: 32%; }

.mainInfo .online form ul li:last-child { width: 66%; margin-left: 2%; }

.mainInfo .online form .inputChk, .mainInfo .online form .inputRadio { display: block; width: 100%; text-align: left; margin-bottom: 35px; }

.mainInfo .online form .inputChk span, .mainInfo .online form .inputRadio span { color: #d7e1e7; font-size: 16px; font-weight: 500; text-align: center; line-height: 1.2; }

.mainInfo .online form button { width: 160px; height: 45px; box-sizing: border-box; border: 1px solid #ddd; background-color: #ebece6; color: #333; font-size: 18px; font-weight: 500; text-align: center; line-height: 1.2; }

.mainInfo .online form button span { display: block; width: 100%; }

/* add css start */
@media screen and (max-width: 1200px) { .section { padding: 0 1.5rem; } }

.section > .info { padding: 10px; border-radius: 3px; margin-bottom: 40px; color: #2f4e6e; font-size: 18px; font-weight: 500; text-align: center; line-height: 1.4; }

.section .maxWidth { max-width: 1000px; margin: 0 auto; }

.section .pageTitle { padding: 5rem 0; word-break: keep-all; color: #000; font-size: 2.4rem; font-weight: 400; text-align: left; line-height: 1.4; }

.section .pageTitle .pageSubTitle { color: #aaa; font-size: 0.7rem; font-weight: lighter; text-align: left; line-height: 1.4; margin-bottom: 1.25rem; letter-spacing: 0.15rem; }

@media screen and (max-width: 767px) { .section .pageTitle { padding: 4rem 0; text-align: center; font-size: 2.75rem; }
  .section .pageTitle .pageSubTitle { text-align: center; } }

.section .subTitle { margin: -10px 0 25px; color: #000; font-size: 30px; }

@media screen and (max-width: 767px) { .section .subTitle { margin: 0 0 1.25rem; font-size: 2.3rem; } }

.section .innerTitle { margin-bottom: 5rem; padding: 0 0 1.5rem; border-bottom: 2px solid #2f4e6e; word-break: keep-all; color: #2f4e6e; font-size: 48px; font-weight: 400; text-align: center; line-height: 1.2; }

@media screen and (max-width: 1023px) { .section .innerTitle p > br { display: none; } }

@media screen and (max-width: 767px) { .section .innerTitle { font-size: 2.4rem; border-bottom-width: 2px; }
  .section .innerTitle > br { display: none; } }

.section .innerTitle > img { display: block; margin: 0 auto 1.5rem; }

@media screen and (max-width: 1023px) { .section .innerTitle > img { width: 4.5rem; height: 4.5rem; } }

.section .innerTitle span { display: block; margin-bottom: 1rem; letter-spacing: 1.5rem; color: #ccc; font-size: 16px; font-weight: lighter; line-height: 1; }

@media screen and (max-width: 767px) { .section .innerTitle span { letter-spacing: 1rem; font-size: 0.8rem; } }

.section .innerTitle span.color { color: #2f4e6e; }

.section .innerTitle span.innerSub { margin-top: 1rem; letter-spacing: 0; font-weight: 400; }

@media screen and (max-width: 768px) { .section .innerTitle span.innerSub { font-size: 1.2rem; } }

.section .innerTitle span.border { margin-top: 2rem; padding: 2rem 0.5rem 0; color: #2f4e6e; border: 1px solid #2f4e6e; border-bottom: none; }

.section .innerTitle.subTxt { border-bottom: none; padding-bottom: 0; }

@media screen and (max-width: 767px) { .section .innerTitle.subTxt { padding: 2.5rem 0 !important; } }

.section .innerTitle.subTxt p { margin: 1.5rem 0 0; padding: 1.5rem 0 0; box-sizing: border-box; border-top: 2px solid #2f4e6e; font-size: 18px; line-height: 1.6; }

@media screen and (max-width: 767px) { .section .innerTitle.subTxt p { padding: 1.5rem 0.5rem 0.5rem; border-top-width: 1px; font-size: 1.3rem; }
  .section .innerTitle.subTxt p br { display: none; } }

.section .innerTitle.lineNone { border-bottom: none; padding-bottom: 0; }

.section .innerTitle.color1 { color: #fff; }

.section .halfLayout { padding: 3rem 0; }

@media screen and (max-width: 1024px) { .section .halfLayout { padding: 1.5rem; } }

.section .halfLayout ul li { margin-bottom: 6rem; overflow: hidden; font-size: 0; }

.section .halfLayout ul li .imgSection { display: inline-block; vertical-align: top; width: 45%; box-sizing: border-box; }

@media screen and (max-width: 767px) { .section .halfLayout ul li .imgSection { display: block; width: 100%; } }

.section .halfLayout ul li .imgSection img { display: block; width: 100%; max-width: 480px; margin: 0 auto; }

.section .halfLayout ul li .txtSection { margin-left: 10%; padding-left: 5%; position: relative; word-break: keep-all; color: #2f4e6e; font-size: 20px; font-weight: 400; text-align: left; line-height: 1.6; display: inline-block; vertical-align: top; width: 40%; box-sizing: border-box; }

.section .halfLayout ul li .txtSection::after { content: ''; display: block; width: 2px; height: 12.5rem; position: absolute; top: 0; left: 0; background-color: #2f4e6e; }

@media screen and (max-width: 1023px) { .section .halfLayout ul li .txtSection br { display: none; } }

@media screen and (max-width: 767px) { .section .halfLayout ul li .txtSection { margin-left: 2rem; padding: 1.5rem 2rem; font-size: 1.5rem; line-height: 3rem; display: block; width: 100%; }
  .section .halfLayout ul li .txtSection::after { margin-top: 1.5rem; } }

.section .halfLayout ul li .txtSection b { color: #2f4e6e; font-size: 40px; font-weight: 600; text-align: left; line-height: 1.3; }

@media screen and (max-width: 1023px) { .section .halfLayout ul li .txtSection b { display: block; } }

@media screen and (max-width: 767px) { .section .halfLayout ul li .txtSection b { font-size: 2.1rem; font-weight: 500; line-height: 3rem; } }

.section .bottomTxtLayout { padding: 3rem 5rem; margin: 0 auto; text-align: center; }

@media screen and (max-width: 767px) { .section .bottomTxtLayout { padding: 1.5rem; font-size: 1.3rem; } }

.section .bottomTxtLayout h3 { color: #2f4e6e; font-size: 60px; font-weight: 400; line-height: 2.5rem; }

@media screen and (max-width: 767px) { .section .bottomTxtLayout h3 { font-size: 4rem; } }

.section .bottomTxtLayout h3 span { display: block; position: relative; margin-top: 2.5rem; padding-top: 2rem; letter-spacing: 1rem; color: #aaa; font-size: 18px; font-weight: lighter; line-height: 1.2rem; }

.section .bottomTxtLayout h3 span::after { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 0; left: 0; background-color: #2f4e6e; }

@media screen and (max-width: 767px) { .section .bottomTxtLayout h3 span { font-size: 1.1rem; } }

.section .bottomTxtLayout p { margin-top: 2.5rem; color: #666; font-size: 20px; font-weight: 400; line-height: 1.7rem; }

@media screen and (max-width: 1024px) { .section .bottomTxtLayout p > br { display: none; } }

@media screen and (max-width: 767px) { .section .bottomTxtLayout p { word-break: keep-all; line-height: 2rem; font-size: 1.3rem; } }

.section .tabContentWrap { padding: 3rem 0; text-align: center; }

@media screen and (max-width: 767px) { .section .tabContentWrap { padding: 1.5rem 0; } }

.section .tabContentWrap.bottomNone { padding-bottom: 0; }

.section .tabContentWrap.bottomNone .bgTxtWrap2 { margin-bottom: 0; }

.section .tabContentWrap .snapHead { position: relative; }

@media screen and (max-width: 767px) { .section .tabContentWrap .snapHead { margin-bottom: 5rem; } }

.section .tabContentWrap .snapHead .snapbtn { display: none; width: 100%; height: 4rem; padding: 0 1.5rem; box-sizing: border-box; background-color: #2f4e6e; color: #fff; font-size: 1.7rem; font-weight: 400; text-align: left; line-height: 4rem; }

@media screen and (max-width: 767px) { .section .tabContentWrap .snapHead .snapbtn { display: block; } }

@media screen and (max-width: 767px) { .section .tabContentWrap .snapHead .tabHeader { display: none; box-sizing: border-box; width: 100%; background-color: #fafafa; position: absolute; z-index: 1; top: 4rem; left: 0; } }

.section .tabContentWrap .snapHead .tabHeader li { border-right: 1px solid #ddd; }

.section .tabContentWrap .snapHead .tabHeader li:last-child { border-right: none; }

.section .tabContentWrap .snapHead.mb_show.open .snapbtn:after { transform: rotate(180deg); margin-top: -1.25rem; }

.section .tabContentWrap .snapHead.mb_show .snapbtn { position: relative; }

.section .tabContentWrap .snapHead.mb_show .snapbtn:after { content: ''; width: 2.3rem; height: 2.3rem; background-image: url("/resource/images/icon_navArrow.png"); background-position: center; background-repeat: no-repeat; background-size: 100%; margin-top: -1rem; transition: all .3s; position: absolute; z-index: 3; top: 50%; right: 1rem; }

.section .tabContentWrap .snapHead2 { position: relative; }

@media screen and (max-width: 767px) { .section .tabContentWrap .snapHead2 { margin-bottom: 1rem; } }

.section .tabContentWrap .snapHead2 .snapbtn2 { display: none; width: 100%; height: 4rem; padding: 0 1rem; box-sizing: border-box; background-color: #2f4e6e; color: #fff; font-size: 1.6rem; font-weight: 400; text-align: left; line-height: 4rem; }

@media screen and (max-width: 767px) { .section .tabContentWrap .snapHead2 .snapbtn2 { display: block; } }

.section .tabContentWrap .snapHead2 .tabHeader2 { overflow: hidden; }

@media screen and (max-width: 767px) { .section .tabContentWrap .snapHead2 .tabHeader2 { display: none; box-sizing: border-box; width: 100%; border: 1px solid #ddd; position: absolute; z-index: 3; top: 4rem; left: 0; } }

.section .tabContentWrap .snapHead2 .tabHeader2 li { width: 20%; height: 4rem; float: left; background-color: #fff; cursor: pointer; color: #666; font-size: 20px; font-weight: 400; line-height: 4rem; }

@media screen and (max-width: 1023px) { .section .tabContentWrap .snapHead2 .tabHeader2 li { font-size: 1rem; } }

@media screen and (max-width: 767px) { .section .tabContentWrap .snapHead2 .tabHeader2 li { width: 100%; float: none; display: block; border: none; font-size: 1.4rem; border-bottom: 1px solid #ddd; }
  .section .tabContentWrap .snapHead2 .tabHeader2 li:last-child { border-bottom: none; } }

.section .tabContentWrap .snapHead2 .tabHeader2 li.On { background-color: #fafafa; font-weight: 500; color: #2f4e6e; }

@media screen and (max-width: 767px) { .section .tabContentWrap .snapHead2 .tabHeader2 li.On { background-color: #fff; } }

.section .tabContentWrap .snapHead2.mb_show.open .snapbtn2:after { transform: rotate(180deg); margin-top: -1.25rem; }

.section .tabContentWrap .snapHead2.mb_show .snapbtn2 { position: relative; }

.section .tabContentWrap .snapHead2.mb_show .snapbtn2:after { content: ''; width: 2.3rem; height: 2.3rem; background-image: url("/resource/images/icon_navArrow.png"); background-position: center; background-repeat: no-repeat; background-size: 100%; margin-top: -1rem; transition: all .3s; position: absolute; z-index: 3; top: 50%; right: 1rem; }

.section .tabContentWrap .tabHeader { cursor: pointer; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin-bottom: 6rem; overflow: hidden; }

.section .tabContentWrap .tabHeader.width4 li { width: 25%; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabHeader.width4 li { width: 100%; float: none; display: block; border: none !important; border-bottom: 1px solid #ddd !important; } }

.section .tabContentWrap .tabHeader li { width: 50%; float: left; padding: 1.5rem 0.5rem; box-sizing: border-box; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #bbb; font-size: 20px; font-weight: 300; line-height: 1; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabHeader li { font-size: 1.4rem; } }

.section .tabContentWrap .tabHeader li.On { border-top: 2px solid #2f4e6e; border-bottom: none; color: #2f4e6e; font-weight: 500; }

.section .tabContentWrap .tabHeader li:first-child { border-right: 1px solid #ddd; }

.section .tabContentWrap .tabContent { margin: 0 auto; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent { margin: 0; word-break: keep-all; } }

.section .tabContentWrap .tabContent .tabInner { display: none; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner > p > br { display: none; } }

.section .tabContentWrap .tabContent .tabInner > p { word-break: keep-all; margin-bottom: 6rem; color: #2f4e6e; font-size: 40px; font-weight: 500; line-height: 1.6; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner > p { margin-bottom: 3rem; font-size: 2.2rem; } }

.section .tabContentWrap .tabContent .tabInner .halfLayout2 { font-size: 0; border-bottom: 1px solid #2f4e6e; padding: 0 5rem; margin-bottom: 1.5rem; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner .halfLayout2 { padding: 0 1.5rem 1.5rem; } }

.section .tabContentWrap .tabContent .tabInner .halfLayout2 .imgSection { margin-right: 8%; display: inline-block; vertical-align: middle; width: 46%; box-sizing: border-box; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner .halfLayout2 .imgSection { width: 100%; margin: 0 0 1.5rem; } }

.section .tabContentWrap .tabContent .tabInner .halfLayout2 .imgSection img { width: 100%; display: block; }

.section .tabContentWrap .tabContent .tabInner .halfLayout2 .txtSection { color: #000; font-size: 20px; font-weight: 400; text-align: left; line-height: 1; display: inline-block; vertical-align: middle; width: 46%; box-sizing: border-box; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner .halfLayout2 .txtSection { width: 100%; } }

.section .tabContentWrap .tabContent .tabInner .halfLayout2 .txtSection .innerTit { color: #000; font-size: 24px; font-weight: 300; text-align: left; letter-spacing: 0.1rem; color: #ccc; margin-bottom: 2.5rem; padding: 0 0.6rem; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner .halfLayout2 .txtSection .innerTit { font-size: 1.9rem; margin-bottom: 1.5rem; } }

.section .tabContentWrap .tabContent .tabInner .halfLayout2 .txtSection p { position: relative; padding: 0.5rem 0; }

.section .tabContentWrap .tabContent .tabInner .halfLayout2 .txtSection p::before { content: ''; display: inline-block; width: 3px; height: 3px; background-color: #555; border-radius: 100%; vertical-align: middle; margin-top: -1px; margin-right: 0.5rem; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner .halfLayout2 .txtSection p { font-size: 1.3rem; } }

.section .tabContentWrap .tabContent .tabInner .halfLayout3 { overflow: hidden; margin-bottom: 5rem; }

.section .tabContentWrap .tabContent .tabInner .halfLayout3 .txtSection { float: left; padding-right: 1.5rem; counter-reset: section; word-break: keep-all; color: #666; font-size: 18px; font-weight: 400; text-align: left; line-height: 1.6; display: block; vertical-align: middle; width: 50%; box-sizing: border-box; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner .halfLayout3 .txtSection { padding-right: 0; font-size: 1.2rem; float: none; width: 100%; } }

.section .tabContentWrap .tabContent .tabInner .halfLayout3 .txtSection b { display: block; line-height: 1.6; font-size: 40px; color: #2f4e6e; margin-bottom: 2.5rem; padding-bottom: 0.75rem; border-bottom: 1px solid #2f4e6e; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner .halfLayout3 .txtSection b { font-size: 2.2rem; } }

.section .tabContentWrap .tabContent .tabInner .halfLayout3 .txtSection p { margin-bottom: 0.75rem; }

.section .tabContentWrap .tabContent .tabInner .halfLayout3 .txtSection p:before { counter-increment: section; content: "0" counter(section) " /"; display: inline-block; margin-right: 0.5rem; color: #2f4e6e; font-weight: 300; }

.section .tabContentWrap .tabContent .tabInner .halfLayout3 .txtSection p:last-child { margin-bottom: 0; }

.section .tabContentWrap .tabContent .tabInner .halfLayout3 .imgSection { float: right; display: block; vertical-align: middle; width: 50%; box-sizing: border-box; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner .halfLayout3 .imgSection { float: none; width: 100%; } }

.section .tabContentWrap .tabContent .tabInner .halfLayout3 .imgSection img { display: block; width: 100%; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner .halfLayout3 .imgSection img { margin-bottom: 2rem; } }

.section .tabContentWrap .tabContent .tabInner .bottomTxtWrap { margin-bottom: 7.5rem; letter-spacing: 1.5rem; color: #ccc; font-size: 16px; font-weight: lighter; line-height: 1; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner .bottomTxtWrap { font-size: 1rem; letter-spacing: 0.75rem; } }

.section .tabContentWrap .tabContent .tabInner .txtColum { font-size: 0; padding: 2.5rem; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner .txtColum { padding: 0; } }

.section .tabContentWrap .tabContent .tabInner .txtColum .imgSection { margin-right: 8%; display: inline-block; vertical-align: top; width: 46%; box-sizing: border-box; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner .txtColum .imgSection { width: 100%; margin: 0 0 1.5rem; padding: 0; } }

.section .tabContentWrap .tabContent .tabInner .txtColum .imgSection img { width: 100%; display: block; }

.section .tabContentWrap .tabContent .tabInner .txtColum .txtSection { word-break: keep-all; color: #666; font-size: 18px; font-weight: 400; text-align: left; line-height: 1.8; display: inline-block; vertical-align: top; width: 46%; box-sizing: border-box; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner .txtColum .txtSection { width: 100%; margin: 0 0 1.5rem; font-size: 1.4rem; } }

.section .tabContentWrap .tabContent .tabInner .txtColum .txtSection b { display: block; margin-bottom: 1.25rem; font-style: italic; color: #000; font-size: 34px; font-weight: 500; line-height: 1.4; }

@media screen and (max-width: 767px) { .section .tabContentWrap .tabContent .tabInner .txtColum .txtSection b { font-size: 1.6rem; }
  .section .tabContentWrap .tabContent .tabInner .txtColum .txtSection b br { display: none; } }

.section .tabContentWrap .tabContent .tabInner.tabOn { display: block; }

.section .tabContentWrap .tabContent2 .tabInner2 { display: none; }

.section .tabContentWrap .tabContent2 .tabInner2 .subTabTitle { border-bottom: 2px solid #2f4e6e; padding: 0 0 1rem; color: #2f4e6e; font-size: 2.2rem; font-weight: 400; text-align: right; line-height: 1.2; }

@media screen and (max-width: 1023px) { .section .tabContentWrap .tabContent2 .tabInner2 .subTabTitle { font-size: 1.6rem; } }

.section .tabContentWrap .tabContent2 .tabInner2 li { padding-bottom: 2.5rem; }

.section .tabContentWrap .tabContent2 .tabInner2 li img { margin-bottom: 1rem; }

.section .tabContentWrap .tabContent2 .tabInner2.tabOn { display: block; }

.section .tableType3 { margin-bottom: 7rem; }

.section .tableType3.alignTop td { vertical-align: top; }

.section .tableType3.cellArrow table tr td { border: none; position: relative; padding: 1rem; }

@media screen and (max-width: 767px) { .section .tableType3.cellArrow table tr td { padding: 0.5rem; word-break: initial; }
  .section .tableType3.cellArrow table tr td br { display: none; } }

.section .tableType3.cellArrow table tr td:before { content: ''; width: 0.6rem; height: 0.6rem; display: block; margin-top: -0.3rem; position: absolute; z-index: 1; top: 50%; left: 0; background-image: url("/resource/images/contents/img_correct02_arrow.png"); background-position: center; background-repeat: no-repeat; background-size: 100%; }

.section .tableType3.cellArrow table tr td:first-child:before { display: none; }

.section .tableType3.cellArrow table tr:last-child td:before { display: inline-block; left: 40%; }

@media screen and (max-width: 1023px) { .section .tableType3.cellArrow table tr:last-child td:before { left: 30%; } }

.section .tableType3 table { border-top: 2px solid #2f4e6e; border-bottom: 1px solid #2f4e6e; }

.section .tableType3 table thead tr { border-bottom: 1px solid #ddd; }

.section .tableType3 table thead tr th { padding: 1rem 0.5rem; background-color: #fafafa; border-right: 1px solid #ddd; color: #333; font-size: 18px; font-weight: 400; text-align: center; line-height: 1.2; }

.section .tableType3 table thead tr th:last-child { border-right: none; }

@media screen and (max-width: 767px) { .section .tableType3 table thead tr th { font-size: 1.2rem; } }

.section .tableType3 table thead tr th.headColor { color: #fff; background-color: #2f4e6e; }

.section .tableType3 table tbody tr { border-bottom: 1px solid #ddd; }

.section .tableType3 table tbody tr.bgColor { background-color: #fbfcfd; }

.section .tableType3 table tbody tr.bgColor td { color: #2970b8; }

.section .tableType3 table tbody tr.bgColor2 { background-color: #f8f8f8; }

.section .tableType3 table tbody tr.bgColor2 td { color: #2f4e6e; }

.section .tableType3 table tbody tr:last-child { border-bottom: none; }

.section .tableType3 table tbody tr th { word-break: keep-all; padding: 1rem; background-color: #fafafa; font-weight: 500; color: #000; border-right: 1px solid #ddd; }

.section .tableType3 table tbody tr td { padding: 1rem 0.5rem; border-right: 1px solid #ddd; word-break: keep-all; color: #666; font-size: 18px; font-weight: 400; text-align: center; line-height: 1.2; }

.section .tableType3 table tbody tr td:last-child { border-right: none; }

@media screen and (max-width: 1023px) { .section .tableType3 table tbody tr td { font-size: 1.2rem; line-height: 1.4; } }

@media screen and (max-width: 767px) { .section .tableType3 table tbody tr td { font-size: 1.3rem; line-height: 1.4; } }

.section .tableType3 table tbody tr td > div { text-align: left; position: relative; padding: 0.5rem 1rem; }

@media screen and (max-width: 767px) { .section .tableType3 table tbody tr td > div { padding: 1rem; } }

.section .tableType3 table tbody tr td > div p { padding-left: 1rem; }

.section .tableType3 table tbody tr td > div:before { content: ''; display: block; width: 0.3rem; height: 0.3rem; border-radius: 0.3rem; background-color: #aaa; position: absolute; z-index: 1; top: 1rem; left: 1rem; }

@media screen and (max-width: 1023px) { .section .tableType3 table tbody tr td > div:before { top: 1.2rem; } }

@media screen and (max-width: 767px) { .section .tableType3 table tbody tr td > div:before { top: 1.8rem; } }

.section .tableType3 > p { margin-top: 2rem; color: #2970b8; font-size: 22px; font-weight: 400; text-align: center; line-height: 1.7; }

@media screen and (max-width: 767px) { .section .tableType3 > p { font-size: 1.2rem; }
  .section .tableType3 > p br { display: none; } }

.section .tableType3.bracket { position: relative; z-index: 1; }

@media screen and (max-width: 767px) { .section .tableType3.bracket:before, .section .tableType3.bracket:after { display: none !important; } }

.section .tableType3.bracket:before, .section .tableType3.bracket:after { content: ''; display: block; width: 2.25rem; height: 42%; background-position: center; background-repeat: no-repeat; background-size: 100%; position: absolute; z-index: 2; bottom: 0; }

.section .tableType3.bracket:before { left: -3rem; background-image: url("/resource/images/contents/icon_bracketL.png"); }

.section .tableType3.bracket:after { right: -3rem; background-image: url("/resource/images/contents/icon_bracketR.png"); }

.section .BgContent { margin-bottom: 7rem; padding: 3.5rem 2.5rem; word-break: keep-all; background-color: #f3f6f8; border-bottom: 2px solid #2f4e6e; box-sizing: border-box; color: #2f4e6e; font-size: 18px; font-weight: 400; text-align: center; line-height: 1.8; }

@media screen and (max-width: 767px) { .section .BgContent { font-size: 1.2rem; } }

.section .BgContent.lineNone { border: none; border: 1px solid #eee; }

.section .BgContent b { display: block; font-size: 30px; margin-bottom: 1.5rem; }

@media screen and (max-width: 767px) { .section .BgContent b { font-size: 1.7rem; } }

.section .BgContent b span { display: block; font-size: 20px; color: #666; }

@media screen and (max-width: 767px) { .section .BgContent b span { font-size: 1.3rem; } }

.section .imgHalf { overflow: hidden; margin: 140px auto; }

.section .imgHalf.noneFloat { overflow: unset; font-size: 0; }

.section .imgHalf.noneFloat .imgInner { float: none; display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box; }

.section .imgHalf.item4 { margin: 0-0.5rem 7rem; }

.section .imgHalf.item4 .imgInner { width: 25%; padding: 0.5rem; position: relative; }

@media screen and (max-width: 1023px) { .section .imgHalf.item4 .imgInner { width: 50%; margin-bottom: 2.5rem; } }

.section .imgHalf.item4 .imgInner .number { width: 2.6rem; height: auto; margin-left: -1.3rem; color: #2f4e6e; font-size: 0.9rem; font-weight: 400; text-align: center; line-height: 1.4; position: absolute; z-index: 1; top: -2.25rem; left: 50%; }

@media screen and (max-width: 1023px) { .section .imgHalf.item4 .imgInner .number { font-size: 1.1rem; } }

.section .imgHalf.item4 .imgInner .number span { display: block; width: 2.6rem; height: 2.6rem; margin-top: 0.2rem; font-size: 1.1rem; color: #fff; line-height: 2.6rem; border-radius: 2.6rem; background-color: #2f4e6e; }

@media screen and (max-width: 1023px) { .section .imgHalf.item4 .imgInner .number span { font-size: 1.2rem; } }

.section .imgHalf .halfTitle { overflow: hidden; margin-bottom: 2.5rem; }

.section .imgHalf .halfTitle div { width: 50%; float: left; padding: 1rem; box-sizing: border-box; text-align: center; }

.section .imgHalf .halfTitle div p { padding: 0 0.5rem; position: relative; display: inline-block; word-break: keep-all; color: #2f4e6e; font-size: 30px; font-weight: 400; text-align: center; line-height: 1.4; }

@media screen and (max-width: 1023px) { .section .imgHalf .halfTitle div p { font-size: 1.7rem; } }

@media screen and (max-width: 768px) { .section .imgHalf .halfTitle div p { font-size: 1.8rem; padding: 0; } }

.section .imgHalf .halfTitle div p b { font-weight: 500; }

.section .imgHalf .halfTitle div p:after { content: ''; width: 100%; height: 50%; margin-left: -50%; background-color: rgba(41, 112, 184, 0.2); position: absolute; z-index: 2; bottom: 0; left: 50%; }

.section .imgHalf .imgInner { float: left; padding: 20px; display: block; vertical-align: middle; width: 50%; box-sizing: border-box; }

@media screen and (max-width: 1023px) { .section .imgHalf .imgInner { padding: 1rem; }
  .section .imgHalf .imgInner.onlyImg { float: none; width: 100%; } }

@media screen and (max-width: 767px) { .section .imgHalf .imgInner { float: none; width: 100%; } }

.section .imgHalf .imgInner img { width: 100%; }

.section .imgHalf .imgInner p { padding: 1rem; word-break: keep-all; box-sizing: border-box; background-color: #2f4e6e; color: #fff; font-size: 18px; font-weight: 400; line-height: 1.2; }

@media screen and (max-width: 1023px) { .section .imgHalf .imgInner p { font-size: 1.2rem; line-height: 1.6; } }

.section .imgHalf .imgInner p span { color: #cbe03d; }

.section .imgHalf .imgInner p span.float-R { float: right; color: #fff; }

.section .imgHalf .imgInner p.selHeight { min-height: 6rem; line-height: 1.4; }

.section .imgHalf .imgInner p.selHeight2 { min-height: 10rem; }

.section .imgHalf > p { display: inline-block; width: 100%; padding: 1rem 0.5rem 0.5rem; color: #666; font-size: 18px; font-weight: 400; text-align: left; line-height: 1.4; }

@media screen and (max-width: 767px) { .section .imgHalf > p { font-size: 1.3rem; line-height: 1.6; } }

.section .imgHalf.width3 { text-align: left; margin: 0-0.5rem; }

.section .imgHalf.width3 .imgInner { width: 33.3%; padding: 0.5rem; float: left; }

@media screen and (max-width: 767px) { .section .imgHalf.width3 .imgInner { width: 50%; } }

.section .imgHalf2 { overflow: hidden; display: table; width: 100%; margin-bottom: 7rem; }

.section .imgHalf2 .imgInner { padding-right: 1%; display: table-cell; vertical-align: top; width: 25.25%; box-sizing: border-box; }

@media screen and (max-width: 1023px) { .section .imgHalf2 .imgInner { display: block !important; width: 100% !important; margin: 0 auto 1.5rem !important; } }

.section .imgHalf2 .imgInner:first-child { width: 47.5%; }

.section .imgHalf2 .imgInner:last-child { margin-right: 0; }

.section .imgHalf2 .imgInner img { width: 100%; }

.section .imgHalf2 .imgInner div { text-align: center; padding: 1rem; word-break: keep-all; box-sizing: border-box; background-color: #2f4e6e; color: #fff; font-size: 18px; font-weight: 400; line-height: 1.4; }

@media screen and (max-width: 1023px) { .section .imgHalf2 .imgInner div { font-size: 1rem; } }

@media screen and (max-width: 767px) { .section .imgHalf2 .imgInner div { font-size: 1.4rem; }
  .section .imgHalf2 .imgInner div br { display: none; } }

.section .imgHalf2 .imgInner div p { text-align: left; }

.section .imgHalf2 .imgInner div p:before { content: ''; display: inline-block; vertical-align: middle; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; margin-top: -0.25rem; margin-right: 0.5rem; display: inline-block; background-color: #bbcd66; }

.section .imgHalf2 .imgInner div p:last-child:before { background-color: #00b8fd; }

.section .textRowChart .minTit { margin-bottom: 1.5rem; color: #000; font-size: 25px; font-weight: bold; text-align: left; line-height: 3.5rem; }

@media screen and (max-width: 767px) { .section .textRowChart .minTit { font-size: 1.7rem; } }

.section .textRowChart .minTit img { display: inline-block; width: 3.5rem; height: 3.5rem; margin-right: 1rem; }

.section .textRowChart .minTit p { margin-top: 0.75rem; color: #4d4d4d; font-size: 18px; font-weight: 300; text-align: left; line-height: 0.9rem; }

@media screen and (max-width: 767px) { .section .textRowChart .minTit p { font-size: 1.2rem; margin-top: 1rem; } }

.section .textRowChart .tableType2 { position: relative; padding: 2.5rem; margin-bottom: 3.5rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

@media screen and (max-width: 767px) { .section .textRowChart .tableType2 { padding: 1.5rem 0.5rem; } }

.section .textRowChart .tableType2 th, .section .textRowChart .tableType2 td { padding: 0.5rem 1rem; }

.section .textRowChart .tableType2 th { padding-left: 7.5rem; color: #000; font-size: 20px; font-weight: 400; text-align: center; }

@media screen and (max-width: 1024px) { .section .textRowChart .tableType2 th { padding-left: 6rem; } }

@media screen and (max-width: 767px) { .section .textRowChart .tableType2 th { font-size: 1.4rem; text-align: left; padding-left: 0; } }

.section .textRowChart .tableType2 th hr { margin: 0; padding: 0 0.7rem; border: none; display: inline-block; }

.section .textRowChart .tableType2 th span { color: #2f4e6e; }

.section .textRowChart .tableType2 td { padding-left: 10rem; color: #666; font-size: 20px; font-weight: 300; text-align: left; }

@media screen and (max-width: 1024px) { .section .textRowChart .tableType2 td { padding-left: 7.5rem; } }

@media screen and (max-width: 768px) { .section .textRowChart .tableType2 td { padding-left: 4rem; } }

@media screen and (max-width: 767px) { .section .textRowChart .tableType2 td { padding: 0.5rem 0; font-size: 1.4rem; } }

.section .textRowChart .tableType2::before, .section .textRowChart .tableType2::after { content: ''; position: absolute; z-index: 1; width: 50%; height: 4px; background-color: #2f4e6e; }

.section .textRowChart .tableType2::before { top: -2px; left: 0; }

.section .textRowChart .tableType2::after { right: 0; bottom: -2px; }

.section .textRowChart .chartBotTxt { margin-bottom: 5rem; font-size: 0; }

.section .textRowChart .chartBotTxt .minTit { margin-right: 6%; margin-bottom: 0; display: inline-block; vertical-align: middle; width: 26%; box-sizing: border-box; }

@media screen and (max-width: 1024px) { .section .textRowChart .chartBotTxt .minTit { width: 30%; } }

@media screen and (max-width: 767px) { .section .textRowChart .chartBotTxt .minTit { width: 100%; margin: 0 0 1.5rem; } }

.section .textRowChart .chartBotTxt p { height: 3.5rem; font-size: 1rem; font-weight: 400; line-height: 1.8; display: inline-block; vertical-align: middle; width: 68%; box-sizing: border-box; }

@media screen and (max-width: 1024px) { .section .textRowChart .chartBotTxt p { width: 62%; } }

@media screen and (max-width: 767px) { .section .textRowChart .chartBotTxt p { width: 100%; height: auto; padding: 0.5rem; font-size: 1.4rem; } }

.section .textRowChart a.more { display: block; width: 140px; height: 50px; margin: 0 auto; box-sizing: border-box; border: 1px solid #7995b5; color: #7995b5; font-size: 20px; font-weight: 400; text-align: center; line-height: 50px; }

@media screen and (max-width: 767px) { .section .textRowChart a.more { width: 10rem; height: auto; padding: 0.5rem; font-size: 1.2rem; } }

.section .mapContent .mapWrap { margin-bottom: 5rem; }

.section .mapContent .mapWrap img { width: 100%; }

@media screen and (max-width: 767px) { .section .mapContent .mapWrap { margin-bottom: 2.5rem; } }

.section .mapContent .mapWrap p { padding: 1rem 2.5rem; height: auto; color: #fff; font-size: 24px; font-weight: 300; text-align: left; line-height: 1.2; background-color: #2f4e6e; }

@media screen and (max-width: 767px) { .section .mapContent .mapWrap p { padding: 1rem; font-size: 1.2rem; } }

.section .mapContent .mapWrap p span::before { content: ''; display: inline-block; width: 1px; height: 1rem; background-color: #fff; margin: 0 1rem; }

.section .mapContent .mapConInner { max-width: 1000px; margin: 0 auto 2.5rem; }

@media screen and (max-width: 767px) { .section .mapContent .mapConInner { padding: 0; } }

.section .mapContent .mapConInner .mapSubTit { height: 3rem; margin-bottom: 1.5rem; color: #2f4e6e; font-size: 36px; font-weight: 400; text-align: left; line-height: 3rem; }

@media screen and (max-width: 767px) { .section .mapContent .mapConInner .mapSubTit { font-size: 2rem; } }

.section .mapContent .mapConInner .mapSubTit img { display: inline-block; margin-right: 2rem; width: 3rem; height: 3rem; }

@media screen and (max-width: 767px) { .section .mapContent .mapConInner .mapSubTit img { margin-right: 0.75rem; } }

.section .mapContent .mapConInner .mapTxt { padding: 0 5rem 2.5rem; border-bottom: 2px solid #2f4e6e; }

@media screen and (max-width: 767px) { .section .mapContent .mapConInner .mapTxt { padding: 0 4rem 2.5rem; } }

.section .mapContent .mapConInner .mapTxt p { margin-bottom: 1rem; word-break: keep-all; color: #333; font-size: 18px; font-weight: 400; text-align: left; line-height: 1.4; }

@media screen and (max-width: 767px) { .section .mapContent .mapConInner .mapTxt p { font-size: 1.4rem; line-height: 1.8rem; margin-bottom: 1.25rem; } }

.section .mapContent .mapConInner .mapTxt p span { display: block; color: #888; padding: 0 0.7rem; margin-top: 1rem; }

@media screen and (max-width: 767px) { .section .mapContent .mapConInner .mapTxt p span { padding: 0; } }

.section .mapContent .mapConInner .mapTxt p strong { font-weight: 500; }

.section .mapContent .mapConInner .mapTxt p strong::before { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 100%; vertical-align: middle; margin-top: -1px; margin-right: 0.5rem; }

.section .mapContent .mapConInner .mapTxt p strong::before { margin-top: -2px; }

.section .mapContent .mapConInner .mapTxt p strong.dotNone::before { display: none; }

.section .mapContent .mapConInner .mapTxt p .line1 { color: #003499; }

.section .mapContent .mapConInner .mapTxt p .line1::before { background-color: #003499; }

.section .mapContent .mapConInner .mapTxt p .line2 { color: #37b42d; }

.section .mapContent .mapConInner .mapTxt p .line2::before { background-color: #37b42d; }

.section .mapContent .mapConInner .mapTxt p .line3 { color: #fa5f2c; }

.section .mapContent .mapConInner .mapTxt p .line3::before { background-color: #fa5f2c; }

.section .mapContent .mapConInner .mapTxt p .line5 { color: #893bb6; }

.section .mapContent .mapConInner .mapTxt p .line5::before { background-color: #893bb6; }

.section .mapContent .mapConInner .mapTxt p .bus1 { color: #c91017; }

.section .mapContent .mapConInner .mapTxt p .bus1::before { background-color: #c91017; }

.section .mapContent .mapConInner .mapTxt p:last-child { margin-bottom: 0; }

.section .onlineWrap { max-width: 1000px; margin: 0 auto; }

.section .onlineWrap h3 { display: block; margin-bottom: 1.5rem; color: #000; font-size: 1.5rem; font-weight: 500; text-align: left; line-height: 1.2; }

@media screen and (max-width: 767px) { .section .onlineWrap h3 { font-size: 1.7rem; } }

.section .onlineWrap > span { display: block; color: #4d4d4d; font-size: 1rem; font-weight: 400; text-align: left; line-height: 1.2; }

@media screen and (max-width: 767px) { .section .onlineWrap > span { font-size: 1.3rem; line-height: 1.4; }
  .section .onlineWrap > span br { display: block !important; } }

.section .onlineWrap > span br { display: none; }

.section .onlineWrap .tableWrap { margin: 1.5rem auto; padding: 3rem 7.5rem; border-top: 2px solid #333; border-bottom: 2px solid #333; background-color: #f5f5f5; }

@media screen and (max-width: 767px) { .section .onlineWrap .tableWrap { padding: 2.5rem 3.5rem; } }

.section .onlineWrap .tableWrap table { width: 100%; }

.section .onlineWrap .tableWrap table td { padding: 0.75rem 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #000; font-size: 1rem; font-weight: 400; text-align: left; line-height: 1.2; }

@media screen and (max-width: 767px) { .section .onlineWrap .tableWrap table td { padding: 1rem 0; font-size: 1.3rem; } }

.section .onlineWrap .tableWrap table td:first-child { color: #4d4d4d; }

.section .onlineWrap p { margin-bottom: 3.5rem; word-break: keep-all; color: #4d4d4d; font-size: 1rem; font-weight: 500; text-align: left; line-height: 1.2; }

@media screen and (max-width: 767px) { .section .onlineWrap p { font-size: 1.3rem; text-align: center; line-height: 1.4; } }

.section .onlineWrap p span { color: #2f4e6e; font-weight: 600; }

.section .onlineWrap p br { display: none; }

.section .onlineWrap .onlineBtnWrap { text-align: center; font-size: 0; }

.section .onlineWrap .onlineBtnWrap a { display: inline-block; vertical-align: top; box-sizing: border-box; border: 1px solid #8ba3bf; border-radius: 2px; width: 8.5rem; height: 3rem; color: #7995b5; font-size: 1.1rem; font-weight: 400; text-align: center; line-height: 3rem; }

.section .onlineWrap .onlineBtnWrap a:first-child { margin-right: 0.75rem; }

@media screen and (max-width: 767px) { .section .onlineWrap .onlineBtnWrap a { width: 10rem; height: 4rem; font-size: 1.3rem; line-height: 4rem; } }

.section .onlineTableWrap { border-top: 2px solid #000; max-width: 1000px; margin: 2.5rem auto 0; }

.section .onlineTableWrap table thead { background-color: #f5f5f5; }

.section .onlineTableWrap table thead tr { border-bottom: 1px solid #ddd; }

.section .onlineTableWrap table thead tr th { word-break: keep-all; padding: 1.25rem 0; color: #000; font-size: 0.9rem; font-weight: 500; text-align: center; line-height: 1.2; }

@media screen and (max-width: 767px) { .section .onlineTableWrap table thead tr th { font-size: 1.1rem; } }

.section .onlineTableWrap table tbody tr { border-bottom: 1px solid #ddd; }

.section .onlineTableWrap table tbody tr td { word-break: keep-all; padding: 1.25rem 0; color: #666; font-size: 0.9rem; font-weight: 400; text-align: center; line-height: 1.2; }

@media screen and (max-width: 767px) { .section .onlineTableWrap table tbody tr td { font-size: 1.05rem; } }

.section .onlineTableWrap table tbody tr td.noneDataTxt { padding: 2rem 0; font-size: 1.1rem; }

@media screen and (max-width: 767px) { .section .onlineTableWrap table tbody tr td.noneDataTxt { font-size: 1.2rem; } }

.section .privacyTxtWrap { max-width: 1000px; margin: 0 auto 3.5rem; }

.section .privacyTxtWrap .publish { outline: none; overflow: auto; padding: 1.5rem; margin-bottom: 0.5rem; height: 9.5rem; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; background: #fbf9f7; }

.section .privacyTxtWrap .publish .title { display: block; width: 100%; text-align: center; font-size: 1rem; font-weight: 500; margin-bottom: 1.5rem; }

@media screen and (max-width: 767px) { .section .privacyTxtWrap .publish .title { font-size: 1.5rem; } }

.section .privacyTxtWrap .publish pre { white-space: pre-wrap; color: #666; font-size: 0.8rem; font-weight: 400; text-align: left; line-height: 1.6; }

@media screen and (max-width: 767px) { .section .privacyTxtWrap .publish pre { font-size: 1.3rem; } }

.section .privacyTxtWrap .privacyCheck { text-align: left; }

.section .privacyTxtWrap .privacyCheck .inputCheck { margin-right: 1rem; color: #666; font-size: 0.9rem; font-weight: 400; text-align: center; line-height: 1.2; }

@media screen and (max-width: 767px) { .section .privacyTxtWrap .privacyCheck .inputCheck { font-size: 1.2rem; } }

.section .privacyTxtWrap .privacyCheck .inputCheck input { display: inline-block; vertical-align: middle; }

.section .privacyTxtWrap .privacyCheck .inputCheck span { display: inline-block; vertical-align: middle; }

.section .privacyTxtWrap .privacyCheck .inputCheck:last-child { margin-right: 0; }

@media screen and (max-width: 768px) { .section .machineInfoWrap { padding: 0 2rem; } }

@media screen and (max-width: 500px) { .section .machineInfoWrap { padding: 0; } }

.section .machineInfoWrap h3 { display: block; position: relative; padding: 0 1.5rem; margin-bottom: 3rem; word-break: keep-all; color: #2f4e6e; font-size: 30px; font-weight: 400; text-align: left; line-height: 1.8; }

.section .machineInfoWrap h3::after { content: ''; display: block; width: 1.5rem; height: 4px; position: absolute; top: 1.2rem; left: -1.5rem; background-color: #2f4e6e; }

@media screen and (max-width: 1024px) { .section .machineInfoWrap h3 { padding: 0 1rem; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .section .machineInfoWrap h3 { padding: 1.5rem 1rem; }
  .section .machineInfoWrap h3:after { top: 0; left: 50%; margin-left: -0.75rem; height: 3px; } }

.section .machineInfoWrap ul { font-size: 0; }

.section .machineInfoWrap ul li { display: inline-block; vertical-align: top; box-sizing: border-box; width: 50%; padding: 1.5rem; }

@media screen and (max-width: 1024px) { .section .machineInfoWrap ul li { padding: 1rem; } }

@media screen and (max-width: 768px) { .section .machineInfoWrap ul li { display: block; width: 100%; margin-bottom: 1.5rem; } }

.section .machineInfoWrap ul li img { display: block; width: 100%; }

.section .machineInfoWrap ul li .machineTxt { min-height: 350px; margin: -1.5rem 1rem 0; padding: 1.75rem; word-break: keep-all; border-bottom: 2px solid #2f4e6e; box-sizing: border-box; background-color: #fefefe; position: relative; z-index: 1; color: #000; font-size: 18px; font-weight: 400; text-align: left; line-height: 1.8; }

@media screen and (max-width: 767px) { .section .machineInfoWrap ul li .machineTxt { min-height: 15rem; margin: -2.5rem 1.5rem 0; font-size: 1.3rem; } }

.section .machineInfoWrap ul li .machineTxt b { display: block; font-size: 36px; font-weight: 500; line-height: 1.4; color: #2f4e6e; margin-bottom: 1.5rem; }

@media screen and (max-width: 500px) { .section .machineInfoWrap ul li .machineTxt b { font-size: 2rem; } }

.section .machineInfoWrap ul li .machineTxt p { margin-bottom: 1rem; }

.section .machineInfoWrap ul li.noneTitle .machineTxt b { color: #fff; }

.section .imgHalfWrap { font-size: 0; word-break: keep-all; margin-bottom: 5rem; }

.section .imgHalfWrap .HalfInner { margin-bottom: 5rem; color: #666; font-size: 18px; font-weight: 300; text-align: left; line-height: 1.8; display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box; }

@media screen and (max-width: 1023px) { .section .imgHalfWrap .HalfInner { width: 100%; display: block; margin-bottom: 2.5rem; } }

@media screen and (max-width: 767px) { .section .imgHalfWrap .HalfInner { font-size: 1.3rem; } }

.section .imgHalfWrap .HalfInner img { display: block; width: 100%; max-width: 580px; margin: 0 auto; }

.section .imgHalfWrap .HalfInner b { display: block; color: #2f4e6e; font-size: 36px; font-weight: 500; line-height: 1.2; margin-bottom: 1.75rem; }

@media screen and (max-width: 767px) { .section .imgHalfWrap .HalfInner b { font-size: 2rem; } }

.section .imgHalfWrap .HalfInner.halfTxt { padding-left: 4rem; }

@media screen and (max-width: 1023px) { .section .imgHalfWrap .HalfInner.halfTxt { padding: 0; } }

.section .imgHalfWrap .HalfInner .halfBottom:after { top: 0; margin-top: 0; height: 100%; }

.section .imgHalfWrap .halfBottom { position: relative; padding-left: 3rem; box-sizing: border-box; color: #2f4e6e; font-size: 30px; font-weight: 400; text-align: left; line-height: 1.8; }

.section .imgHalfWrap .halfBottom::after { content: ''; display: block; width: 2px; height: 4.5rem; position: absolute; top: 50%; left: 0; background-color: #2f4e6e; }

@media screen and (max-width: 1023px) { .section .imgHalfWrap .halfBottom { font-size: 1.6rem; padding: 0 2.5rem; margin: 0 auto 2.5rem; } }

.section .imgHalfWrap .halfBottom::after { margin-top: -2.25rem; }

.section .roundWrap { margin-bottom: 6.5rem; }

.section .roundWrap .roundContent { font-size: 0; }

.section .roundWrap .roundContent .roundInner { counter-reset: section; display: inline-block; vertical-align: top; box-sizing: border-box; }

.section .roundWrap .roundContent .roundInner p { position: relative; word-break: keep-all; padding-left: 2.5rem; color: #333; font-size: 20px; font-weight: 400; text-align: left; line-height: 1; /* vertical align */ /* horizontal align */ }

@media screen and (max-width: 1200px) { .section .roundWrap .roundContent .roundInner p { margin-bottom: 1.5rem !important; margin-left: 0 !important; } }

@media screen and (max-width: 767px) { .section .roundWrap .roundContent .roundInner p { font-size: 1.3rem; line-height: 1.8; } }

.section .roundWrap .roundContent .roundInner p:before { counter-increment: section; content: "0" counter(section); display: inline-block; vertical-align: middle; margin-right: 1.5rem; width: 2.1rem; height: 2.1rem; border-radius: 100%; background-color: #2f4e6e; margin-top: -0.4rem; color: #fff; font-size: 20px; font-weight: 400; text-align: center; line-height: 2.1rem; position: absolute; z-index: 2; top: 0; left: 0; }

@media screen and (max-width: 767px) { .section .roundWrap .roundContent .roundInner p:before { width: 2.2rem; height: 2.2rem; line-height: 2.2rem; font-size: 1.2rem; margin-top: 0.2rem; } }

.section .roundWrap .roundContent .roundInner p.margin1 { margin-bottom: 24px; }

.section .roundWrap .roundContent .roundInner p.margin2 { margin-bottom: 30px; }

.section .roundWrap .roundContent .roundInner p.margin3 { margin-bottom: 34px; }

.section .roundWrap .roundContent .roundInner p.margin4 { margin-bottom: 38px; }

.section .roundWrap .roundContent .roundInner p:last-child { margin-bottom: 0; }

.section .roundWrap .roundContent .roundInner p.hor1 { margin-left: -80px; }

.section .roundWrap .roundContent .roundInner p.hor2 { margin-left: -40px; }

.section .roundWrap .roundContent .roundInner p.hor3 { margin-left: -12px; }

.section .roundWrap .roundContent .roundInner:first-child { width: 40%; }

@media screen and (max-width: 1200px) { .section .roundWrap .roundContent .roundInner:first-child { width: 100%; display: block; margin: 0 auto 2.5rem; } }

.section .roundWrap .roundContent .roundInner:first-child img { display: block; width: 100%; }

@media screen and (max-width: 1200px) { .section .roundWrap .roundContent .roundInner:first-child img { width: 30%; margin: 0 auto; } }

@media screen and (max-width: 767px) { .section .roundWrap .roundContent .roundInner:first-child img { width: 50%; } }

.section .roundWrap .roundContent .roundInner:last-child { width: 60%; padding: 1rem; }

@media screen and (max-width: 1200px) { .section .roundWrap .roundContent .roundInner:last-child { width: 100%; display: block; } }

.section .iconLayout ul { margin: 0-0.75rem; font-size: 0; }

.section .iconLayout ul li { padding: 0 0.75rem 2.5rem; display: inline-block; vertical-align: top; width: 25%; box-sizing: border-box; }

@media screen and (max-width: 1023px) { .section .iconLayout ul li { width: 50%; } }

.section .iconLayout ul li .iconWrap { padding: 2rem 1rem; border: 1px solid #ddd; box-sizing: border-box; }

.section .iconLayout ul li .iconWrap img { display: block; width: 100px; height: 100px; margin: 0 auto 1rem; }

@media screen and (max-width: 767px) { .section .iconLayout ul li .iconWrap img { width: 6rem; height: auto; max-width: 100px; } }

.section .iconLayout ul li .iconWrap p { position: relative; padding-top: 1.5rem; word-break: keep-all; color: #2f4e6e; font-size: 22px; font-weight: 400; text-align: center; line-height: 1; }

.section .iconLayout ul li .iconWrap p::after { content: ''; display: block; width: 1.5rem; height: 2px; position: absolute; top: 0; left: 50%; background-color: #2f4e6e; }

@media screen and (max-width: 767px) { .section .iconLayout ul li .iconWrap p { font-size: 1.3rem; } }

.section .iconLayout ul li .iconWrap p:after { margin-left: -0.75rem; }

.section .iconLayout ul li p { margin-top: 1rem; word-break: keep-all; color: #333; font-size: 22px; font-weight: 400; text-align: center; line-height: 1.4; }

@media screen and (max-width: 767px) { .section .iconLayout ul li p { font-size: 1.3rem; } }

.section .cureWrap > img { display: block; width: 600px; margin: 0 auto 4rem; }

@media screen and (max-width: 767px) { .section .cureWrap > img { width: 100%; margin: 0 auto 4rem; max-width: 600px; } }

.section .cureWrap .cureInner { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.section .cureWrap .cureInner li { overflow: hidden; border-bottom: 1px solid #ddd; padding: 2.5rem 0; word-break: keep-all; }

@media screen and (max-width: 767px) { .section .cureWrap .cureInner li { padding: 2.5rem 1.5rem; } }

.section .cureWrap .cureInner li .title { float: left; color: #2f4e6e; font-size: 30px; font-weight: 400; text-align: left; line-height: 1; display: block; vertical-align: top; width: 40%; box-sizing: border-box; }

@media screen and (max-width: 767px) { .section .cureWrap .cureInner li .title { float: none; width: 100%; margin: 0 0 1.5rem; font-size: 1.9rem; } }

.section .cureWrap .cureInner li .content { float: left; color: #666; font-size: 18px; font-weight: 400; text-align: left; line-height: 1.6; display: block; vertical-align: top; width: 60%; box-sizing: border-box; }

@media screen and (max-width: 767px) { .section .cureWrap .cureInner li .content { width: 100%; float: none; font-size: 1.3rem; } }

.section .cureWrap .cureInner li .content p { padding-left: 1rem; margin-bottom: 0.75rem; position: relative; }

.section .cureWrap .cureInner li .content p:before { content: ''; display: block; width: 0.5rem; height: 1px; background-color: #aaa; position: absolute; z-index: 1; top: 0.8rem; left: 0; }

.section .cureWrap .cureInner li .content p:last-child { margin-bottom: 0; }

.section .cureWrap .cureInner li:last-child { border-bottom: none; }

.section .suffleWrap { padding: 5rem 0; }

.section .suffleWrap .suffleLayout { overflow: hidden; margin-bottom: 1.5rem; }

@media screen and (max-width: 1023px) { .section .suffleWrap .suffleLayout { margin-bottom: 5rem; } }

.section .suffleWrap .suffleLayout .suffleImg { float: left; display: block; vertical-align: top; width: 50%; box-sizing: border-box; }

.section .suffleWrap .suffleLayout .suffleImg img { display: block; width: 100%; }

.section .suffleWrap .suffleLayout:nth-child(1) .suffleTxt { padding-left: 4rem; }

.section .suffleWrap .suffleLayout:nth-child(2) .suffleTxt { padding-right: 4rem; }

.section .suffleWrap .suffleLayout .suffleTxt { float: left; padding: 0 0 4rem; word-break: keep-all; display: block; vertical-align: top; width: 50%; box-sizing: border-box; }

@media screen and (max-width: 1023px) { .section .suffleWrap .suffleLayout .suffleTxt { width: 100%; float: none; padding: 0 !important; } }

.section .suffleWrap .suffleLayout .suffleTxt b { display: block; margin-bottom: 3.25rem; color: #2f4e6e; font-size: 36px; font-weight: 500; text-align: left; line-height: 1.2; }

@media screen and (max-width: 1023px) { .section .suffleWrap .suffleLayout .suffleTxt b { margin-bottom: 2.5rem; font-size: 2rem; } }

.section .suffleWrap .suffleLayout .suffleTxt b span { display: block; margin-top: 2.5rem; font-size: 22px; font-weight: 400; }

@media screen and (max-width: 1023px) { .section .suffleWrap .suffleLayout .suffleTxt b span { font-size: 1.5rem; line-height: 1.4; } }

.section .suffleWrap .suffleLayout .suffleTxt p { margin-bottom: 3rem; color: #666; font-size: 18px; font-weight: 400; text-align: left; line-height: 1.6; }

@media screen and (max-width: 1023px) { .section .suffleWrap .suffleLayout .suffleTxt p { margin-bottom: 1.5rem; font-size: 1.3rem; } }

.section .suffleWrap .suffleLayout .suffleTxt .suffleBottom b { position: relative; padding: 1rem 0 0; box-sizing: border-box; font-size: 30px; }

.section .suffleWrap .suffleLayout .suffleTxt .suffleBottom b::after { content: ''; display: block; width: 2.5rem; height: 2px; position: absolute; top: 0; left: 0; background-color: #2f4e6e; }

@media screen and (max-width: 767px) { .section .suffleWrap .suffleLayout .suffleTxt .suffleBottom b { font-size: 1.7rem; } }

.section .suffleWrap .suffleLayout .suffleTxt .suffleBottom p { margin-bottom: 0.5rem; }

.section .suffleWrap .suffleLayout .suffleTxt .suffleBottom p:last-child { margin-bottom: 0; }

@media screen and (max-width: 1023px) { .section .suffleWrap .suffleLayout .suffleTxt > img { margin: 2.5rem auto; width: 100%; } }

.section .columnLayout2 { font-size: 0; text-align: right; margin-top: 80px; }

@media screen and (max-width: 1023px) { .section .columnLayout2 { margin-top: 4rem; } }

.section .columnLayout2 .columnTit { color: #2f4e6e; font-size: 48px; font-weight: 400; text-align: left; line-height: 1.4; display: inline-block; vertical-align: top; width: 35%; box-sizing: border-box; }

@media screen and (max-width: 1023px) { .section .columnLayout2 .columnTit { width: 100%; margin: 0 auto 2.5rem; text-align: center; font-size: 2.4rem; }
  .section .columnLayout2 .columnTit b { display: block; text-align: center; margin: 0.5rem 0 0; }
  .section .columnLayout2 .columnTit b br { display: none; } }

@media screen and (max-width: 767px) { .section .columnLayout2 .columnTit { font-size: 2.5rem; } }

.section .columnLayout2 .columnTit b { display: block; }

.section .columnLayout2 .columnTit h4 { margin-top: 1.5rem; letter-spacing: 1.5rem; color: #2f4e6e; font-size: 0.8rem; font-weight: lighter; text-align: center; line-height: 1.2; }

.section .columnLayout2 .columnTit img { display: block; width: 100%; height: auto; }

@media screen and (max-width: 1023px) { .section .columnLayout2 .columnTit img { width: 60%; margin: 0 0 1rem; } }

.section .columnLayout2 .columnTit img.icon { width: 3.5rem; height: 3.5rem; margin-bottom: 2rem; }

@media screen and (max-width: 1023px) { .section .columnLayout2 .columnTit img.icon { margin: 0 auto 1rem; } }

.section .columnLayout2 .columnTit p { margin-top: 0.75rem; font-size: 0.9rem; font-weight: 300; }

@media screen and (max-width: 767px) { .section .columnLayout2 .columnTit p { font-size: 1.1rem; } }

.section .columnLayout2 .columnTit span { display: inline-block; font-size: 22px; padding: 0 0.25rem; margin-top: 40px; position: relative; }

@media screen and (max-width: 1023px) { .section .columnLayout2 .columnTit span { margin-top: 1.5rem; font-size: 1.3rem; } }

.section .columnLayout2 .columnTit span:before { content: ''; width: 100%; height: 50%; margin-left: -50%; background-color: rgba(41, 112, 184, 0.2); position: absolute; z-index: 2; bottom: 0; left: 50%; }

.section .columnLayout2 .columnTxt { margin-left: 5%; color: #2f4e6e; font-size: 18px; font-weight: 400; text-align: left; line-height: 1.8; display: inline-block; vertical-align: top; width: 60%; box-sizing: border-box; }

@media screen and (max-width: 1023px) { .section .columnLayout2 .columnTxt { display: block; width: 100%; margin: 0; } }

@media screen and (max-width: 767px) { .section .columnLayout2 .columnTxt { font-size: 1.3rem; } }

.section .columnLayout2 .columnTxt h4 { display: block; margin-bottom: 5rem; letter-spacing: 1.5rem; font-size: 16px; font-weight: lighter; line-height: 1.2; }

@media screen and (max-width: 767px) { .section .columnLayout2 .columnTxt h4 { font-size: 0.8rem; } }

.section .columnLayout2 .columnTxt p { margin-bottom: 0.25rem; word-break: keep-all; }

.section .columnLayout2 .columnTxt p:last-child { margin-bottom: 0; }

.section .columnLayout2 .columnTxt p.fontBlack { color: #666; }

.section .columnLayout2 .columnTxt .stepTxt { margin: 4rem 0; }

.section .columnLayout2 .columnTxt .stepTxt > b { display: block; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #2f4e6e; font-size: 30px; line-height: 1.2; }

@media screen and (max-width: 767px) { .section .columnLayout2 .columnTxt .stepTxt > b { font-size: 1.8rem; } }

.section .columnLayout2 .columnTxt .stepTxt > b span { font-size: 1.8rem; }

.section .columnLayout2 .columnTxt .stepTxt:first-child { margin-top: 0; }

.section .columnLayout2 .columnTxt .stepTxt:last-child { margin-bottom: 0; }

.section .columnLayout2 .columnTxt .stepTxt .stepChart { margin-top: 3rem; }

.section .columnLayout2 .columnTxt .stepTxt .stepChart li { position: relative; margin: 80px 0 0; padding: 50px 30px 25px; background: #fff; color: #666; border: 1px solid #2f4e6e; text-align: center; }

.section .columnLayout2 .columnTxt .stepTxt .stepChart li:first-child { margin: 0; }

@media screen and (max-width: 767px) { .section .columnLayout2 .columnTxt .stepTxt .stepChart li { margin: 5.5rem 0 0; padding: 2.5rem 1rem 1rem; } }

.section .columnLayout2 .columnTxt .stepTxt .stepChart li .num { position: absolute; top: -55px; left: 50%; margin-left: -25px; color: #2f4e6e; font-size: 1.3rem; }

@media screen and (max-width: 767px) { .section .columnLayout2 .columnTxt .stepTxt .stepChart li .num { top: -4rem; margin-left: -1.5rem; } }

.section .columnLayout2 .columnTxt .stepTxt .stepChart li .num span { display: block; width: 50px; height: 50px; line-height: 50px; background: #2f4e6e; color: #fff; border-radius: 50%; }

@media screen and (max-width: 767px) { .section .columnLayout2 .columnTxt .stepTxt .stepChart li .num span { width: 3.5rem; height: 3.5rem; line-height: 3.5rem; } }

.section .columnLayout2 .columnTxt .stepTxt .stepChart li p { color: #2f4e6e; font-size: 18px; font-weight: 400; line-height: 1.4; }

@media screen and (max-width: 767px) { .section .columnLayout2 .columnTxt .stepTxt .stepChart li p { font-size: 1.4rem; } }

.section .columnLayout2 .columnTxt .stepTxt .innerBox { border: 1px solid #ddd; margin-top: 1.5rem; padding: 1.25rem; box-sizing: border-box; word-break: keep-all; color: #666; font-size: 18px; font-weight: 400; text-align: left; line-height: 1.4; }

@media screen and (max-width: 767px) { .section .columnLayout2 .columnTxt .stepTxt .innerBox { font-size: 1.1rem; } }

.section .columnLayout2 .columnTxt .stepTxt .innerBox b { display: block; margin-bottom: 1rem; color: #f06715; font-size: 20px; font-weight: 500; line-height: 1.2; }

@media screen and (max-width: 767px) { .section .columnLayout2 .columnTxt .stepTxt .innerBox b { font-size: 1.3rem; } }

.section .columnLayout2 .columnTxt .stepTxt .stepInnerTxt { margin-top: 2.5rem; color: #666; font-size: 18px; font-weight: 400; text-align: left; line-height: 1.6; }

@media screen and (max-width: 767px) { .section .columnLayout2 .columnTxt .stepTxt .stepInnerTxt { font-size: 1.1rem; } }

.section .columnLayout2 .columnTxt .stepTxt .stepInnerTxt > div { margin-bottom: 2.5rem; }

.section .columnLayout2 .columnTxt .stepTxt .stepInnerTxt > div b { display: block; margin-bottom: 1rem; font-size: 22px; color: #333; }

@media screen and (max-width: 767px) { .section .columnLayout2 .columnTxt .stepTxt .stepInnerTxt > div b { font-size: 1.4rem; } }

.section .columnLayout2 .columnTxt .stepTxt .stepInnerTxt > div p:before { content: ''; display: inline-block; vertical-align: middle; width: 0.3rem; height: 1px; margin-top: -0.1rem; margin-right: 0.5rem; background-color: #333; }

.section .columnLayout2 .columnTxt .stepTxt .stepInnerTxt > div:last-child { margin-bottom: 0; }

.section .columnLayout2 .columnTxt .stepTxt .listSection { margin: 3.5rem auto 2.5rem; }

.section .columnLayout2 .columnTxt .stepTxt .listSection:last-child { margin-bottom: 0; }

.section .columnLayout2 .columnTxt .stepTxt .listSection.addLine b { padding: 0; }

.section .columnLayout2 .columnTxt .stepTxt .listSection.addLine ul li:before { content: ''; display: block; width: 4px; height: 1px; background-color: #aaa; margin-top: -0.5px; position: absolute; top: 50%; left: 0; }

.section .columnLayout2 .columnTxt .stepTxt .listSection b { padding: 0 1rem; box-sizing: border-box; margin-bottom: 1rem; display: block; color: #333; font-size: 22px; font-weight: 400; text-align: left; line-height: 1.6; }

@media screen and (max-width: 768px) { .section .columnLayout2 .columnTxt .stepTxt .listSection b { font-size: 1.4rem; } }

.section .columnLayout2 .columnTxt .stepTxt .listSection ul li { position: relative; padding: 0 1rem; margin-bottom: 0.3rem; box-sizing: border-box; }

.section .columnLayout2 .columnTxt .stepTxt .listSection ul li p { color: #666; font-size: 18px; font-weight: 400; text-align: left; line-height: 1.6; }

@media screen and (max-width: 768px) { .section .columnLayout2 .columnTxt .stepTxt .listSection ul li p { font-size: 1.2rem; } }

.section .columnLayout2 .columnTxt .textChartList { margin-bottom: 50px; }

.section .columnLayout2 .columnTxt .textChartList b { display: block; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #2f4e6e; color: #2f4e6e; font-size: 30px; font-weight: 400; text-align: left; line-height: 1.4; }

@media screen and (max-width: 1023px) { .section .columnLayout2 .columnTxt .textChartList b { padding: 0 1rem 0 1.5rem; font-size: 1.6rem; } }

.section .columnLayout2 .columnTxt .textChartList p { position: relative; padding-left: 1rem; margin-bottom: 1rem; color: #666; font-size: 20px; font-weight: 400; text-align: left; line-height: 1.6; }

@media screen and (max-width: 767px) { .section .columnLayout2 .columnTxt .textChartList p { padding: 0 1rem 0 1.5rem; font-size: 1.2rem; } }

.section .columnLayout2 .columnTxt .textChartList p span { display: block; color: #999; }

.section .columnLayout2 .columnTxt .textChartList p:before { content: ''; width: 3px; height: 3px; border-radius: 3px; display: inline-block; vertical-align: middle; background-color: #aaa; position: absolute; z-index: 1; top: 0.85rem; left: 0; }

@media screen and (max-width: 767px) { .section .columnLayout2 .columnTxt .textChartList p:before { top: 0.9rem; left: 0.75rem; } }

.section .columnLayout2 .columnTxt .textChartList:last-child { margin-bottom: 0; }

.section .middleColumn { overflow: hidden; margin-top: 8rem; margin-bottom: 8rem; }

.section .middleColumn img { width: 46%; float: left; }

@media screen and (max-width: 1024px) { .section .middleColumn img { float: none; width: 100%; margin: 0 0 2.5rem; } }

.section .middleColumn .middleColumnTxt { width: 46%; float: left; margin-left: 8%; word-break: keep-all; color: #666; font-size: 18px; font-weight: 400; text-align: left; line-height: 1.8; }

@media screen and (max-width: 1024px) { .section .middleColumn .middleColumnTxt { float: none; width: 100%; margin: 0; } }

@media screen and (max-width: 768px) { .section .middleColumn .middleColumnTxt { font-size: 1.3rem; } }

.section .middleColumn .middleColumnTxt b { display: block; margin-bottom: 2rem; color: #2f4e6e; font-size: 32px; font-weight: 400; text-align: left; line-height: 1.2; }

@media screen and (max-width: 1024px) { .section .middleColumn .middleColumnTxt b { margin-bottom: 1.5rem; } }

@media screen and (max-width: 768px) { .section .middleColumn .middleColumnTxt b { font-size: 1.7rem; } }

.section .imgChangeTxt { margin: 0 auto 6.5rem; font-style: italic; color: #404d4b; font-size: 1.5rem; font-weight: 400; text-align: center; line-height: 1.6; }

.section .imgChangeTxt img { display: block; width: 100%; }

@media screen and (max-width: 768px) { .section .imgChangeTxt img { margin-bottom: 1.5rem; } }

.section .lensWrap { margin-bottom: 6.5rem; }

.section .lensWrap .lensTit { margin-bottom: 1.5rem; color: #2f4e6e; font-size: 40px; font-weight: 400; text-align: left; line-height: 1.4; }

@media screen and (max-width: 767px) { .section .lensWrap .lensTit { font-size: 2rem; } }

.section .lensWrap table { border-top: 2px solid #2f4e6e; }

@media screen and (max-width: 767px) { .section .lensWrap table { display: block; width: 100%; box-sizing: border-box; } }

@media screen and (max-width: 767px) { .section .lensWrap table tr { display: block; width: 100%; padding: 3rem 0; border-bottom: 1px solid #ddd; }
  .section .lensWrap table tr.verticalCustom { padding-bottom: 2rem; border-bottom: none; }
  .section .lensWrap table tr.verticalCustom2 { padding-top: 0; } }

.section .lensWrap table tr.addBorder td { border-bottom: 1px solid #ddd; }

@media screen and (max-width: 767px) { .section .lensWrap table tr.addBorder td { border: none; } }

.section .lensWrap table tr th { padding: 3rem 1rem; vertical-align: top; border-bottom: 1px solid #ddd; color: #2f4e6e; font-size: 40px; font-weight: 400; text-align: left; line-height: 1.4; }

@media screen and (max-width: 1023px) { .section .lensWrap table tr th { font-size: 2rem; } }

@media screen and (max-width: 767px) { .section .lensWrap table tr th { display: block; width: 100%; border: none; text-align: center; box-sizing: border-box; font-size: 2.3rem; padding: 0 1rem; margin-bottom: 2.5rem; } }

.section .lensWrap table tr td { padding: 3rem 1rem; vertical-align: top; }

@media screen and (max-width: 767px) { .section .lensWrap table tr td { display: block; width: 100%; padding: 0; margin-bottom: 2rem; box-sizing: border-box; }
  .section .lensWrap table tr td.whiteSection { display: none; } }

.section .lensWrap table tr td b { display: block; margin-bottom: 1.5rem; color: #2f4e6e; font-size: 30px; font-weight: 400; text-align: left; line-height: 1.4; }

@media screen and (max-width: 1023px) { .section .lensWrap table tr td b { font-size: 1.5rem; } }

@media screen and (max-width: 767px) { .section .lensWrap table tr td b { font-size: 1.8rem; } }

.section .lensWrap table tr td p { margin-bottom: 0.4rem; color: #666; font-size: 20px; font-weight: 300; text-align: left; line-height: 1.4; }

@media screen and (max-width: 1023px) { .section .lensWrap table tr td p { font-size: 1.1rem; } }

@media screen and (max-width: 767px) { .section .lensWrap table tr td p { font-size: 1.3rem; } }

.section .lensWrap table tr td p:last-child { margin-bottom: 0; }

.section .lensWrap table tr td p:before { content: ''; display: inline-block; vertical-align: middle; width: 0.4rem; height: 1px; background-color: #aaa; margin-top: -0.2rem; margin-right: 0.5rem; }

.section .lensWrap table tr td img { width: 100%; display: block; }

@media screen and (max-width: 767px) { .section .lensWrap table tr td img { width: 50%; margin: 0 auto; } }

.section .lensWrap table tr td:last-child { position: relative; padding-left: 4rem; }

@media screen and (max-width: 767px) { .section .lensWrap table tr td:last-child { margin: 0; } }

.section .lensWrap table tr td:last-child:after { content: ''; display: block; width: 2px; height: 70%; background-color: #2f4e6e; position: absolute; top: 3rem; left: 1.5rem; }

@media screen and (max-width: 767px) { .section .lensWrap table tr td:last-child:after { top: 0; height: 100%; } }

.section .imgLayout .imgLayoutTitle { margin-bottom: 2.5rem; font-family: 'Nanum Brush Script', serif; color: #2f4e6e; font-size: 64px; font-weight: 500; text-align: center; line-height: 1.2; }

@media screen and (max-width: 1023px) { .section .imgLayout .imgLayoutTitle { font-size: 3.2rem; } }

@media screen and (max-width: 767px) { .section .imgLayout .imgLayoutTitle br { display: none; } }

.section .imgLayout .imgLayoutInner { display: table; width: 100%; margin-bottom: 2.5rem; position: relative; font-size: 0; }

@media screen and (max-width: 1023px) { .section .imgLayout .imgLayoutInner { display: block; max-width: 500px; margin: 0 auto 2.5rem; } }

.section .imgLayout .imgLayoutInner img { width: 50%; display: inline-block; vertical-align: middle; box-sizing: border-box; }

@media screen and (max-width: 768px) { .section .imgLayout .imgLayoutInner img { width: 100%; display: block; } }

.section .imgLayout .imgLayoutInner .plus { width: 2.5rem; height: 2.5rem; margin-top: -1.25rem; margin-left: -1.25rem; position: absolute; z-index: 1; top: 50%; left: 50%; }

@media screen and (max-width: 768px) { .section .imgLayout .imgLayoutInner .plus { margin-top: -2rem; margin-left: -2rem; width: 4rem; height: 4rem; display: block; } }

.section .imgLayout .imgLayoutInner .plus img { width: 100%; display: block; }

.section .imgLayout .imgLayoutTxtInner { overflow: hidden; margin-bottom: 1rem; }

.section .imgLayout .imgLayoutTxtInner img { display: block; float: left; width: 50%; }

@media screen and (max-width: 1023px) { .section .imgLayout .imgLayoutTxtInner img { float: none; width: 100%; max-width: 500px; margin: 0 auto; } }

.section .imgLayout p { color: #2970b8; font-size: 18px; font-weight: 400; text-align: center; line-height: 1.2; }

@media screen and (max-width: 1023px) { .section .imgLayout p { font-size: 1rem; } }

@media screen and (max-width: 768px) { .section .imgLayout p { font-size: 1.3rem; } }

.section .titleImgTxt { overflow: hidden; height: 20rem; padding: 4rem 0 0 4rem; margin-bottom: 6rem; box-sizing: border-box; background-image: url("/resource/images/contents/img_old03_bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }

.section .titleImgTxt p { word-break: keep-all; color: #fff; font-size: 48px; font-weight: 400; text-align: left; line-height: 1.3; }

@media screen and (max-width: 1023px) { .section .titleImgTxt p { font-size: 2.4rem; } }

.section .titleImgTxt p span { display: block; margin-top: 1.5rem; font-size: 22px; }

@media screen and (max-width: 1023px) { .section .titleImgTxt p span { font-size: 1.1rem; } }

.section .imgPosContent { position: relative; margin: 200px auto 120px; }

@media screen and (max-width: 1023px) { .section .imgPosContent { margin: 0 auto 6rem; } }

.section .imgPosContent > img { display: block; width: 790px; margin: 0 auto; }

@media screen and (max-width: 1023px) { .section .imgPosContent > img { width: 30rem; } }

.section .imgPosContent .infoCon { position: absolute; z-index: 2; width: 260px; height: 260px; padding-top: 35px; border-radius: 50%; word-break: keep-all; box-sizing: border-box; background-color: #fafafa; }

@media screen and (max-width: 1023px) { .section .imgPosContent .infoCon { width: 13rem; height: 13rem; padding-top: 1.5rem; } }

.section .imgPosContent .infoCon:nth-child(2) { top: 70px; left: 0; }

@media screen and (max-width: 1023px) { .section .imgPosContent .infoCon:nth-child(2) { top: auto; bottom: -5rem; } }

.section .imgPosContent .infoCon:nth-child(3) { top: -125px; left: 50%; margin-left: -130px; }

@media screen and (max-width: 1023px) { .section .imgPosContent .infoCon:nth-child(3) { top: -5rem; margin-left: -6rem; } }

.section .imgPosContent .infoCon:nth-child(4) { top: 70px; right: 0; }

@media screen and (max-width: 1023px) { .section .imgPosContent .infoCon:nth-child(4) { top: auto; bottom: -5rem; } }

.section .imgPosContent .infoCon p { color: #2f4e6e; font-size: 18px; font-weight: 400; text-align: center; line-height: 1.5; }

@media screen and (max-width: 1023px) { .section .imgPosContent .infoCon p { font-size: 1.2rem; line-height: 1.3; } }

.section .imgPosContent .infoCon img { display: block; width: 110px; margin: 10px auto 0; }

@media screen and (max-width: 1023px) { .section .imgPosContent .infoCon img { width: 5.5rem; margin-top: 0.5rem; } }

.section .customeTable { border-top: 2px solid #2f4e6e; border-bottom: 1px solid #2f4e6e; margin-bottom: 6rem; }

.section .customeTable .customeHead { background-color: #fafafa; border-bottom: 1px solid #ddd; }

.section .customeTable .customeHead p { padding: 0.75rem; color: #333; font-size: 18px; font-weight: 500; text-align: center; line-height: 1.5; display: inline-block; vertical-align: middle; width: 50%; box-sizing: border-box; }

@media screen and (max-width: 1023px) { .section .customeTable .customeHead p { font-size: 1.1rem; } }

@media screen and (max-width: 768px) { .section .customeTable .customeHead p { font-size: 1.4rem; } }

.section .customeTable .customeHead p:first-child { position: relative; }

.section .customeTable .customeHead p:first-child:after { content: ''; width: 1px; height: 1.5rem; margin-top: -0.75rem; background-color: #ccc; position: absolute; z-index: 1; top: 50%; right: 0; }

.section .customeTable .customeBody { display: table; width: 100%; }

.section .customeTable .customeBody p { padding: 4rem 1rem; border-right: 1px solid #ddd; color: #666; font-size: 20px; font-weight: 400; text-align: center; line-height: 1.4; display: table-cell; vertical-align: middle; width: 33.33%; box-sizing: border-box; }

@media screen and (max-width: 768px) { .section .customeTable .customeBody p { font-size: 1rem; } }

@media screen and (max-width: 768px) { .section .customeTable .customeBody p { font-size: 1.2rem; } }

.section .customeTable .customeBody p span { display: block; margin-bottom: 0.4rem; }

@media screen and (max-width: 768px) { .section .customeTable .customeBody p span { margin-bottom: 0.75rem; } }

.section .customeTable .customeBody p span:last-child { margin-bottom: 0; }

.section .customeTable .customeBody p img { display: block; width: 15%; max-width: 50px; margin: 0 auto; }

@media screen and (max-width: 768px) { .section .customeTable .customeBody p img { width: 50%; } }

.section .customeTable .customeBody p:last-child { border-right: none; }

.section .checkTxtList { overflow: hidden; }

.section .checkTxtList ul { width: 50%; float: left; padding: 0 1rem; box-sizing: border-box; }

@media screen and (max-width: 768px) { .section .checkTxtList ul { float: none; width: 100%; } }

.section .checkTxtList ul.width100 { display: block; width: 100%; float: none; padding: 0; }

.section .checkTxtList ul li { margin-bottom: 1.25rem; position: relative; padding-left: 2rem; box-sizing: border-box; }

@media screen and (max-width: 767px) { .section .checkTxtList ul li { padding-left: 2.5rem; } }

.section .checkTxtList ul li p { word-break: keep-all; color: #666; font-size: 18px; font-weight: 400; text-align: left; line-height: 1.4; }

@media screen and (max-width: 1023px) { .section .checkTxtList ul li p { font-size: 1.1rem; } }

@media screen and (max-width: 767px) { .section .checkTxtList ul li p { font-size: 1.3rem; } }

.section .checkTxtList ul li:before { content: ''; display: inline-block; width: 1.5rem; height: 1.5rem; background-image: url("/resource/images/contents/icon_old03_check.png"); background-position: center; background-repeat: no-repeat; background-size: 100%; position: absolute; z-index: 1; top: 0; left: 0; }

@media screen and (max-width: 767px) { .section .checkTxtList ul li:before { width: 1.75rem; height: 1.75rem; } }

.section .checkTxtList ul li:last-child { margin-bottom: 0; }

@media screen and (max-width: 768px) { .section .checkTxtList ul li:last-child { margin-bottom: 1.25rem; } }

.section .halfLayout4 { display: table; width: 100%; }

.section .halfLayout4 > div { word-break: keep-all; display: table-cell; vertical-align: top; box-sizing: border-box; }

@media screen and (max-width: 767px) { .section .halfLayout4 > div { display: block; width: 100%; } }

.section .halfLayout4 > div.titleSection { width: 45%; padding-left: 30px; position: relative; color: #2f4e6e; font-size: 40px; font-weight: 400; text-align: left; line-height: 1.2; }

@media screen and (max-width: 1024px) { .section .halfLayout4 > div.titleSection { font-size: 2rem; } }

@media screen and (max-width: 767px) { .section .halfLayout4 > div.titleSection { width: 100%; margin-bottom: 3rem; } }

.section .halfLayout4 > div.titleSection p { margin-top: 30px; font-size: 20px; }

@media screen and (max-width: 1024px) { .section .halfLayout4 > div.titleSection p { font-size: 1.2rem; } }

.section .halfLayout4 > div.titleSection:before { content: ''; display: block; width: 2px; height: 100%; background-color: #2f4e6e; position: absolute; top: 0; left: 0; }

.section .halfLayout4 > div.txtSection { width: 55%; color: #666; font-size: 18px; font-weight: 400; text-align: left; line-height: 2; }

@media screen and (max-width: 1023px) { .section .halfLayout4 > div.txtSection { font-size: 1.1rem; } }

@media screen and (max-width: 767px) { .section .halfLayout4 > div.txtSection { width: 100%; font-size: 1.2rem; } }

.section .halfInnerWrap { margin: 5rem auto; }

.section .halfInnerWrap.addCustom ul { overflow: hidden; margin: 0-1.5rem; }

@media screen and (max-width: 767px) { .section .halfInnerWrap.addCustom ul { margin: 0 auto; } }

.section .halfInnerWrap.addCustom ul li { margin-bottom: 5rem; }

.section .halfInnerWrap.addCustom ul li div { width: 50%; padding: 1.5rem; box-sizing: border-box; }

@media screen and (max-width: 767px) { .section .halfInnerWrap.addCustom ul li div { width: 100%; padding: 0 1.5rem; } }

.section .halfInnerWrap.addCustom ul li div.txtWrap span { line-height: 1.8; }

@media screen and (max-width: 767px) { .section .halfInnerWrap.addCustom ul li { margin-bottom: 3rem; padding-bottom: 3rem; } }

.section .halfInnerWrap.addCustom2 li { margin-bottom: 3.5rem; padding-bottom: 3.5rem; border-bottom: 1px solid #ddd; /* @media screen and (max-width: 767px) { .imgWrap { padding: 0 r(20); box-sizing: border-box; } } */ }

@media screen and (max-width: 767px) { .section .halfInnerWrap.addCustom2 li { margin-bottom: 5rem; padding-bottom: 5rem; } }

.section .halfInnerWrap.addCustom2 li .txtWrap { line-height: 1.8; }

.section .halfInnerWrap.addCustom2 li .txtWrap b { display: block; font-size: 22px; font-weight: 500; }

@media screen and (max-width: 1023px) { .section .halfInnerWrap.addCustom2 li .txtWrap b { font-size: 1.1rem; } }

@media screen and (max-width: 767px) { .section .halfInnerWrap.addCustom2 li .txtWrap b { font-size: 1.3rem; } }

.section .halfInnerWrap.addCustom2 li .txtWrap .bottomTxt { font-style: italic; color: #2f4e6e; font-size: 20px; }

@media screen and (max-width: 1023px) { .section .halfInnerWrap.addCustom2 li .txtWrap .bottomTxt { font-size: 1.1rem; } }

@media screen and (max-width: 767px) { .section .halfInnerWrap.addCustom2 li .txtWrap .bottomTxt { font-size: 1.5rem; } }

.section .halfInnerWrap.addCustom2 li .txtWrap.overlap { margin-bottom: 0; }

.section .halfInnerWrap ul li { overflow: hidden; margin-bottom: 3.5rem; }

@media screen and (max-width: 768px) { .section .halfInnerWrap ul li { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #ddd; } }

.section .halfInnerWrap ul li .txtWrap { float: left; width: 48%; word-break: keep-all; color: #2f4e6e; font-weight: 400; text-align: left; line-height: 1.4; }

.section .halfInnerWrap ul li .txtWrap.float-right { float: right; }

@media screen and (max-width: 767px) { .section .halfInnerWrap ul li .txtWrap { float: none; width: 100%; margin-bottom: 2.5rem; } }

.section .halfInnerWrap ul li .txtWrap p { font-size: 40px; padding: 0.5rem 2.5rem; position: relative; box-sizing: border-box; border-left: 2px solid #2f4e6e; }

@media screen and (max-width: 1023px) { .section .halfInnerWrap ul li .txtWrap p { font-size: 2.2rem; } }

@media screen and (max-width: 767px) { .section .halfInnerWrap ul li .txtWrap p { font-size: 2.4rem; } }

.section .halfInnerWrap ul li .txtWrap p b { display: block; font-size: 20px; margin-bottom: 0.25rem; }

@media screen and (max-width: 1023px) { .section .halfInnerWrap ul li .txtWrap p b { font-size: 1rem; }
  .section .halfInnerWrap ul li .txtWrap p b br { display: none; } }

@media screen and (max-width: 767px) { .section .halfInnerWrap ul li .txtWrap p b { font-size: 1.2rem; } }

.section .halfInnerWrap ul li .txtWrap span { display: block; color: #666; font-size: 20px; margin-top: 1rem; padding: 0 2.5rem 0 0; }

@media screen and (max-width: 1023px) { .section .halfInnerWrap ul li .txtWrap span br { display: none; } }

@media screen and (max-width: 767px) { .section .halfInnerWrap ul li .txtWrap span { font-size: 1.4rem; } }

.section .halfInnerWrap ul li .txtWrap .txtWrapInner { width: 100%; padding: 0; margin: 2.5rem 0 0; counter-reset: section; }

.section .halfInnerWrap ul li .txtWrap .txtWrapInner p { border: none; padding: 0 0 0 1.5rem; margin-bottom: 0.75rem; position: relative; }

@media screen and (max-width: 767px) { .section .halfInnerWrap ul li .txtWrap .txtWrapInner p { padding: 0 0 0 2rem; } }

.section .halfInnerWrap ul li .txtWrap .txtWrapInner p:before { counter-increment: section; content: "0" counter(section); font-size: 18px; position: absolute; z-index: 1; top: 0; left: 0; }

@media screen and (max-width: 1023px) { .section .halfInnerWrap ul li .txtWrap .txtWrapInner p:before { font-size: 1rem; } }

@media screen and (max-width: 767px) { .section .halfInnerWrap ul li .txtWrap .txtWrapInner p:before { font-size: 1.3rem; } }

.section .halfInnerWrap ul li .txtWrap .txtWrapInner p span { display: block; padding: 0; margin: 0; color: #666; font-size: 18px; font-weight: 400; text-align: left; line-height: 1.4; }

@media screen and (max-width: 1023px) { .section .halfInnerWrap ul li .txtWrap .txtWrapInner p span { font-size: 1rem; } }

@media screen and (max-width: 767px) { .section .halfInnerWrap ul li .txtWrap .txtWrapInner p span { font-size: 1.3rem; } }

.section .halfInnerWrap ul li .txtWrap .txtWrapInner p:last-child { margin-bottom: 0; }

.section .halfInnerWrap ul li .imgWrap { float: left; width: 52%; }

.section .halfInnerWrap ul li .imgWrap.float-right { float: right; }

@media screen and (max-width: 767px) { .section .halfInnerWrap ul li .imgWrap.float-right { float: none; width: 100%; } }

@media screen and (max-width: 767px) { .section .halfInnerWrap ul li .imgWrap { float: none; width: 100%; } }

.section .halfInnerWrap ul li .imgWrap img { display: block; width: 100%; }

.section .halfInnerWrap ul li .imgWrap .addTinfoTxt { padding: 1rem 1.5rem; border: 1px solid #ddd; box-sizing: border-box; word-break: keep-all; color: #666; font-size: 18px; font-weight: 400; text-align: left; line-height: 1.6; }

@media screen and (max-width: 1023px) { .section .halfInnerWrap ul li .imgWrap .addTinfoTxt { font-size: 1rem; } }

@media screen and (max-width: 767px) { .section .halfInnerWrap ul li .imgWrap .addTinfoTxt { font-size: 1.4rem; } }

.section .halfInnerWrap ul li .imgWrap .addTinfoTxt b { display: block; color: #f06715; margin-bottom: 1rem; font-weight: 500; font-size: 20px; }

@media screen and (max-width: 1023px) { .section .halfInnerWrap ul li .imgWrap .addTinfoTxt b { font-size: 1.3rem; } }

@media screen and (max-width: 767px) { .section .halfInnerWrap ul li .imgWrap .addTinfoTxt b { font-size: 1.7rem; } }

.section .halfInnerWrap ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.section .dayprocess { margin-bottom: 5rem; }

.section .dayprocess > p { margin-bottom: 3.5rem; padding: 1rem 2.5rem; font-style: italic; background-color: #ddd; box-sizing: border-box; word-break: keep-all; color: #2f4e6e; font-size: 1.5rem; font-weight: 400; text-align: center; line-height: 1.4; }

@media screen and (max-width: 767px) { .section .dayprocess > p { padding: 1rem; } }

.section .dayprocess > p b { font-weight: 500; }

.section .dayprocess ul { font-size: 0; position: relative; box-sizing: border-box; }

.section .dayprocess ul:after { content: ''; width: 46%; height: 1.5rem; border-radius: 20px; background-color: rgba(79, 130, 183, 0.2); position: absolute; z-index: 1; bottom: 1.75rem; left: 1.5rem; }

@media screen and (max-width: 767px) { .section .dayprocess ul:after { width: 49%; left: 0; bottom: 2rem; } }

.section .dayprocess ul li { text-align: center; word-break: keep-all; display: inline-block; vertical-align: bottom; width: 16.6%; box-sizing: border-box; }

.section .dayprocess ul li p { color: #666; font-size: 1rem; font-weight: 400; text-align: center; line-height: 1.4; }

@media screen and (max-width: 767px) { .section .dayprocess ul li p { font-size: 1.2rem; } }

.section .dayprocess ul li p b { color: #2f4e6e; font-weight: 500; }

.section .dayprocess ul li p:last-child { position: relative; margin-top: 0.5rem; padding-top: 1rem; border-top: 2px solid #2f4e6e; }

.section .dayprocess ul li p:last-child:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 8px; margin-left: -4px; background-color: #2f4e6e; position: absolute; z-index: 2; top: -5px; left: 50%; }

.section .dayprocess ul li div { width: 65px; height: 65px; margin: 1rem auto; }

@media screen and (max-width: 767px) { .section .dayprocess ul li div { width: 3rem; height: 3rem; margin: 0.5rem auto 1rem; } }

.section .dayprocess ul li div img { display: block; width: 100%; }

.section .diseaseProcess { overflow: hidden; margin: 0-2.5rem; }

.section .diseaseProcess .disease { float: left; width: 33.33%; padding: 1.5rem 2.5rem; box-sizing: border-box; position: relative; }

@media screen and (max-width: 767px) { .section .diseaseProcess .disease { float: none; width: 100%; overflow: hidden; } }

.section .diseaseProcess .disease img { display: block; width: 100%; max-width: 340px; margin: 0 auto; }

@media screen and (max-width: 767px) { .section .diseaseProcess .disease img { margin-bottom: 1.5rem; } }

.section .diseaseProcess .disease:after { content: ''; display: block; width: 1.5rem; height: 5rem; background-size: 100%; background-repeat: no-repeat; background-position: center; background-image: url("/resource/images/contents/icon_glaucoma01_arrow.png"); margin-top: -2.5rem; position: absolute; top: 50%; right: -0.75rem; }

@media screen and (max-width: 767px) { .section .diseaseProcess .disease:after { display: block; width: 3rem; height: 6rem; margin: 0 auto; transform: rotate(90deg); position: initial; } }

@media screen and (max-width: 767px) { .section .diseaseProcess .disease:last-child { margin-bottom: 2rem; } }

.section .diseaseProcess .disease:last-child:after { display: none; }

.section [class*="bgTxtWrap"] { width: 100%; height: 500px; box-sizing: border-box; margin-bottom: 7.5rem; }

@media screen and (max-width: 767px) { .section [class*="bgTxtWrap"] { height: 40rem; } }

.section [class*="bgTxtWrap"].contentBg { padding: 7rem 0 0; }

@media screen and (max-width: 1023px) { .section [class*="bgTxtWrap"].contentBg { padding: 4rem 0 0; } }

@media screen and (max-width: 767px) { .section [class*="bgTxtWrap"].contentBg { padding: 6rem 0 0; } }

.section [class*="bgTxtWrap"].contentBg:before { background-size: cover; background-position: center; background-repeat: no-repeat; }

.section [class*="bgTxtWrap"] .innerTitle { margin-bottom: 2.5rem; }

.section [class*="bgTxtWrap"] .innerTitle span { margin-bottom: 2.5rem; }

.section [class*="bgTxtWrap"] p { word-break: keep-all; color: #666; font-size: 18px; font-weight: 400; text-align: center; line-height: 1.8; }

@media screen and (max-width: 1023px) { .section [class*="bgTxtWrap"] p { font-size: 1rem; }
  .section [class*="bgTxtWrap"] p br { display: none; } }

@media screen and (max-width: 767px) { .section [class*="bgTxtWrap"] p { font-size: 1.2rem; } }

.section [class*="bgTxtWrap"] ul { margin-top: 2.5rem; overflow: hidden; }

@media screen and (max-width: 1023px) { .section [class*="bgTxtWrap"] ul { margin-top: 1rem; } }

.section [class*="bgTxtWrap"] ul li { width: 20%; float: left; padding: 0.5rem; box-sizing: border-box; position: relative; }

@media screen and (max-width: 1023px) { .section [class*="bgTxtWrap"] ul li:nth-child(2):after { display: none; }
  .section [class*="bgTxtWrap"] ul li:nth-child(-n+2) { width: 50%; margin-bottom: 1.5rem; }
  .section [class*="bgTxtWrap"] ul li:nth-child(n+3) { width: 33.33%; } }

.section [class*="bgTxtWrap"] ul li img { width: 45px; display: block; margin: 0 auto 1rem; }

.section [class*="bgTxtWrap"] ul li p { word-break: keep-all; color: #fff; font-size: 20px; font-weight: 400; text-align: center; line-height: 1.6; }

@media screen and (max-width: 767px) { .section [class*="bgTxtWrap"] ul li p { font-size: 1rem; } }

@media screen and (max-width: 767px) { .section [class*="bgTxtWrap"] ul li p { font-size: 1.2rem; } }

.section [class*="bgTxtWrap"] ul li:after { content: ''; width: 1px; height: 3rem; margin-top: -1.5rem; background-color: #ddd; position: absolute; top: 50%; right: 0; }

.section [class*="bgTxtWrap"] ul li:last-child:after { display: none; }

.section .bgTxtWrap1.contentBg:before { background-image: url("/resource/images/contents/img_txtBg01.jpg"); }

.section .bgTxtWrap2.contentBg:before { background-image: url("/resource/images/contents/img_txtBg02.jpg"); }

.section .bgTxtWrap3.contentBg:before { background-image: url("/resource/images/contents/img_txtBg03.jpg"); }

.section .bgTxtWrap4.contentBg:before { background-image: url("/resource/images/contents/img_txtBg04.jpg"); }

.section .bgTxtWrap5.contentBg:before { background-image: url("/resource/images/contents/img_txtBg05.jpg"); }

.section .bgTxtWrap6.contentBg:before { background-image: url("/resource/images/contents/img_txtBg06.jpg"); }

.section .bgTxtWrap7.contentBg:before { background-image: url("/resource/images/contents/img_txtBg07.jpg"); }

.section .bgTxtWrap8.contentBg:before { background-image: url("/resource/images/contents/img_txtBg08.jpg"); }

.section .bgTxtWrap9.contentBg:before { background-image: url("/resource/images/contents/img_txtBg09.jpg"); }

.section .bgTxtWrap10.contentBg:before { background-image: url("/resource/images/contents/img_txtBg010.jpg"); }

.section .videoWrap { margin-bottom: 5rem; }

.section .videoWrap .video img { width: 80%; max-width: 740px; margin: 0 auto; }

.section .proWrap { margin-top: 5rem; margin-bottom: 5rem; }

.section .infoSection { margin-bottom: 5rem; }

@media screen and (max-width: 768px) { .section .infoSection { margin-bottom: 3rem; } }

.section .infoSection img { display: block; width: 100%; }

.section .contentBg { position: relative; z-index: 1; padding: 7.5rem 0; }

.section .contentBg::before { content: ''; width: 200%; height: 100%; margin-left: -100%; background-color: #fafafa; position: absolute; z-index: -1; top: 0; left: 50%; }

.section .contentBg.innerTitle { padding: 5rem; }

.section .subSwiperJoin { margin-bottom: 0.25rem; position: relative; }

.section .subSwiperJoin .slide { position: relative; }

.section .subSwiperJoin .slide .swiper-button-next, .section .subSwiperJoin .slide .swiper-button-prev { width: 100px; height: 60px; padding: 0 1rem; box-sizing: border-box; background-color: rgba(13, 67, 125, 0.8); background-repeat: no-repeat; background-size: 1.5rem; cursor: pointer; position: absolute; bottom: 0; color: #fff; font-size: 24px; font-weight: 400; line-height: 60px; }

@media screen and (max-width: 767px) { .section .subSwiperJoin .slide .swiper-button-next, .section .subSwiperJoin .slide .swiper-button-prev { width: 6rem; font-size: 1.4rem; line-height: 2.9rem; height: 3rem; } }

.section .subSwiperJoin .slide .swiper-button-next { background-image: url("/resource/images/icon_swiperRight.png"); background-position: right 10px center; right: 0; text-align: left; }

.section .subSwiperJoin .slide .swiper-button-prev { background-image: url("/resource/images/icon_swiperLeft.png"); background-position: left 10px center; left: 0; text-align: right; }

.section .subSwiperJoin .slide .slideNum { width: 100%; height: 60px; background-color: rgba(0, 0, 0, 0.4); color: #fff; font-size: 24px; font-weight: 300; text-align: center; line-height: 60px; position: absolute; bottom: 0; left: 0; }

@media screen and (max-width: 767px) { .section .subSwiperJoin .slide .slideNum { height: 3rem; line-height: 2.9rem; font-size: 1.4rem; } }

.section .subSwiperJoin .slide .slideNum .totalNum { font-size: 18px; }

@media screen and (max-width: 767px) { .section .subSwiperJoin .slide .slideNum .totalNum { font-size: 1.1rem; } }

.section .subSwiperJoin .swiper-slide img { width: 100%; }

.section .subSwiperJoin .slidePage { overflow: hidden; margin: 80px auto; }

@media screen and (max-width: 1023px) { .section .subSwiperJoin .slidePage { margin: 3.5rem auto; } }

.section .subSwiperJoin .slidePage a { width: 16.66%; float: left; padding: 10px; outline: none; box-sizing: border-box; position: relative; transition: all 0.3s; }

@media screen and (max-width: 1023px) { .section .subSwiperJoin .slidePage a { width: 33.33%; padding: 0.5rem; } }

@media screen and (max-width: 767px) { .section .subSwiperJoin .slidePage a { padding: 0.4rem; } }

.section .subSwiperJoin .slidePage a img { max-width: 100%; }

.section .subSwiperJoin .slidePage a.swiper-pagination-bullet-active::after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid #2f4e6e; box-sizing: border-box; }

@media screen and (max-width: 1023px) { .section .subSwiperJoin .slidePage a.swiper-pagination-bullet-active::after { border-width: 0.5rem; } }

@media screen and (max-width: 1023px) { .section .subSwiperJoin .slidePage a.swiper-pagination-bullet-active::after { border-width: 0.4rem; } }

.section .ageChart { margin-bottom: 120px; }

@media screen and (max-width: 1023px) { .section .ageChart { border-width: 6rem; } }

.section .ageChart .ageimg img { width: 100%; max-width: 800px; margin: 0 auto; }

.section .nonpay .tableType1 { border-right: 1px solid #2970b8; }

.section .nonpay .tableType1 thead th { padding: 10px 5px; font-size: 15px; }

.section .nonpay .tableType1 tbody td { padding: 10px 5px; font-size: 15px; }

/* add css end */

/*# sourceMappingURL=style.css.map */