@charset "UTF-8";
/*-------------------------------------------------
title       : 콘텐츠
Author      : ㅈㅁㅈ
Create date : 2019-08-08
-------------------------------------------------*/

/* 세로로 왼쪽 -> 오른쪽 */
.vertical-lr {
  writing-mode: vertical-lr;
}
/* 세로로 오른쪽 -> 왼쪽 */
.vertical-rl {
  writing-mode: vertical-rl;
}
/* 영어는 90º 돌아감 */
.vertical-rlEN {
  writing-mode: vertical-rl;
}
/* 영어를 원위치로 */
.upright {
  writing-mode: vertical-rl;
  text-orientation: upright;
}


.title1 { font-size: 1.3rem; margin: 2.75rem 0 1.25rem; color: #222; font-family: "Noto Sans KR"; font-weight: 500; }

.title1:first-child { margin-top: 0; }

.title1::before { display: block; width: 3rem; height: 0.2rem; margin-bottom: 0.5rem; background-color: #9c1c2b; content: ''; }

.title1.float-left + .btn-i.float-right { margin: 0.25rem 0 1.25rem; }

.box1 { display: table; width: 100%; margin: 1.4rem 0; padding: 2rem 1.5rem; border-top: 6px solid #ebebeb; border-bottom: 6px solid #ebebeb; font-family: "Noto Sans KR"; table-layout: fixed; }

.box1:first-child { margin-top: 0; }

.box1 .icon { display: table-cell; position: relative; width: 7.5rem; text-align: center; vertical-align: top; }

.box1 .icon::before { position: absolute; left: -1.5rem; top: -2rem; width: 6px; height: 2rem; background-color: #ebebeb; content: ''; }

.box1 .icon img { width: 3.5rem; }

.box1 .desc { display: table-cell; vertical-align: middle; word-break: keep-all; }

.box1 .desc::before { position: absolute; right: -0.3rem; bottom: 0; width: 0.3rem; height: 2rem; background-color: #ebebeb; content: ''; }

.box2 { font-size: 0.9rem; display: inline-block; width: 100%; padding: 1.5rem 1.5rem 1.5rem 2rem; border: 1px solid #ddd; background-color: #f8f8f8; font-family: "Noto Sans KR"; line-height: 2.4rem; }

.box2 .title { font-size: 1rem; float: left; padding-right: 1.25rem; font-weight: 300; color: #000; }

.box2 .btn-i { float: right; }

.box2.type1 { margin-bottom: 1.5rem; font-weight: 400; }

.box2.type1 .title { font-size: 0.9rem; position: relative; padding-right: 1.5rem; font-weight: 400; color: #162943; }

.box2.type1 .title::after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0.7rem; width: 1px; height: 0.6rem; background-color: #ddd; content: ''; }

.box2.type2 { margin: 1.5rem 0 1rem; padding: 2.75rem; }

.box2.type2 p { font-size: 0.8rem; line-height: 1.5625; font-weight: 300; color: #666; text-align: center; }

.box2.type2 p img { width: 3rem; }

.box2.type2 p strong { font-size: 1rem; display: block; margin: 2.25rem 0 1rem; font-weight: 400; color: #000; }

.box2.type2 .btn-b { font-size: 0.8rem; width: 15.75rem; max-width: 100%; height: 3rem; margin-top: 1rem; font-weight: 300; line-height: 3rem; }

.box3 { font-size: 1.25rem; padding: 3.5rem 1rem; background-color: #f6f6f6; color: #000; text-align: center; word-break: keep-all; }

.box3 .icon { display: block; width: 7.75rem; height: 7.75rem; margin: 0 auto 1rem; border-radius: 100%; background-color: #fff; }

.box4 { width: 33rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; max-width: 100%; padding: 0.75rem; border: 1px solid #ddd; text-align: center; }

.box4 .title { font-size: 1rem; display: block; padding: 0.5rem 0 1rem; font-weight: 400; color: #000; }

.box4 .txt { font-size: 0.9rem; padding: 0.8rem; background-color: #f6f7f9; }

.box5 { font-size: 1rem; min-height: 23.25rem; padding: 4rem 1rem; background: url("/ipsi/img/contents/box5_1.jpg") no-repeat center bottom; background-size: auto 105%; font-weight: 400; text-align: center; word-break: keep-all; }

.box5 .title { font-size: 2rem; display: block; margin-bottom: 0.5rem; font-family: "Noto Sans KR"; font-weight: 500; color: #000; letter-spacing: -0.1rem; line-height: 1.2; }

.box5 .title::before { display: block; width: 2.85rem; height: 3px; margin: 0 auto 1.5rem; background-color: #d53746; content: ''; }

.box5 .btn-b { font-size: 0.75rem; margin-top: 1.5rem; font-weight: 300; }

.box5.type1 { min-height: 0; border: 3px solid #ddd; background: none; }

.box5.type2 { background: url("/ipsi/img/contents/box5_2.jpg") no-repeat center bottom; }

.box5.type2 .txt { margin-bottom: 1.5rem; }

.box5.type2 .btn-l { font-size: 0.85rem; width: 11.25rem; padding: 0; }

.box5.type3 { min-height: 0; padding: 2rem 2.5rem; border: 1px solid #ddd; background: none #f6f7f9; }

.box5.type3 .txt { font-size: 0.9rem; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #dcdcdc; font-weight: 300; }

.box5.type3 .btn-b { font-size: 0.9rem; width: 18%; height: 3rem; margin: 0 0.5%; line-height: 2.9rem; }

.box5.type3 .btn-bW{width: auto;}

.box6 { position: relative; padding: 3.5rem 0; }

.box6 .img { position: absolute; right: 0; top: 0; height: 100%; }

.box6 .img img { float: right; max-width: inherit; height: 100%; }

.box6 .desc { position: relative; width: 51.5%; padding: 3rem; background: url("/ipsi/img/contents/logo_bi.png") no-repeat right bottom #162b48; color: rgba(255, 255, 255, 0.7); }

.box6 .desc::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; width: 0.4rem; height: calc(100% - 6rem); background-color: #9c1c2b; content: ''; }

.box6 .desc .title { font-size: 1.5rem; display: block; margin-bottom: 2.5rem; font-weight: 400; color: #fff; line-height: 1.2; word-break: keep-all; }

.box6 .desc .title strong { font-weight: 600; }

.tbox3.btred { display: none; }

.table-wrap { display: inline-block; overflow: hidden; overflow-x: auto; width: 100%; border-top: 1px solid #9ca7b2; border-bottom: 1px solid #9ca7b2; }

.table-wrap table { position: relative; left: -1px; width: 100%; margin-bottom: -1px; }

.table-wrap th { height: 3rem; padding: 1rem 0.5rem; border-bottom: 1px solid #d2d8dd; border-left: 1px solid #d2d8dd; background-color: #f6f7f9; font-weight: 500; color: #424242; text-align: center; white-space: nowrap; line-height: 1.2; }

.table-wrap td { height: 3.25rem; padding: 0.5rem; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; text-align: center; word-break: keep-all; }

.table-wrap tbody th { border-bottom-color: #e8ebee; background-color: #fafafa; }

.table-wrap.type1 { font-size: 0.75rem; }

.table-wrap.type1 th, .table-wrap.type1 td { height: auto; padding: 0.25rem; border-color: #9ca7b2; }

.bul1 > li { position: relative; padding-left: 0.5rem; text-align: left; }

.bul1 > li::before { position: absolute; left: 0; top: auto; content: ''; }

.bul1 > li::before { content: '-'; }

.bul2 > li { position: relative; padding-left: 0.65rem; text-align: left; }

.bul2 > li::before { position: absolute; left: 0; top: auto; content: ''; }

.bul2 > li::before { left: 1px; top: 0.45rem; width: 0.2rem; height: 0.2rem; background-color: #333; }

.bul2 > li + li { margin-top: 0.25rem; }

.bul3 > li { position: relative; padding-left: 0.6rem; text-align: left; }

.bul3 > li::before { position: absolute; left: 0; top: auto; content: ''; }

.bul3 > li::before { top: 0.55rem; width: 0.2rem; height: 0.2rem; border-radius: 100%; background-color: #d0d0d0; }

.hr { width: 100%; height: 1px; margin: 2rem 0; background-color: #ddd; }

.form-box1 { width: 33rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; font-size: 0.9rem; max-width: 100%; border: 1px solid #ddd; text-align: center; }

.form-box1 .title { padding: 1.5rem 0.5rem; border-bottom: 1px solid #ddd; background-color: #f6f7f9; }

.form-box1 .title h2 { font-size: 1.25rem; margin-bottom: 0.25rem; font-weight: 400; color: #000; }

.form-box1 .form { width: 25.5rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; font-size: 0.9rem; position: relative; margin: 2.75rem 0; padding: 0 6.15rem 0 4.5rem; line-height: 2.5rem; }

.form-box1 .form label { position: absolute; left: 0; top: 0; width: 4.5rem; height: 2.5rem; font-weight: 400; color: #000; }

.form-box1 .form .formLine { height: 2.5rem; }

.form-box1 .form .btn-b { font-size: 0.9rem; position: absolute; right: 0; top: 0; min-width: 5.7rem !important; }

.form-box2 { display: table; width: 100%; border: 1px solid #ddd; table-layout: fixed; }

.form-box2 .group { display: table-cell; padding: 3rem 2.5rem; vertical-align: top; }

.form-box2 .group + .group { border-left: 1px solid #ddd; }

.form-box2 div.title { font-size: 0.9rem; line-height: 1.38889; min-height: 5.5rem; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid #ddd; }

.form-box2 div.title h2 { font-size: 1.25rem; margin-bottom: 0.5rem; font-weight: 500; color: #000; }

.form-box2 .form { position: relative; width: calc(100% - 1.8rem); padding-right: 6.25rem; }

.form-box2 .form li { display: table; position: relative; width: 100%; height: 2.5rem; line-height: 2.5rem; table-layout: fixed; }

.form-box2 .form li label { font-size: 0.9rem; display: table-cell; width: 4.5rem; font-weight: 400; color: #000; vertical-align: middle; }

.form-box2 .form li .formLine { display: table-cell; width: 100%; height: 2.5rem; background-color: #f8f8f8; vertical-align: middle; }

.form-box2 .form li + li { margin-top: 0.3rem; }

.form-box2 .form .btn-b { font-size: 0.9rem; position: absolute; right: 0; top: 0; width: 5.75rem; min-width: 0 !important; height: 100%; }

.form-box2 .BtnArea.txt-center { margin-top: 2rem; }

.form-box2 .desc { position: relative; padding-left: 7rem; }

.form-box2 .desc .icon { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; width: 7rem; padding-right: 1.5rem; text-align: center; }

.form-box2 .desc .icon img { width: 4rem; }

.form-box2 .desc .title { font-size: 1.25rem; display: block; margin-bottom: 0.6rem; font-weight: 500; color: #000; word-break: keep-all; }

.form-box2.type1 { padding: 2.5rem 0; }

.form-box2.type1 .group { padding-top: 0.25rem; padding-bottom: 0.25rem; }

.formLineSel, .formLine { max-width: 100%; height: 2.3rem; padding: 0 1rem; border-radius: 0.1rem; border: 1px solid #ddd; vertical-align: top; }

.form-check { display: inline-block; position: relative; height: 1rem; padding-left: 1.4rem; vertical-align: middle; line-height: 1rem; }

.form-check input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }

.form-check input:checked + label::before { content: ''; }

.form-check label::before { position: absolute; left: 0; top: 0; width: 1rem; height: 1rem; border-radius: 0.1rem; border: 1px solid #ddd; background-color: #f6f7f9; font-family: "xeicon"; color: #d53746; text-align: center; content: ''; line-height: 0.9rem; }

.form-radio { display: inline-block; position: relative; height: 1rem; padding-left: 1.4rem; vertical-align: middle; line-height: 1rem; }

.form-radio input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }

.form-radio input:checked + label::after { opacity: 1; }

.form-radio label::before { position: absolute; left: 0; top: 0.075rem; width: 0.85rem; height: 0.85rem; border-radius: 100%; border: 1px solid #ddd; content: ''; }

.form-radio label::after { position: absolute; left: 0.24rem; top: 0.295rem; width: 0.4rem; height: 0.4rem; border-radius: 100%; background-color: #d53746; content: ''; opacity: 0; }

li.form-radio { display: block; }

li.form-radio + li.form-radio { margin-top: 0.5rem; }

.txt1 { font-size: 0.75rem; border-bottom: 1px solid #555; color: #555; }

.txt1 i { margin-left: 0.15rem; }

.txt2 { font-size: 0.9rem; margin-bottom: 0.5rem; font-weight: 400; text-align: right; }

.txt2 i { color: #d53746; }

.txt2.type1 { margin: 1rem 0 0; font-weight: 300; text-align: center; }

.txt2.type2 { font-size: 0.8rem; font-weight: 300; }

.BtnArea { overflow: hidden; margin-top: 1.5rem; }

.BtnArea .float-left > * { float: left; }

.BtnArea .float-left .btn3 + .btn3 { margin-left: -1px; }

.BtnArea .float-left.btn-b, .BtnArea .float-left .btn-b, .BtnArea .float-right.btn-b, .BtnArea .float-right .btn-b { font-size: 0.8rem; min-width: 11.35rem !important; }

.btn-l { height: 3.85rem; border: 1px solid #ddd; line-height: 3.75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9rem; display: inline-block; min-width: 0 !important; padding: 0 1rem !important; background-color: #f8f8f8; color: #555 !important; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; width: 19.2rem; max-width: 100%; }

.btn-l:hover, .btn-l:focus { background-color: #fff; color: #ddd; }

.btn-l img { width: 6rem; margin-right: 0.25rem; }

.btn-b { height: 2.5rem; border: 1px solid #d53746; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9rem; display: inline-block; min-width: 0 !important; padding: 0 1.25rem !important; background-color: #d53746; color: #fff !important; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }

.btn-b:hover, .btn-b:focus { background-color: #fff; color: #d53746; }

.btn-m { height: 2.3rem; border: 1px solid #d53746; line-height: 2.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; display: inline-block; min-width: 7.7rem !important; padding: 0 2rem 0 1rem !important; background-color: #d53746; color: #fff !important; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; position: relative; text-align: left; }

.btn-m:hover, .btn-m:focus { background-color: #fff; color: #d53746; }

.btn-m::after { position: absolute; right: 1rem; top: 0; font-family: "xeicon"; content: ''; }

.btn-s { height: 1.9rem; border: 1px solid #333; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8rem; display: inline-block; min-width: 6.4rem !important; padding: 0 0.75rem !important; background-color: #333; color: #fff !important; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; position: relative; text-align: left; }

.btn-s:hover, .btn-s:focus { background-color: #fff; color: #333; }

.btn-s i { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 1rem; font-family: "xeicon"; content: ''; }

.btn1 { border-color: #d53746 !important; background-color: #d53746 !important; color: #fff !important; }

.btn1:hover, .btn1:focus { background-color: #fff !important; color: #d53746 !important; }

.btn2 { border-color: #162943; background-color: #162943; }

.btn2:hover, .btn2:focus { background-color: #fff; color: #162943 !important; }

.btn3 { border-color: #000; background-color: #fff; color: #000 !important; }

.btn3:hover, .btn3:focus { background-color: #000; color: #fff !important; }

.btn4 { border-color: #ddd; background-color: #f8f8f8; color: #555 !important; }

.btn4:hover, .btn4:focus { background-color: #ddd; }

.btn5 { border-color: #333; background-color: #333; }

.btn5:hover, .btn5:focus { background-color: #fff; color: #333 !important; }

.btn6 { border-color: #ddd; background-color: #fff; }

.btn6:hover { border-color: #20324b; background-color: #20324b !important; color: #fff !important; }

.btn7 { border-color: #365985 !important; background-color: #365985 !important; color: #fff !important; }

.btn7:hover, .btn7:focus { background-color: #fff !important; color: #365985 !important; }

.btn8 { border-color: #ddd !important; background-color: #fff !important; color: #555 !important; }

.btn8:hover, .btn8:focus { border-color: #d53746 !important; background-color: #d53746 !important; color: #fff !important; }

.btn-i { height: 2.4rem; border: 1px solid #999; line-height: 2.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8rem; display: inline-block; min-width: 11.4rem !important; padding: 0 1rem !important; background-color: #fff; color: #333 !important; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; position: relative; text-align: left; }

.btn-i:hover, .btn-i:focus { background-color: #fff; color: #999; }

.btn-i i { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 1rem; }

.btn-i:hover, .btn-i:focus { background-color: #999; color: #fff !important; }

.btn-r { height: 1.15rem; border: 1px solid #ddd; line-height: 1.05rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; display: inline-block; min-width: 4.5rem !important; padding: 0 0.5rem !important; background-color: #fff; color: #555 !important; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; overflow: visible; border-radius: 1rem; }

.btn-r:hover, .btn-r:focus { background-color: #fff; color: #ddd; }

.btn-r i { font-size: 0.8rem; margin: 0 -0.15rem 0 0.15rem; }

.point1 { color: #000 !important; }

.point2 { color: #d53746 !important; }

.point3 { color: #9c1c2b !important; }

.point4 { color: #116eb4 !important; }

.icon3, .icon1 { font-size: 0.7rem; display: inline-block; height: 1.25rem; padding: 0 0.5rem; border-radius: 0.15rem; background-color: #d53746; color: #fff; text-align: center; line-height: 1.25rem; vertical-align: middle; white-space: nowrap; }

.icon3.type2, .icon1.type2 { background-color: #1a3759; }

.icon3.type3, .icon1.type3 { background-color: #ac9c87; }

.icon3.type4, .icon1.type4 { background-color: #555; }

.list1 { display: inline-block; width: calc(100% + 3rem); word-break: keep-all; counter-reset: list1; }

.list1 .group { float: left; position: relative; width: calc(25% - 3rem); margin-right: 3rem; border: 1px solid #ddd; }

.list1 .group::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.75rem; position: absolute; right: -3rem; width: 3rem; font-family: "xeicon"; color: #dbdbdb; content: ''; text-align: center; }

.list1 .group:nth-child(5) { clear: both; }

.list1 .group:nth-child(4)::before { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 100%; width: 3.25rem; margin-top: 0.25rem; -webkit-transform: translate(-50%, 0) rotate(90deg); transform: translate(-50%, 0) rotate(90deg); }

.list1 .group:nth-child(n + 5) { float: right; margin-top: 3.25rem; }

.list1 .group:nth-child(n + 5)::before { right: auto; left: -3rem; content: ''; }

.list1 .group:last-child::before { display: none; }

.list1 .title { position: relative; height: 5.5rem; padding: 1.5rem 4rem 1.5rem 1.5rem; background-color: #f6f7f9; color: #000; }

.list1 .title::before { font-size: 0.9rem; display: block; font-style: italic; font-weight: 600; color: #000; counter-increment: list1; content: "STEP 0" counter(list1); }

.list1 .title strong { font-weight: 500; letter-spacing: -0.025rem; }

.list1 .title .icon { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 1.25rem; width: 2.5rem; }

.list1 .desc { font-size: 0.8rem; line-height: 1.4375; min-height: 6.25rem; border-top: 1px solid #ddd; padding: 1rem 1.5rem; color: #767676; }

.list1 .desc .txt1 { display: inline-block; margin-top: 0.8rem; }

.list2 { display: inline-block; width: calc(100% + 1rem) !important; }

.list2 li { float: left !important; width: calc(50% - 1rem) !important; margin-right: 1rem; }

.list2 li:nth-child(n + 3) { margin-top: 0.85rem; }

.list2 li { min-height: 11rem; padding: 1.25rem; border: 1px solid #ddd; border-bottom-color: #999; }

.list2 li:nth-child(2n + 1) { clear: both; }

.list2 .img { overflow: hidden; position: absolute; left: auto; top: auto; width: 5.5rem; height: 5.5rem; margin-top: 0.5rem; border-radius: 100%; }

.list2 .desc { padding-left: 6.75rem; word-break: keep-all; }

.list2 .desc strong + span { display: block; margin: 0.5rem 0 1rem; }

.list2 .title { font-size: 1rem; display: block; font-weight: 400; color: #222; }

.list3 { counter-reset: section; }

.list3 .group { width: 33rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; max-width: 100%; margin-top: 1rem; border: 1px solid #ddd; }

.list3 .group .title { font-size: 1rem; display: table; width: 100%; height: 4rem; padding: 0.75rem 1.5rem; background-color: #f6f7f9; border-bottom: 1px solid #ddd; font-weight: 400; color: #000; line-height: 1.2; table-layout: fixed; word-break: keep-all; }

.list3 .group .title span { display: table-cell; position: relative; padding-left: 3.5rem; vertical-align: middle; }

.list3 .group .title span::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 0.8rem; position: absolute; left: 0; width: 2.5rem; height: 2.5rem; border-radius: 100%; background-color: #1d2f47; color: #fff; text-align: center; line-height: 2.5rem; vertical-align: middle; counter-increment: section; content: attr(data-label) counter(section); }

.list3 .group .item { padding: 1rem 2rem; }

.gallery1 { display: inline-block; width: 100%; padding: 2rem 4.5rem 3.5rem; border: 0.25rem solid #e8e8e8; }

.gallery1 .txt2 { font-size: 0.75rem; font-weight: 300; text-align: left; }

.gallery1 .view { float: left; position: relative; width: 56.5%; height: 17.2rem; }

.gallery1 .view .desc { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: -1px; width: calc(100% - 3rem); padding: 1.25rem 1.4rem 0; background-color: #fff; }

.gallery1 .view .img { overflow: hidden; height: 100%; }

.gallery1 .view .img img { width: 100%; min-height: 100%; }

.gallery1 .view .title { font-size: 1rem; display: block; margin-bottom: 0.15rem; font-weight: 400; color: #222; }

.gallery1 .list { display: inline-block; width: calc(100% + 0.5rem) !important; float: right; width: 35.1% !important; }

.gallery1 .list li { float: left !important; width: calc(33.33333% - 0.5rem) !important; margin-right: 0.5rem; }

.gallery1 .list li:nth-child(n + 4) { margin-top: 0.5rem; }

.gallery1 .list a { display: table; width: 100%; height: 5.35rem; background-color: #e7ebf0; text-align: center; table-layout: fixed; }

.gallery1 .list a:hover span::before, .gallery1 .list a:focus span::before { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; top: 0; left: 0; width: 100%; height: 5.35rem; margin: 0; }

.gallery1 .list span { position: relative; z-index: 0; font-size: 0.8rem; line-height: 1.25; display: table-cell; vertical-align: middle; }

.gallery1 .list span::before { visibility: hidden; overflow: hidden; height: 0; opacity: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; z-index: -1; width: 0; height: 0; margin: -0.25rem 0 0 -0.25rem; border: 0.25rem solid #162943; background-color: #fff; content: ''; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.gallery1 .list .active span::before { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; top: 0; left: 0; width: 100%; height: 5.35rem; margin: 0; }

.agree .item { overflow: hidden; overflow-y: auto; max-height: 9.25rem; padding: 1.25rem 1.25rem 0; border-radius: 0.1rem; border: 1px solid #ddd; }

.agree .item::after { display: block; width: 100%; height: 1.25rem; content: ''; }

.agree .txt { display: inline-block; width: 100%; padding: 1rem 0 0.25rem; }

.agree .txt .form-check { float: right; font-weight: 500; color: #000; }

.tstyle_write.type1 { margin: 0.25rem 0; }

.tstyle_write.type1 th { border-color: #e8ebee; border-right: 1px solid #d2d8dd; background-color: #fafafa; font-weight: 400; color: #424242; text-align: center; vertical-align: middle; }

.tstyle_write.type1 td { padding: 0.5rem 0.5rem 0.5rem 1.5rem; border-color: #e8ebee; }

.tstyle_write.type1 caption + colgroup + tbody tr:first-child th, .tstyle_write.type1 caption + colgroup + tbody tr:first-child td { border-top: 1px solid #9ca7b2; }

.tstyle_write.type1 caption + colgroup + tbody tr:last-child th, .tstyle_write.type1 caption + colgroup + tbody tr:last-child td { border-bottom: 1px solid #9ca7b2; }

.calender .title { width: 15rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; font-size: 1.5rem; position: relative; max-width: 100%; color: #333; text-align: center; line-height: 2.1rem; }

.calender .title .arr { overflow: hidden; position: absolute; left: 0; top: 0; width: 2.1rem; height: 2.1rem; border-radius: 100%; border: 1px solid #ddd; text-align: center; }

.calender .title .arr::before { font-size: 1.2rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #999; content: ''; }

.calender .title .arr.next { left: auto; right: 0; }

.calender .title .arr.next::before { content: ''; }

.calender table { table-layout: fixed; }

.calender table th { height: 3rem; border-top: 2px solid #555; border-bottom: 1px solid #aaa; font-weight: 400; color: #333; text-align: center; }

.calender table th + th { border-left: 1px solid #ddd; }

.calender table td { font-size: 0.7rem; height: 8rem; padding: 0.5rem 0.75rem; border-bottom: 1px solid #ddd; vertical-align: top; }

.calender table td + td { border-left: 1px solid #ddd; }

.calender table td.active { background-color: #f6f7fa; }

.calender table td strong { margin-right: 0.15rem; font-weight: 400; }

.calender table tbody tr:last-child td { border-bottom-color: #aaa; }

.calender table .icon1 + .list { margin-top: 0.25rem; }

.calender table .list strong, .calender table .list span { display: inline-block; font-weight: 300; vertical-align: middle; }

.member { overflow: hidden; }

.member .group { float: left; width: calc(50% - 1rem); }

.member .group.group2 { float: right; }

.member .login { width: 100%; }

.member .login .title { padding-top: 0.6rem; padding-bottom: 0.8rem; }

.member .login .loginBox { width: calc(100% - 4rem); max-width: calc(100% - 4rem); padding-left: 0; }

.member .login .loginBox::before { display: none; }

.member .login .secure { position: relative; height: 5rem; padding-left: 5rem; word-break: keep-all; }

.member .login .secure .img { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0.7rem; }

.member .login .secure strong { font-size: 1rem; display: block; margin-bottom: 0.8rem; font-weight: 400; color: #000; }

.member .login .secure + .btn-b { height: 5rem; text-overflow: inherit; line-height: 4.8rem; }

.member .txt { width: calc(100% - 4rem); height: 5.25rem; margin: 0 auto; padding-top: 1rem; border-top: 1px solid #ddd; }

.member .txt.txt2 { font-size: 0.75rem; position: relative; padding-left: 1.1rem; text-align: left; word-break: keep-all; }

.member .txt.txt2 i { font-size: 0.9rem; position: absolute; left: 0; top: auto; margin-top: 0.2rem; color: #9c1c2b; }

.login { width: 100%; border: 1px solid #ddd; }

.login .title { font-size: 1.25rem; display: block; padding: 1.25rem 2rem; border-bottom: 1px solid #ddd; background-color: #f6f7f9; font-weight: 400; color: #000; }

.login .loginBox { width: 34rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; position: relative; margin: 2.5rem auto; padding: 0 6.25rem 0 8.5rem; }

.login .loginBox::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 3rem; position: absolute; left: 0; width: 5.5rem; height: 5.5rem; border-radius: 100%; background-color: #bbc1cd; font-family: "xeicon"; color: #fff; content: ''; text-align: center; line-height: 5.5rem; }

.login .field { display: table; width: 100%; table-layout: fixed; }

.login .field > * { display: table-cell; vertical-align: middle; }

.login .field + .field { margin-top: 0.35rem; }

.login .field label { font-size: 0.9rem; width: 4.75rem; font-weight: 400; color: #000; }

.login .btn-b { position: absolute; right: 0; top: 0; width: 5.75rem; height: 100%; }

.login + .txt-right { margin-top: 0.9rem; }

.pdfobject-container { min-width: 100%; }

.step { display: table; overflow: hidden; width: 100%; margin-bottom: 3rem; border: 1px solid #ddd; background-color: #f6f7f9; counter-reset: step; table-layout: fixed; }

.step li { font-size: 1rem; display: table-cell; position: relative; padding: 1rem; font-weight: 400; color: #000; text-align: center; vertical-align: middle; }

.step li::before { font-size: 0.8rem; display: inline-block; position: relative; top: -0.1rem; margin-right: 0.5rem; font-weight: 600; color: #d53746; counter-increment: step; content: "STEP 0" counter(step); vertical-align: middle; }

.step li + li { border-left: 1px solid #ddd; }

.step li.active { z-index: 1; background-color: #3e3e3e; color: #fff; }

.step li.active::after { overflow: hidden; position: absolute; left: 100%; top: 50%; z-index: -1; width: 4rem; height: 4rem; margin: -2rem 0 0 -3rem; background-color: #3e3e3e; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.map { height: 21.3rem; border: 1px solid #ddd; }

.map iframe { width: 100%; height: 100%; border: 0 none; }

.contact { display: inline-block; width: 100%; padding: 2rem 2.5rem; border: 1px solid #ddd; border-top: 0 none; }

.contact .title { font-size: 1.25rem; float: left; margin-right: 2rem; color: #9c1c2b; }

.contact ul { display: inline; position: relative; top: 0.35rem; }

.contact li { display: inline; }

.contact li + li::before { display: inline-block; position: relative; top: -2px; width: 1px; height: 0.6rem; margin: 0 1.8rem; background-color: #ddd; content: ''; vertical-align: middle; }

.contact li strong { margin-right: 0.75rem; color: #000; }

/* 대학안내 > 모집학과 > 국제캠퍼스(충청) & 창의캠퍼스(고양) - 2022-05-30 */
.ipsi-campus-info{
	display: block;
	}
.ipsi-campus-info > ul{
	display: flex;
    flex-flow: row wrap;
	width: calc(100% + 1.5rem);
	margin: 0 -0.75rem;
	}
.ipsi-campus-info > ul > li{
	position:relative;
	width: calc(33.3% - 1.5rem);
	min-height:10rem;
	margin:0.75rem;
	padding:1rem 2rem;
	border:1px #ddd solid;
	box-sizing: border-box;
	}
.ipsi-campus-info img{
	position: absolute;
	top:1rem;
	right: 1.5rem;
	width: 110px;
	height: 110px;
	overflow: hidden;
	}
.ipsi-campus-info h2{
	display:block; 
	margin-bottom:0.5rem; 
	font-size: 1rem; 
	font-weight: 500; 
	color: #222;
	}
.ipsi-campus-info .major-list{
	padding-right: 7rem;
	}
.ipsi-campus-info .major-list > li{
	position:relative;
	padding:8px 0 6px 0;
	border-bottom: 1px #ddd solid;
}
.ipsi-campus-info .major-list a{
	position:relative;
	display: block;
	width: calc(100% - 1.4rem);
}
.ipsi-campus-info .major-list a:hover .major-name{
	color: #ae4652;
	text-decoration: underline;
}

.ipsi-campus-info .major-name{
	display: inline-block;
	letter-spacing:-1.2px;
}
.ipsi-campus-info i.xi-home{
	position:absolute;
	top:-2px;
	right:-1.4rem;
	display:inline-block;
	width:1.4rem;
	height:1.4rem;
	border: 1px #ddd solid;
	border-radius:5rem; 
	line-height:1.3rem;
	text-align:center;
	color: #ae4652;
	font-size: 0.8rem;
	vertical-align: middle;
	}


@media (max-width: 1280px) { .list1 { width: calc(100% + 2rem); }
  .list1 .group { width: calc(25% - 2rem); margin-right: 2rem; }
  .list1 .group::before { right: -2rem; width: 2rem; }
  .list1 .group:nth-child(4)::before { width: 2rem; margin-top: -0.25rem; }
  .list1 .group:nth-child(n + 5) { margin-top: 2rem; }
  .list1 .group:nth-child(n + 5)::before { right: auto; left: -2rem; }
  .gallery1 { padding: 1.5rem 1.5rem 2rem 2rem; }
  .member .group { float: none !important; width: 100%; }
  .member .group.group2 { margin-top: 0.5rem; }
  .member .group .txt { height: auto; padding-bottom: 1.2rem; }
  .member .group .login .loginBox { width: 30rem; max-width: calc(100% - 4rem); }
  .member .group .login .loginBox .field { display: block; position: relative; padding-left: 4.75rem; }
  .member .group .login .loginBox .field label { position: absolute; left: 0; top: 0; line-height: 2rem; }
  .member .group .login .loginBox .field input { width: 100%; } 
  
  .ipsi-campus-info > ul > li{width: calc(50% - 1.5rem);}
  
  }

@media (max-width: 1024px) { .box1 .icon { width: 7rem; }
  .box5.type3 .btn-b { width: auto; margin: 0; }
  .box6 .desc { padding: 1.5rem 2rem; }
  .box6 .desc .title { margin-bottom: 1rem; }
  .form-box2 .group { padding: 2rem; }
  .form-box2 .form { width: 100%; padding-right: 0; }
  .form-box2 .form .btn-b { position: static; width: 100%; height: 2.5rem; margin-top: 0.5rem; }
  .form-box2 .desc { padding-left: 0; text-align: center; }
  .form-box2 .desc .icon { display: block; position: static; width: 100%; padding: 0; -webkit-transform: translateY(0); transform: translateY(0); }
  .form-box2 .desc .icon img { width: 3rem; }
  .form-box2 .desc .title { margin: 0.3rem 0; }
  .form-box2.type1 { padding: 1.5rem 0; }
  .list1 { width: calc(100% + 2rem); }
  .list1 .group { width: calc(33.333% - 2rem); }
  .list1 .group:nth-child(5) { clear: none; }
  .list1 .group:nth-child(3n + 1) { clear: both; }
  .list1 .group:nth-child(4)::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -50%; }
  .list1 .group:nth-child(n + 4) { float: right; margin-top: 2rem; }
  .list1 .group:nth-child(n + 4)::before { right: auto; left: -2rem; content: ''; }
  .list1 .group:nth-child(n + 7) { float: left; margin-top: 2rem; }
  .list1 .group:nth-child(n + 7)::before { left: auto; right: -2rem; content: ''; }
  .list1 .group:nth-child(3n)::before { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 100%; right: auto; width: 3.25rem; margin-top: -0.25rem; content: ''; -webkit-transform: translate(-50%, 0) rotate(90deg); transform: translate(-50%, 0) rotate(90deg); }
  .gallery1 { padding: 1rem 0.8rem 1.3rem 1.3rem; }
  .gallery1 .list { width: 16.5rem !important; }
  .gallery1 .list a { height: 5rem; }
  .gallery1 .list a:hover span::before, .gallery1 .list a:focus span::before { height: 5rem; }
  .gallery1 .list .active span::before { height: 5rem; }
  .gallery1 .view { width: calc(100% - 17.5rem); height: 16rem; }
  .contact { padding: 1.5rem; }
  .contact .title { display: block; float: none; margin-bottom: 0.5rem; }
  .contact ul { top: 0; }
  .contact li + li::before { margin: 0 0.75rem; }
  .contact li strong { margin-right: 0.15rem; } }

@media (max-width: 768px) { .box1 { padding: 1rem 0.5rem; }
  .box1 .icon { width: 5rem; }
  .box1 .icon::before { left: -0.5rem; top: -1rem; }
  .box1 .icon img { width: 3rem; }
  .box2 { padding: 1rem; line-height: 1.5; }
  .box2 .title { width: 100%; float: none; }
  .box2 .txt { display: block; }
  .box2 .txt + * { margin-top: 0.5rem; }
  .box2.type1 .title::after { display: none; }
  .box5.type3 .btn-b { width: 49%; }
  .box5.type3 .btn-b:nth-child(n+5) { width: 32.45%; margin-top: 0.25rem; }
  .box5.type3 .btn-bW { width: auto !important; }
  .box6 { padding: 0; }
  .box6 .img { position: static; height: auto; }
  .box6 .img img { float: none; width: 100%; height: auto; }
  .box6 .desc { width: 100%; }
  .BtnArea .float-left.btn-b, .BtnArea .float-left .btn-b, .BtnArea .float-right.btn-b, .BtnArea .float-right .btn-b { min-width: 10rem !important; }
  .form-box2 .title { min-height: 0; }
  .form-box2 .BtnArea.txt-center { margin-top: 0; }
  .form-box2 .group { display: block; padding: 1.5rem; }
  .form-box2 .group + .group { border-left: 0 none; border-top: 1px solid #ddd; }
  .form-box2.type1 .group + .group { margin-top: 1rem; border-top: 0 none; }
  .list1 { width: calc(100% + 1rem); }
  .list1 .group { width: calc(50% - 1rem); margin-right: 1rem; }
  .list1 .group::before { display: none; }
  .list1 .group:nth-child(3n + 1) { clear: none; }
  .list1 .group:nth-child(2n + 1) { clear: both; }
  .list1 .group:nth-child(n+3) { margin-top: 1rem; }
  .list2 { width: 100% !important; }
  .list2 li { float: none; width: 100% !important; min-height: 0; margin-right: 0; }
  .list2 li + li { margin-top: 0.5rem; }
  .list2 .img { margin-top: 0; }
  .tstyle_write.type1 { table-layout: fixed; }
  .tstyle_write.type1 colgroup { display: none; }
  .tstyle_write.type1 th, .tstyle_write.type1 td { display: block; width: 100%; padding: 0.5rem; border-color: #e8ebee !important; border-right: 0 none !important; text-align: left; }
  .tstyle_write.type1 th br, .tstyle_write.type1 td br { display: none; }
  .tstyle_write.type1 caption + colgroup + tbody tr:first-child td { border-top: 0 none; }
  .calender thead { display: none; }
  .calender table { border-top: 2px solid #555; }
  .calender table td { display: block; position: relative; height: auto; min-height: 2.2rem; padding: 0.5rem 0.5rem 0.5rem 2rem; border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
  .calender table td.m-hidden { display: none; }
  .calender table td .day { position: absolute; left: 0.5rem; top: 0.5rem; }
  .login .loginBox { width: 28rem; padding-left: 6.5rem; }
  .login .loginBox::before { width: 5rem; height: 5rem; line-height: 5rem; }
  .gallery1 { padding: 1rem 1.2rem 1.2rem; }
  .gallery1 .m-hidden { display: none; }
  .gallery1 .view { float: none; width: 100%; height: auto; }
  .gallery1 .view .desc { position: static; width: 100%; padding: 1rem 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .gallery1 .list { float: none; width: calc(100% + 0.5rem) !important; }
  .step li { font-size: 0.8rem; padding: 0.8rem 0.5rem 0.5rem; }
  .step li::before { font-size: 0.7rem; display: block; margin-right: 0; line-height: 1.2; }
  .contact li { display: block; overflow: hidden; }
  .contact li + li::before { display: none; }
  .contact li strong { float: left; width: 5rem; margin: 0; } 
  
  .ipsi-campus-info > ul > li{width: calc(100% - 1.5rem);}
  }

@media (max-width: 530px) { .box1 { text-align: center; }
  .box1 .icon { display: block; width: 100%; margin-bottom: 1rem; }
  .box1 .desc { display: block; }
  .box5 { font-size: 0.8rem; padding: 2rem 0.5rem; }
  .box5 .title { font-size: 1.5rem; }
  .box5.type2 { min-height: 0; padding: 2rem; }
  .box5.type2 .btn-l { display: block; width: 100%; }
  .BtnArea .float-left, .BtnArea .float-right { float: none; width: 100%; }
  .BtnArea .float-left.btn-b, .BtnArea .float-left .btn-b, .BtnArea .float-right.btn-b, .BtnArea .float-right .btn-b { width: 100%; }
  .BtnArea .float-left .btn3 + .btn3, .BtnArea .float-right .btn3 + .btn3 { margin: -1px 0 0 0; }
  .list1 { width: 100%; }
  .list1 .group { width: 100%; margin-right: 0; }
  .list1 .group:nth-child(n+2) { margin-top: 0.5rem; }
  .list1 .title { height: auto; padding: 0.5rem 4rem 0.5rem 1rem; }
  .list1 .title .icon { right: 1rem; }
  .list1 .desc { min-height: 0; padding: 1rem; }
  .list1 .desc .txt1 { margin-top: 0; }
  .member .group .login .loginBox { width: 100%; }
  .member .group .login .field { display: block; }
  .member .group .login .field > * { display: block; }
  .member .group .login .field label, .member .group .login .field .formLine { width: 100%; }
  .member .group .login .secure { height: auto; padding-left: 0; text-align: center; }
  .member .group .login .secure .img { position: static; }
  .member .group .login .secure .img img { width: 3rem; }
  .member .group .login .secure strong { margin: 0.5rem 0 0.25rem; }
  .login .title { padding: 0.75rem 1rem; }
  .login .loginBox { width: 20rem; margin: 1rem auto; padding: 0; }
  .login .loginBox::before { display: block; position: static; margin: 0 auto 1rem; -webkit-transform: translateY(0); transform: translateY(0); }
  .login .btn-b { position: static; width: 100%; height: 2.5rem !important; margin-top: 0.5rem; line-height: 2.5rem !important; } }

@media (max-width: 400px) { .box2.type2 { padding: 1rem; }
  .box2.type2 p strong { margin: 1rem 0 0.5rem; }
  .box5.type3 { padding: 1rem; }
  .box5.type3 .btn-b { width: 100% !important; }
  .box5.type3 .btn-b + .btn-b { margin-top: 0.25rem; }
  .form-box1 .title { padding: 1rem; }
  .form-box1 .form { margin: 1rem 0; padding: 0; text-align: left; }
  .form-box1 .form label { position: static; line-height: 1.2; }
  .form-box1 .form .formLine { width: 100%; }
  .form-box1 .form .btn-b { position: static; width: 100%; margin: 0.5rem auto 0; }
  .form-box2 .desc { word-break: keep-all; }
  .form-box2 .desc br { display: none; }
  .login .loginBox { width: 100%; }
  .list2 li { padding: 1rem; }
  .list2 .img { display: block; position: static; width: 4rem; height: 4rem; margin: 0 auto 0.5rem; }
  .list2 .desc { padding-left: 0; text-align: center; }
  .contact { padding: 1rem 1.5rem; }
  .contact li strong { display: block; float: none; width: 100%; } }

/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2019-08-08
-------------------------------------------------*/
#snb { position: relative; z-index: 0; height: 20rem; background: url("/ipsi/img/sub/visual1.jpg") no-repeat center 0; background-size: auto 100% !important; font-family: "Noto Sans KR"; }

#snb::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; background: url("/ipsi/img/main/bg_visual.png"); opacity: 0.3; }

#snb.active { margin-bottom: 3.25rem; }

#snb .title { font-size: 2.5rem; overflow: hidden; height: 16.5rem; font-weight: 400; color: #fff; text-shadow: 0.1rem 0.1rem 0.025rem rgba(0, 0, 0, 0.1); text-align: center; line-height: 16.5rem; }

#snb .title::after { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; position: absolute; width: 2.5rem; height: 2px; margin: 0.5rem auto; -webkit-box-shadow: 0.1rem 0.1rem 0.025rem rgba(0, 0, 0, 0.1); box-shadow: 0.1rem 0.1rem 0.025rem rgba(0, 0, 0, 0.1); background-color: #fff; content: ''; }

#snb .nav { width: 65rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; position: relative; max-width: 100%; }

#snb .nav .home, #snb .nav .depth1 { display: none; }

#snb .nav #left_menu_top { display: table; width: 100%; height: calc(20rem - 16.5rem); background-color: rgba(22, 41, 67, 0.95); table-layout: fixed; }

#snb .nav #left_menu_top > li { display: table-cell; position: relative; z-index: 0; vertical-align: middle; }

#snb .nav #left_menu_top > li > a { font-size: 0.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 1rem 0.25rem; font-weight: 400; color: #fff; text-align: center; }

#snb .nav #left_menu_top > li > a::before { position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 0; background-color: #fff; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

#snb .nav #left_menu_top > li > a:hover { color: #162943; }

#snb .nav #left_menu_top > li > a:hover::before { height: 100%; }

#snb .nav #left_menu_top > li > a.linkWindow::after { font-size: 0.6rem; position: relative; top: -2px; margin-left: 0.25rem; font-family: "xeicon"; content: ''; }

#snb .nav #left_menu_top > li + li { border-left: 1px solid rgba(255, 255, 255, 0.15); }

#snb .nav #left_menu_top > li.active { position: static; background-color: #fff; }

#snb .nav #left_menu_top > li.active > a { color: #162943; }

#snb .nav #left_menu_top > li.active > a::before { display: none; }

#snb .nav #left_menu_top > li.active ul { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; }

#snb .nav #left_menu_top ul { visibility: hidden; overflow: hidden; height: 0; opacity: 0; overflow: hidden; overflow-x: auto; position: absolute; left: 0; top: 100%; width: 100%; height: 3.25rem; padding-left: 3.5rem; border: 1px solid #ddd; border-top: 0 none; background-color: #fff; line-height: 3.25rem; white-space: nowrap; }

#snb .nav #left_menu_top ul li { display: inline; }

#snb .nav #left_menu_top ul li + li::before { display: inline-block; width: 1px; height: 0.65rem; margin: 0 0.5rem; background-color: #ddd; content: ''; vertical-align: middle; }

#snb .nav #left_menu_top ul li.active a { color: #9c1c2b; }

#snb .nav #left_menu_top ul li.active a::before { width: 100%; }

#snb .nav #left_menu_top ul a { font-size: 0.9rem; display: inline-block; position: relative; padding: 0 0.25rem; font-weight: 400; color: #555; vertical-align: top; }

#snb .nav #left_menu_top ul a::before { position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background-color: #9c1c2b; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

#snb .nav #left_menu_top ul a:hover::before, #snb .nav #left_menu_top ul a:focus::before { width: 100%; }

#snb.sub02 { background: url("/ipsi/img/sub/visual2.jpg") no-repeat center 0; }

#snb.sub03 { background: url("/ipsi/img/sub/visual3.jpg") no-repeat center 0; }

#snb.sub04 { background: url("/ipsi/img/sub/visual4.jpg") no-repeat center 0; }

#snb.sub05 { background: url("/ipsi/img/sub/visual5.jpg") no-repeat center 0; }

#snb.sub06 { background: url("/ipsi/img/sub/visual6.jpg") no-repeat center 0; }

#snb.sub07 { background: url("/ipsi/img/sub/visual7.jpg") no-repeat center 0; }

#snb.sub04 .nav, #snb.sub08 .nav { display: none; }

#content { width: 65rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; padding-top: 1px; font-family: "Noto Sans KR"; }

#content_detail { clear: both; }

.content_info { overflow: hidden; height: 2.5rem; margin: 3.5rem 0 2.25rem; padding-right: 5.25rem; border-bottom: 1px solid #ddd; }

.content_info .title { font-size: 1.5rem; float: left; font-weight: 500; color: #000; letter-spacing: -0.025rem; line-height: 1; }

.content_info .control { display: none; }

.content_info .location { float: right; text-align: right; line-height: 2.2rem; }

.content_info .location li { display: inline; color: #555; }

.content_info .location li + li::before { font-size: 0.65rem; margin: 0 0.25rem; font-family: "xeicon"; content: ''; }

.content_info .location li.icon a { display: inline-block; position: relative; top: -2px; overflow: hidden; width: 0.75rem; height: 1.15rem; text-align: right; line-height: 1.15rem; vertical-align: middle; }

.content_info .location li.icon a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #94959e; content: ''; text-align: center; line-height: inherit; }

.content_info + #sns_wrap { float: right; position: relative; height: 2.5rem; margin: -4.75rem 0 2.25rem; text-align: right; }

.content_info + #sns_wrap li { display: inline; }

.content_info + #sns_wrap a { display: inline-block; width: 2rem; height: 2rem; margin-left: 0.5rem; border-radius: 100%; border: 1px solid #ddd; text-align: center; line-height: 1.95rem; vertical-align: top; }

.content_info + #sns_wrap a::before { font-size: 1rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #000; content: ''; line-height: inherit; }

.content_info + #sns_wrap .zoomP, .content_info + #sns_wrap .zoomM { display: none; }

.content_info + #sns_wrap .snsBox { display: inline-block; vertical-align: top; }

.content_info + #sns_wrap .snsBox > a::before { content: ''; }

.content_info + #sns_wrap .snsBox::before { font-size: 1rem; display: none; float: right; width: 2rem; height: 2rem; margin-bottom: 0.455rem; border-radius: 100%; border: 1px solid #ddd; font-family: "xeicon"; color: #000; content: ''; text-align: center; line-height: 1.95rem; vertical-align: top; }

.content_info + #sns_wrap .snsBox.active::before { display: block; }

.content_info + #sns_wrap .snsBox.active > a { position: absolute; right: 0; top: 100%; z-index: 3; margin-top: 0.15rem; border: 0 none; }

.content_info + #sns_wrap .snsBox.active > a::before { font-size: 1.5rem; color: #2d4478; content: ''; }

.content_info + #sns_wrap .snsBox.active #share { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; }

.content_info + #sns_wrap .snsBox.active #share::before { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; top: -0.25rem; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

.content_info + #sns_wrap .snsBox #share { visibility: hidden; overflow: hidden; height: 0; opacity: 0; display: block !important; clear: both; position: absolute; right: 0; top: 100%; z-index: 2; height: 2.4rem !important; margin-top: -1px; padding: 0.4rem 2.5rem 0 0.75rem; border: 1px solid #ddd; background-color: #fff; line-height: 2.4rem; white-space: nowrap; }

.content_info + #sns_wrap .snsBox #share::before { visibility: hidden; overflow: hidden; height: 0; opacity: 0; position: absolute; right: 3.25rem; top: 0; width: 0.5rem; height: 0.5rem !important; border: 1px solid #ddd; border-right: 0 none; border-bottom: 0 none; background-color: #fff; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.content_info + #sns_wrap .snsBox #share a { width: 1.5rem; height: 1.5rem; margin: 0 0.4rem 0 0; border: 0 none; line-height: 1.5rem; }

.content_info + #sns_wrap .snsBox #share .sns_icon01 a { background-color: #435e99; }

.content_info + #sns_wrap .snsBox #share .sns_icon01 a::before { font-size: 0.8rem; color: #fff; content: ''; }

.content_info + #sns_wrap .snsBox #share .sns_icon02 a { background-color: #26a8e0; }

.content_info + #sns_wrap .snsBox #share .sns_icon02 a::before { font-size: 0.9rem; color: #fff; content: ''; }

.content_info + #sns_wrap .snsBox #share .sns_icon04 a { background: url("/ipsi/img/sub/icon_kakao.jpg") no-repeat; background-size: 100% 100%; }

.content_info + #sns_wrap .snsBox #share .sns_icon04 a::before { display: none; }

.content_info + #sns_wrap .snsBox #share .sns_icon03 a { display: none; }

.content_info + #sns_wrap .btnPrint { float: right; }

.content_info + #sns_wrap .btnPrint a::before { content: ''; }

.contentInfo { margin: 6rem 0 3rem; border: 1px solid #ddd; color: #555; }

.contentInfo .duty-wrap { overflow: hidden; height: 3rem; padding: 0 1.5rem; border-bottom: 1px solid #eee; line-height: 3rem; }

.contentInfo .duty-wrap .duty { float: left; }

.contentInfo .duty-wrap .duty span { display: inline-block; overflow: hidden; position: relative; top: -2px; width: 1.5rem; height: 1.5rem; margin-right: 0.25rem; border-radius: 100%; background-color: #3c4165; text-align: center; line-height: 1.5rem; vertical-align: middle; }

.contentInfo .duty-wrap .duty span::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #fff; content: ''; line-height: inherit; }

.contentInfo .duty-wrap .duty dl { display: inline; }

.contentInfo .duty-wrap .duty dt { display: inline; font-weight: 500; color: #3c4165; }

.contentInfo .duty-wrap .duty dt::after { display: inline-block; width: 1px; height: 0.7rem; margin: 0 0.25rem 0 0.5rem; background-color: #d5d9df; content: ''; vertical-align: middle; }

.contentInfo .duty-wrap .duty dd { display: inline; margin-right: 1rem; }

.contentInfo .duty-wrap .duty_date { float: right; font-family: "Noto Sans KR"; }

.contentInfo .duty-wrap .duty_date strong { font-weight: 500; color: #3c4165; }

.contentInfo .duty-wrap .duty_date strong::after { display: inline-block; width: 1px; height: 0.7rem; margin: 0 0.25rem 0 0.5rem; background-color: #d5d9df; content: ''; vertical-align: middle; }

.contentInfo #satisfy-wrap { padding: 1.5rem; background-color: #f6f7f9; }

.contentInfo #satisfy-wrap .satisfyTitle { overflow: hidden; height: 1.25rem; margin-bottom: 0.25rem; font-weight: 500; color: #333; }

.contentInfo #satisfy-wrap .satisfyTitle::before { display: block; content: '이 페이지에서 제공하는 정보에 대하여 만족하십니까?'; }

.contentInfo #satisfy-wrap .satisfyForm { overflow: hidden; height: 2rem; line-height: 2rem; }

.contentInfo #satisfy-wrap .satisfyForm ol { float: left; width: 25rem; }

.contentInfo #satisfy-wrap .satisfyForm li { font-size: 0.75rem; display: inline-block; position: relative; margin-right: 0.8rem; vertical-align: middle; }

.contentInfo #satisfy-wrap .satisfyForm li input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }

.contentInfo #satisfy-wrap .satisfyForm li input:checked + label::after { background-color: #3c4165; }

.contentInfo #satisfy-wrap .satisfyForm li label { position: relative; padding-left: 1.4rem; }

.contentInfo #satisfy-wrap .satisfyForm li label::before { position: absolute; left: 0; top: 0; width: 0.9rem; height: 0.9rem; border-radius: 100%; border: 1px solid #ddd; background-color: #fff; content: ''; }

.contentInfo #satisfy-wrap .satisfyForm li label::after { position: absolute; left: 0.25rem; top: 0.25rem; width: 0.4rem; height: 0.4rem; border-radius: 100%; background-color: #ddd; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

.contentInfo #satisfy-wrap .satisfyForm .opinion { float: right; position: relative; width: 56%; max-width: calc(100% - 25rem); height: 100%; padding-right: 3.75rem; }

.contentInfo #satisfy-wrap .satisfyForm .textarea { width: 100%; height: 2rem; padding: 0 1rem; border: 1px solid #ddd; vertical-align: top; }

.contentInfo #satisfy-wrap .satisfyForm .Btn { position: absolute; right: 0; top: 0; width: 3.75rem; height: 100%; border: 0 none; background-color: #333; color: #fff; }

.contentInfo #satisfy-wrap .satisfyForm .opinion_right { display: none; }

.contentInfo .qr-wrap { display: none; }

.depth4_tabN ul { display: table; width: 100%; margin-bottom: 1.8rem; background-color: #f8f8f8; table-layout: fixed; }

.depth4_tabN ul li { display: table-cell; border: 1px solid #ddd; vertical-align: middle; }

.depth4_tabN ul li + li { border-left: 0 none; }

.depth4_tabN ul a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9rem; display: block; padding: 1rem 0.25rem; color: #162943; text-align: center; }

.depth4_tabN ul a.linkWindow::after { font-size: 0.6rem; position: relative; top: -2px; margin-left: 0.25rem; font-family: "xeicon"; content: ''; }

.depth4_tabN ul .active { border: 1px solid #ddd; border-top: 4px solid #162943; border-bottom: 0 none; background-color: #fff; font-weight: 500; }

.bookmark { overflow: hidden; }

.bookmark li { float: left; width: 20%; }

.bookmark li + li a { border-left: 0 none; }

.bookmark li:nth-child(n+6) a { border-top: 0 none; }

.bookmark li:nth-child(5n+1) a { border-left: 1px solid #7d7163; }

.bookmark li.active a { background-color: #7d7163; color: #fff; }

.bookmark a { height: 2.75rem; border: 1px solid #7d7163; line-height: 2.65rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; border: 1px solid #7d7163; color: #5f574d; text-align: center; }


/* 컨텐츠 탭 2023.09.07 생성 */
.depth5_tabN ul { display: table; width: 100%; margin-bottom: 1.8rem; table-layout: fixed; }

.depth5_tabN ul li { display: table-cell; border: 1px solid #ddd; vertical-align: middle; }

.depth5_tabN ul li + li { border-left: 0 none; }

.depth5_tabN ul a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8rem; display: block; padding: 0.6rem 0.25rem; text-align: center; }

.depth5_tabN ul a.linkWindow::after { font-size: 0.6rem; position: relative; top: -2px; margin-left: 0.25rem; font-family: "xeicon"; content: ''; }

.depth5_tabN ul .active { border: 1px solid #1d3047; border-bottom: 0 none; background-color: #1d3047; font-weight: 500; color: #fff;}

.tab_contentWrap .tab_content{
	display: none;
}


div.tstyle_list > div > ul > li { color: #333; }

div.tstyle_list > div > ul > li.coning p { background: #d53746; color: #fff; border-radius: 1rem; line-height: 1.5rem; margin: 0 .5rem; }

div.tstyle_list > div > ul > li.concom p { background: #454a4e; color: #fff; border-radius: 1rem; line-height: 1.5rem; margin: 0 .5rem; }

div.tstyle_list > div > ul > li.PROC003 p { white-space: nowrap; }

.BtnArea .btn3 { background-color: #fff !important; }

.BtnArea .btn3:hover { background-color: #333 !important; }

.galleryList > ul > li > a:hover .thumb::after { -webkit-transition-delay: 0s; transition-delay: 0s; }

.fc-button-primary:focus { -webkit-box-shadow: 0 0 0 !important; box-shadow: 0 0 0 !important; }

div.tstyle_view div.tb_contents { word-break: break-all !important; }

@media (min-width: 1921px) { #snb { background-size: 100% auto; } }

@media (max-width: 1280px) { #contentWrap { padding: 0 !important; }
  #snb .nav #left_menu_top ul { padding-left: 1.5rem; } }

@media (max-width: 1024px) { .bookmark li { width: 25%; }
  .bookmark li:nth-child(5n+1) a { border-left: 0 none; }
  .bookmark li:nth-child(4n+1) a { border-left: 1px solid #7d7163; }
  .bookmark li:nth-child(n+5) a { border-top: 0 none; } }

@media (max-width: 768px) { #snb { z-index: 5; height: 19rem; }
  #snb.active { margin-bottom: 2.5rem; }
  #snb .nav #left_menu_top { height: calc(19rem - 16.5rem); line-height: calc(19rem - 16.5rem); }
  #snb .nav #left_menu_top::after { font-size: 1rem; position: absolute; right: 1.5rem; top: 0; font-family: "xeicon"; color: #fff; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }
  #snb .nav #left_menu_top > li { visibility: hidden; overflow: hidden; height: 0; opacity: 0; display: block; }
  #snb .nav #left_menu_top > li + li { border-left: 0 none; }
  #snb .nav #left_menu_top > li > a { padding: 0 1.5rem; text-align: left; }
  #snb .nav #left_menu_top > li.active { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; background: none; }
  #snb .nav #left_menu_top > li.active > a { color: #fff; }
  #snb .nav #left_menu_top > li.active > a::before { display: none; }
  #snb .nav #left_menu_top.active::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  #snb .nav #left_menu_top.active > li { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; }
  #snb .nav #left_menu_top ul { height: 2.5rem; padding-left: 1rem; line-height: 2.5rem; }
  #snb.sub06 + #content div.tstyle_list > div.dbody > ul { padding-right: 3.5rem; }
  #snb.sub06 + #content div.tstyle_list > div.dbody > ul > li:first-child, #snb.sub06 + #content div.tstyle_list > div.dbody > ul > li:nth-last-child(2) { display: none !important; }
  .content_info { height: 4rem; margin: 1.5rem 0; padding: 0; text-align: center; }
  .content_info .title { float: none; }
  .content_info .location { display: inline-block; float: none; }
  .content_info + #sns_wrap { float: none; margin: -4rem 0 1.5rem; }
  .contentInfo { margin: 1.5rem 0; }
  .contentInfo .duty-wrap { display: none; }
  .contentInfo #satisfy-wrap { position: relative; padding: 0 1rem 1rem; }
  .contentInfo #satisfy-wrap::before { display: block; height: 3rem; margin: 0 -1rem 1rem; padding-left: 2.8rem; border-bottom: 1px solid #eee; background-color: #fff; content: '만족도조사'; line-height: 3rem; }
  .contentInfo #satisfy-wrap::after { position: absolute; left: 1rem; top: 0.75rem; width: 1.5rem; height: 1.5rem; border-radius: 100%; background-color: #3c4165; font-family: "xeicon"; color: #fff; content: ''; text-align: center; line-height: 1.5rem; }
  .contentInfo #satisfy-wrap .satisfyForm { height: auto; }
  .contentInfo #satisfy-wrap .satisfyForm ol { float: none; width: 100%; margin: 0.25rem 0 0.5rem; line-height: 1.5; }
  .contentInfo #satisfy-wrap .satisfyForm .opinion { float: none; width: 100%; max-width: inherit; }
  .board_info fieldset span.form-select { margin-bottom: 1px; background-color: #fff; }
  .board_info fieldset span.form-btn { margin-top: 1px; }
  .board_info .page_info { white-space: nowrap; }
  div.tstyle_list > div.dbody > ul > li { display: block !important; width: 100% !important; text-align: left; }
  div.tstyle_list > div.dbody > ul > li::before { display: inline; font-weight: 400; content: attr(aria-title) " "; }
  div.tstyle_list > div.dbody > ul > li.m-hidden { display: none !important; }
  div.tstyle_list > div.dbody > ul > li.title { font-size: 0.9rem; margin-bottom: 0.25rem; color: #000; }
  div.tstyle_list > div.dbody > ul > li.title::before { display: none; }
  div.tstyle_list > div.dbody > ul > li.PROC001::before, div.tstyle_list > div.dbody > ul > li.PROC003::before { display: none; }
  div.tstyle_list > div.dbody > ul > li.PROC001 p, div.tstyle_list > div.dbody > ul > li.PROC003 p { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; width: 2.5rem; height: 2.5rem; padding: 0.5rem; border-radius: 100%; text-align: center; text-align-last: center; line-height: 1; white-space: normal; }
  div.tstyle_list > div.dbody > ul > li.PROC001 p { padding: 0; line-height: 2.5rem; }
  div.tstyle_list > div.dbody > ul > li .xi-new { margin-left: 0; }
  .bookmark li { width: 33.333%; }
  .bookmark li:nth-child(4n+1) a { border-left: 0 none; }
  .bookmark li:nth-child(3n+1) a { border-left: 1px solid #7d7163; }
  .bookmark li:nth-child(n+4) a { border-top: 0 none; } }

@media (max-width: 530px) { .bookmark li { width: 50%; }
  .bookmark li:nth-child(3n+1) a { border-left: 0 none; }
  .bookmark li:nth-child(2n+1) a { border-left: 1px solid #7d7163; }
  .bookmark li:nth-child(n+3) a { border-top: 0 none; }
  .bookmark li a { height: 2rem; line-height: 1.95rem; }
  .content_info + #sns_wrap { margin: -6rem 0 3.2rem; }
  .content_info + #sns_wrap .btnPrint { display: none; } }

@media (max-width: 490px) { .content_info { height: auto; padding-bottom: 0.70rem; }
  .content_info .location { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; margin-top: 0.5rem; line-height: 1.5; }
  .content_info .location li { display: inline-block; vertical-align: middle; }
  div.tstyle_view ul.head li { display: block !important; margin-left: 0 !important; padding-left: 1rem !important; text-align: left; }
  div.tstyle_view ul.head li + li::before { display: none !important; } }

@media print { #header, #snb, .content_info + #sns_wrap, .content_info .location, .contentInfo, .depth4_tabN ul, #footer { display: none; }
  .content_info { height: auto; padding-bottom: 1rem; }
  .table-wrap.type1 th, .table-wrap.type1 td { padding: 0 !important; } }