@charset "UTF-8";
/*-------------------------------------------------
title       : 콘텐츠
Author      : ㅈㅁㅈ
Create date : 2019-08-08
-------------------------------------------------*/
.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; }

.title1 + p + .list5 { margin-top: 1.5rem; }

br + .title1 { margin-top: 0; }

.title2 { font-size: 1rem; margin: 1.75rem 0 1rem; color: #353541; position: relative; padding-left: 1rem; font-family: "Noto Sans KR"; font-weight: 500; }

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

.title2::before { position: absolute; left: 0; top: 0.5rem; width: 0.25rem; height: 0.5rem; background-color: #9b8873; content: ''; -webkit-transform: skewX(-27.5deg); transform: skewX(-27.5deg); }

.title2 + p + .bul3 + p { margin-top: 0.5rem; }

.title3 { font-size: 0.9rem; margin: 1rem 0 0.5rem; color: #353541; position: relative; padding-left: 1rem; font-family: "Noto Sans KR"; font-weight: 500; }

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

.title3::before { position: absolute; left: 0; top: auto; font-family: "xeicon"; font-weight: normal; color: #60607a; content: ''; text-indent: -0.15rem; }

.title3:first-child { margin-top: 1rem; }

.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; }

.box2.type3 { margin: 1rem 0; padding: 2rem 5rem; }

.box2.type3 .group { clear: both; float: left; width: calc(50% - 2.5rem); text-align: center; }

.box2.type3 .group:nth-child(2n) { clear: none; float: right; }

.box2.type3 .group:nth-child(n + 3) { margin-top: 2rem; }

.box2.type3 .title { display: block; float: none; padding-right: 0; font-weight: 500; text-align: center; }

.box3 { font-size: 0.9rem; padding: 3.5rem 1rem; border: 1px solid #ddd; background-color: #fafafa; color: #555; text-align: center; word-break: keep-all; }

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

.box4 { width: 65rem; 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; }

.box6 { overflow: hidden; position: relative; z-index: 0; padding-top: 1.5rem; }

.box6 .img { overflow: hidden; position: absolute; left: 0; top: auto; width: 26rem; height: 19rem; -webkit-box-shadow: 0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.1); box-shadow: 0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.1); }

.box6 .img img { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: 0; max-width: inherit; height: 100%; }

.box6 .desc { position: relative; padding: 2rem 3rem 0 29.25rem; word-break: keep-all; }

.box6 .desc::before { position: absolute; right: 0; bottom: 0; z-index: -2; width: 100%; height: calc(100% + 1.5rem); background: url("/grad/img/contents/box6.png") no-repeat right 57% #f1ede8; background-size: 18.25rem auto; content: ''; }

.box6 .desc::after { position: absolute; top: 3.2rem; left: 23.25rem; width: 5rem; height: 0.3rem; background-color: #9c1c2b; content: ''; }

.box6 .desc .title { font-size: 1.75rem; margin-bottom: 2rem; color: #9c1c2b; }

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

.box6 .desc .txt p { font-size: 0.9rem; margin-top: 1.5rem; }

.box6 .eng { font-size: 0.65rem; display: inline-block; position: relative; margin: 3.75rem 0 -0.5rem; padding: 1.8rem 0; color: #b4a895; letter-spacing: 0.5rem; white-space: nowrap; }

.box6 .eng::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; background-color: #fff; }

.box6 .eng::after { position: absolute; left: auto; top: 50%; width: 1000%; height: 1px; margin-left: 0.5rem; background-color: #e5e0d9; content: ''; }

.box6 .menu { overflow: hidden; width: calc(100% + 0.75rem); margin-top: 0.75rem; }

.box6 .menu a { height: 4.2rem; border: 2px solid #ddd; line-height: 4rem; font-size: 0.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: calc(20% - 0.75rem); margin: 0.75rem 0.75rem 0 0; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; }

.box6 .menu a:hover, .box6 .menu a:focus { border-color: #9c1c2b; background-color: #9c1c2b; color: #fff; }

.box7 { display: inline-block; width: 100%; }

.box7 .img { float: left; width: 50%; }

.box7 .desc { float: right; position: relative; width: 50%; margin-top: 2rem; padding: 2rem 3.3rem 3.25rem; border: 0.5rem solid #e4e4e4; border-left: 0 none; }

.box7 .desc::before { font-size: 0.9rem; position: absolute; left: 0; bottom: -0.5rem; padding: 0 0.5rem 0 1rem; background-color: #fff; font-weight: 500; color: #e4e4e4; letter-spacing: 0.5rem; content: 'joongbu'; line-height: 0.5rem; text-transform: uppercase; }

.box7 .desc strong { font-size: 1.5rem; color: #162841; line-height: 1.3; }

.box7 .desc .title { font-size: 1.5rem; margin-top: 0.25rem; color: #000; }

.box7 .desc .title::after { display: block; width: 1.5rem; height: 1px; margin: 0.75rem 0 0.5rem; background-color: #000; content: ''; }

.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 #e8ebee; border-left: 1px solid #d2d8dd; 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; }

.table-wrap.type2 th { width: 15rem; height: auto; padding: 0.5rem 1rem; background-color: #f6f7f9; font-weight: 400; text-align: left; white-space: normal; }

.table-wrap.type2 th small { font-size: 0.65rem; display: block; margin-top: 0.25rem; font-weight: 300; }

.table-wrap.type2 td { font-size: 0.75rem; height: auto; padding: 0.5rem 1rem; text-align: left; }

.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; }

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

.bul3 > li .title { display: block; margin: 0.25rem 0; font-weight: 500; color: #555; }

.bul3.type1 { overflow: hidden; margin-top: -0.25rem; }

.bul3.type1 li { float: left; width: 50%; margin-top: 0.25rem; }

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

.bul3 + p { margin-top: 0.5rem; }

.bul4 { margin: 0.25rem 0; }

.bul4 > li { position: relative; padding-left: 0.5rem; text-align: left; font-size: 0.75rem; }

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

.bul4 > li::before { content: '·'; }

.bul4 > li + li { margin-top: 0.15rem; }

* + .bul3 { margin-top: 0.5rem; }

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

.form-box1 { width: 65rem; 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; }

.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: 30rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; font-size: 0.9rem; position: relative; margin: 1.5rem auto; padding: 0 6.15rem 0 8rem; line-height: 2.5rem; }

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

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

.form-box1 .form .formLine + label { top: 3rem; }

.form-box1 .form .formLine + label + .formLine { margin-top: 0.5rem; }

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

.depth { margin-left: 1rem; }

.depth .bul3 { margin-left: 0.4rem; }

.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 > button.btn-m.btn3[type='button'] { color: #fff !important; }

.BtnArea > button.btn-m.btn3[type='button']:hover, .BtnArea > button.btn-m.btn3[type='button']:focus { color: #000 !important; }

.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; }

.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; }

.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: 65rem; 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; }

.list4 { display: table; width: calc(100% + 1.5rem); margin-bottom: 1rem; table-layout: fixed; }

.list4 > li { display: table-cell; position: relative; padding-right: 1.5rem; vertical-align: top; }

.list4 > li::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.25rem; position: absolute; right: 0; width: 1.5rem; font-family: "xeicon"; color: #b0b0b0; content: ''; text-align: center; }

.list4 > li:last-child::before { display: none; }

.list4 .label { height: 3.8rem; border: 3px solid #162841; line-height: 3.5rem; font-size: 0.9rem; display: table; width: 100%; border-radius: 3.8rem; background-color: #fafafa; text-align: center; table-layout: fixed; line-height: 1.2; word-break: keep-all; }

.list4 .label span { display: table-cell; padding: 0.5rem; vertical-align: middle; }

.list4 .label.type2 { background-color: #162841; color: #fff; }

.list4 .label.type3 { border-color: #9c1c2b; background-color: #9c1c2b; color: #fff; }

.list5 { display: inline-block; width: calc(100% + 1.5rem); counter-reset: section; }

.list5 > li { display: table; clear: both; float: left; width: calc(50% - 1.5rem); margin-right: 1.5rem; border: 1px solid #ddd; table-layout: fixed; }

.list5 > li span { display: table-cell; position: relative; height: 6.85rem; padding: 1.5rem; padding-left: 4.75rem; word-break: keep-all; vertical-align: middle; }

.list5 > li span::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.5rem; position: absolute; left: 0.75rem; width: 3.25rem; height: 1rem; border-right: 1px solid #ddd; font-family: "Gotham"; font-weight: 700; color: #baaf9c; text-align: center; line-height: 1rem; counter-increment: section; content: "0" counter(section); }

.list5 > li:nth-child(2n) { clear: none; }

.list5 > li:nth-child(n+3) { margin-top: 1.25rem; }

.list5.type1 > li { clear: none; width: calc(33.333% - 1.5rem); }

.list5.type1 > li span { height: 5.5rem; }

.list5.type1 > li:nth-child(3n+1) { clear: both; }

.list5.type1 > li:nth-child(n+3) { margin-top: 0; }

.list5.type1 > li:nth-child(n+4) { margin-top: 1.25rem; }

.list5.type2 { display: inline-block; width: 100%; counter-reset: section; }

.list5.type2 > li { clear: none; width: 100%; }

.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; }

.login { width: 45rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; max-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 { width: 45rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; 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 { position: relative; z-index: 0; }

.map .root_daum_roughmap { max-width: 100%; }

.map .cont { display: none; }

.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; }

.greeting { overflow: hidden; position: relative; margin-top: 3rem; background: url("/grad/img/contents/greeting_bg.png") no-repeat 60% 20%; word-break: keep-all; }

.greeting .title { font-size: 2rem; line-height: 1.25; display: block; padding-right: 25.5rem; font-weight: 300; color: #000; letter-spacing: -0.15rem; }

.greeting .title .point2 { font-weight: 400; color: #9c1c2b !important; }

.greeting .desc { font-size: 1rem; padding-right: 25.5rem; font-weight: 400; }

.greeting .desc::before { display: block; width: 2.5rem; height: 0.2rem; margin: 1.5rem 0; background-color: #162941; content: ''; }

.greeting .img { position: absolute; right: 0; top: 1rem; z-index: 0; width: 21.2rem; }

.greeting .img::before { position: absolute; left: -1rem; top: -1rem; z-index: -1; width: 5.5rem; height: 5.5rem; background-color: #e6eaef; content: ''; }

.greeting .txt { font-size: 0.9rem; line-height: 1.83333; margin-top: 3.25rem; padding-top: 1rem; border-top: 1px solid #ddd; }

.greeting .txt span { display: block; margin-top: 2rem; }

.greeting .sign { font-size: 1rem; display: block; font-weight: 400; color: #000; text-align: right; }

.greeting .sign img { width: 4.5rem; vertical-align: middle; }

.purpose { text-align: center; }

.purpose .label { font-size: 1.5rem; margin-bottom: 0.75rem; line-height: 1; }

.purpose .label span { display: block; font-weight: 500; color: #1a3759; }

.purpose .label strong { font-family: "Gotham"; font-weight: 700; color: #e2e2e2; }

.purpose .group1 { text-align: center; }

.purpose .group1 .title { font-size: 2rem; display: inline-block; position: relative; max-width: 100%; margin: 0 auto 1.25rem; padding: 0 2.5rem; color: #000; line-height: 1.2; letter-spacing: -0.25rem; word-break: keep-all; }

.purpose .group1 .title span { font-weight: 500; }

.purpose .group1 .title::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 5rem; position: absolute; left: 0; margin-top: -0.25rem; font-family: "Gotham"; font-weight: 700; color: #f3f3f3; content: '['; }

.purpose .group1 .title::after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 5rem; position: absolute; right: 0; margin-top: -0.25rem; font-family: "Gotham"; font-weight: 700; color: #f3f3f3; content: ']'; }

.purpose .group2 { padding-top: 5rem; background: url("/grad/img/contents/arr1.png") no-repeat center 0; }

.purpose .group2 .title { font-size: 1.5rem; margin-bottom: 0.75rem; color: #000; letter-spacing: -0.15rem; word-break: keep-all; line-height: 1.2; }

.purpose .group2 .title span { font-weight: 400; }

.purpose .group2.type1 .item > li:nth-child(1)::before { width: 400%; }

.purpose .group2.type1 .item .title { font-size: 0.9rem; color: #000 !important; }

.purpose .group2.type1 .item .txt { min-height: 7rem; }

.purpose .group2 + .group2 .label span { color: #000; }

.purpose .item { display: table; width: 100%; table-layout: fixed; counter-reset: section; }

.purpose .item > li { display: table-cell; position: relative; z-index: 0; vertical-align: top; }

.purpose .item > li:nth-child(1)::before { position: absolute; left: 50%; top: 4.375rem; z-index: -1; width: 200%; height: 1px; background-color: #ddd; content: ''; }

.purpose .item > li:nth-child(2) .icon { background-color: #1a3759; }

.purpose .item > li:nth-child(2) .box .title { color: #1a3759; }

.purpose .item > li:nth-child(3) .icon { background-color: #796566; }

.purpose .item > li:nth-child(3) .box .title { color: #796566; }

.purpose .item > li:nth-child(4) .icon { background-color: #c1a488; }

.purpose .item > li:nth-child(4) .box .title { color: #c1a488; }

.purpose .item > li:nth-child(5) .icon { background-color: #5a5a5a; }

.purpose .item > li:nth-child(5) .box .title { color: #5a5a5a; }

.purpose .item .icon { display: block; position: relative; width: 8.75rem; height: 8.75rem; margin: 0 auto 1rem; padding-top: 2.5rem; border-radius: 100%; background-color: #9c1c2b; text-align: center; }

.purpose .item .icon img { width: 3rem; }

.purpose .item .icon::before { position: absolute; left: 0; bottom: 1.5rem; width: 100%; font-family: "Gotham"; font-weight: 600; color: #fff; counter-increment: section; content: "0" counter(section); }

.purpose .item .box { width: 15.25rem; max-width: 90%; margin: 0 auto; border: 1px solid #ddd; word-break: keep-all; }

.purpose .item .box .title { font-size: 1.25rem; display: block; padding: 0.5rem; border-bottom: 1px solid #ddd; background-color: #fafafa; font-weight: 400; }

.purpose .item .box .txt { font-size: 0.9rem; padding: 1.25rem; }

div.history { background: url("/grad/img/contents/history.jpg") no-repeat right 5rem; background-size: 18.5rem auto; }

div.history .menu { overflow: hidden; overflow-x: auto; position: relative; margin-bottom: 3rem; padding-bottom: 0.25rem; white-space: nowrap; }

div.history .menu::before { position: absolute; left: 0; bottom: 0.25rem; width: 100%; height: 1px; background-color: #ddd; content: ''; }

div.history .menu a { font-size: 0.9rem; display: inline-block; position: relative; padding-bottom: 1rem; -webkit-transition: all 0.2s; transition: all 0.2s; }

div.history .menu a::after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: -0.25rem; width: 0; height: 0; border-radius: 100%; background-color: #9c1c2b; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

div.history .menu a + a::before { display: inline-block; width: 1px; height: 0.7rem; margin: 0 1.25rem; background-color: #ddd; content: ''; vertical-align: middle; }

div.history .menu a.active { font-weight: 400; color: #9c1c2b; }

div.history .menu a.active::after { width: 0.5rem; height: 0.5rem; }

div.history .group { min-height: 38rem; }

div.history .group > div { visibility: hidden; overflow: hidden; height: 0; opacity: 0; }

div.history .group > div.active { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; }

div.history .item { position: relative; padding-left: 7.5rem; }

div.history .item + .item { margin-top: 2.5rem; }

div.history .item .label { font-size: 2rem; position: absolute; left: 0; top: 0; width: 7.5rem; font-family: "Gotham"; font-weight: 600; color: #1a3759; line-height: 1; }

div.history .item .list { position: relative; z-index: 0; padding: 0.25rem 0; }

div.history .item .list::before { position: absolute; left: 4.5rem; top: 0; width: 0.4rem; height: 100%; background-color: #e9e9e9; background: linear-gradient(to bottom, #9c1c2b 8px, #e9e9e9 8px); content: ''; }

div.history .item .list li { position: relative; margin: 0.75rem 0; padding-left: 6.5rem; font-weight: 400; color: #262626; }

div.history .item .list li:first-child { margin-top: 0; }

div.history .item .list li:last-child { margin-bottom: 0; }

div.history .item .list span { position: absolute; left: 0; top: 0; }

div.history .year_wrap { margin: 1.75rem 0; }

div.history .year_wrap .year { width: 7.25rem; float: left; font-size: 2rem; color: #1a3759; font-weight: 600; font-family: 'Gotham'; }

div.history .year_wrap .history { width: calc(100% - 7.25rem); float: left; padding-top: .6rem; position: relative; display: inline-block; }

div.history .year_wrap .history:before { content: ''; width: .4rem; height: calc(100% - 1rem); background-color: #e9e9e9; position: absolute; left: 4.2rem; top: .6rem; }

div.history .year_wrap .history li:first-child:before { content: ''; width: .4rem; height: .4rem; background-color: #9c1c2b; position: absolute; left: 4.2rem; top: .2rem; }

div.history .year_wrap .history li .date { font-size: .8rem; color: #262626; padding-bottom: 1rem; font-weight: 500; width: 6.5rem; float: left; }

div.history .year_wrap .history li .cont { font-size: .8rem; color: #262626; padding-bottom: 1rem; width: calc(100% - 6.5rem); padding-right: 15.5rem; float: left; word-break: break-all; }

div.history .year_wrap:after { content: ''; display: block; clear: both; }

.org { overflow: hidden; position: relative; }

.org .label { width: 10.75rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; height: 2.85rem; border: 1px solid #d0d8df; line-height: 2.75rem; font-size: 1rem; display: block; position: relative; max-width: 95%; margin: 2.35rem auto 0; border-radius: 0.25rem; background-color: #ebedef; font-weight: 400; text-align: center; }

.org .label::before { position: absolute; left: 50%; top: -2.35rem; z-index: -1; width: 1px; height: 2.35rem; background-color: #ddd; content: ''; }

.org .label.type1 { border-color: #ddd; background-color: #f8f7f7; }

.org .label.type2 { border-color: #162b48; background-color: #162b48; color: #fff; }

.org .label.type3 { border-color: #9b8873; background-color: #9b8873; color: #fff; }

.org .item { width: 10.75rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; position: relative; max-width: 95%; margin-top: 0.75rem; padding: 0 1.25rem; border: 1px solid #ddd; border-radius: 0.25rem; background-color: #fff; }

.org .item::before { position: absolute; left: 50%; top: -0.75rem; z-index: -1; width: 1px; height: 0.75rem; background-color: #ddd; content: ''; }

.org .item + .item { margin-top: 0.4rem; }

.org .item .title { font-size: 1rem; display: block; padding: 0.5rem 0; border-bottom: 1px dotted #c2c2c2; color: #333; }

.org .item .bul3 { padding: 0.15rem 0 1.25rem; }

.org .depth1 { font-size: 1.25rem; display: block; width: 9.2rem; height: 9.2rem; margin: 0 auto; border-radius: 100%; background: url("/grad/img/contents/org.png") no-repeat 0 0 #9c1c2b; background-size: 100% auto; font-weight: 600; color: #fff; text-align: center; line-height: 9.2rem; }

.org .depth3 { position: absolute; left: calc(50% + 9rem); top: auto; margin-top: -0.25rem; margin-left: 0 !important; }

.org .depth3::before { left: -9rem; top: 50%; width: 9rem; height: 1px; }

.org .depth5::before { display: block; width: 1px; height: 2rem; margin: 0 auto; background-color: #ddd; content: ''; }

.org .depth5 > ul { display: table; width: 100%; table-layout: fixed; }

.org .depth5 > ul > li { display: table-cell; position: relative; vertical-align: top; }

.org .depth5 > ul > li + li::before { position: absolute; right: calc(50% - 1px); top: 0; width: calc(100% + 1px); height: 1px; background-color: #ddd; content: ''; }

.sub_0304010000 .tbox { position: relative; margin-bottom: 2rem; width: 100%; height: 7.5rem; background-color: #fff; background-image: linear-gradient(-45deg, transparent 40%, #dedede 40%, #dedede 50%, transparent 50%, transparent 90%, #dedede 90%); background-size: 6px 6px; padding: .5rem; }

.sub_0304010000 .tbox .text { width: 100%; height: 100%; background-color: #fff; padding: 1.5rem 0 1.5rem 7rem; position: relative; }

.sub_0304010000 .tbox .text:before { content: ''; width: 4rem; height: 4rem; border-radius: 50%; background-color: #1a3759; position: absolute; left: 2rem; top: 1.2rem; }

.sub_0304010000 .tbox .text:after { content: ''; background: url(/home/img/sub/0304010000_01.png) no-repeat; width: 1.45rem; height: 1.45rem; background-size: contain; position: absolute; top: 2.5rem; left: 3.3rem; }

.sub_0304010000 .tbox .text .title { display: block; line-height: 2rem; font-weight: 500; font-size: 1.25rem; color: #000; }

.sub_0304010000 .tbox .text .title span { color: #1a3759; }

.sub_0304010000 .tbox .text .desc { font-size: .8rem; color: #333; }

.sub_0304010000 .tbox .btn { width: 10.8rem; position: absolute; right: 2.4rem; top: 2.5rem; }

.sub_0304010000 .tbox .btn a { height: 2.25rem; border: 1px solid #ddd; border-radius: 1.5rem; line-height: 2.05rem; font-size: .8rem; color: #666; text-align: center; width: 5rem; display: block; float: left; margin: 0 .2rem; }

.sub_0304010000 .tbox .btn a.active { background-color: #9c1c2b; border: 1px solid #9c1c2b; color: #fff; }

.sub_0304010000 .schedule { margin-bottom: 2.5rem; }

.sub_0304010000 .schedule .calendar { width: 18.5rem; margin-right: 2.4rem; float: left; border: 1px solid #ddd; }

.sub_0304010000 .schedule .calendar .yearmonth { height: 3rem; line-height: 3rem; text-align: center; background-color: #1a3759; color: #fff; font-size: 1rem; font-weight: 500; }

.sub_0304010000 .schedule .calendar .cal { text-align: center; font-size: .8rem; color: #666; margin: 1rem; }

.sub_0304010000 .schedule .calendar .cal thead tr th { color: #333; padding-bottom: .5rem; }

.sub_0304010000 .schedule .calendar .cal thead tr th:first-child { color: #9c1c2b; }

.sub_0304010000 .schedule .calendar .cal thead tr th:last-child { color: #195ba8; }

.sub_0304010000 .schedule .content { width: calc(100% - 20.9rem); float: left; }

.sub_0304010000 .schedule .content dl dt { border-bottom: 1px dashed #b2b2b2; height: 3rem; line-height: 3rem; }

.sub_0304010000 .schedule .content dl dt p { color: #1a3759; border: 1px solid #1a3759; border-radius: 1rem; font-size: .8rem; height: 1.7rem; line-height: 1.6rem; display: inline-block; padding: 0 1.5rem; font-weight: 500; }

.sub_0304010000 .schedule .content dl dd { border-bottom: 1px dashed #b2b2b2; height: 2.8rem; line-height: 2.8rem; font-size: .8rem; }

.sub_0304010000 .schedule .content dl dd p.date { font-weight: 500; color: #333; display: inline-block; margin-right: 1rem; width: 8.3rem; float: left; }

.sub_0304010000 .schedule .content dl dd p.cont { font-weight: 300; color: #666; display: inline-block; width: calc(100% - 9.3rem); float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sub_0304010000 .schedule .content dl dd:after { content: ''; display: block; clear: both; }

.sub_0304010000 .schedule:after { content: ''; display: block; clear: both; }

.tbox2 { border: .3rem solid #ebebeb; padding: 2rem 0; position: relative; z-index: 0; margin-bottom: 1rem; }

.tbox2:before { content: ''; width: 100%; left: -.3rem; bottom: 0; position: absolute; height: calc(100% - 2rem); background: #fff; z-index: -1; }

.tbox2:after { content: ''; width: 100%; right: -.3rem; top: 0; position: absolute; height: calc(100% - 2rem); background: #fff; z-index: -1; }

.tbox2 .title { font-size: 1.5rem; color: #9c1c2b; text-align: center; font-weight: 900; position: relative; display: inline-block; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.tbox2 .title:before { content: ''; width: 1.5rem; height: 3px; background-color: #9c1c2b; position: absolute; left: -2rem; top: 47%; }

.tbox2 .title:after { content: ''; width: 1.5rem; height: 3px; background-color: #9c1c2b; position: absolute; right: -2rem; top: 47%; }

.tbox2 .desc { color: #555; font-size: 1.15rem; text-align: center; font-weight: 400; }

.tbox2 .desc br { display: none; }

.tbox3 { border: 1px solid #ddd; border-top: 1px solid #9ca7b2; padding: 2.5rem 2rem; background-color: #fff; margin-bottom: 1rem; position: relative; min-height: 9.5rem; }

.tbox3:before { content: ''; width: 5.5rem; height: 5.5rem; background-color: #efefef; border-radius: 50%; position: absolute; left: 2rem; top: 2rem; }

.tbox3 img { width: 2.5rem; height: 2.5rem; position: absolute; left: 3.5rem; top: 3.5rem; }

.tbox3 .title { padding-left: 7.5rem; font-size: 1.1rem; color: #333; font-weight: 500; padding-bottom: .3rem; }

.tbox3 .desc { padding-left: 7.5rem; font-size: .8rem; color: #333; }

.member .txt.txt2.type2.info { margin-top: 0.5rem; text-align: left; }

.login { position: relative; width: 100%; }

.login .txt.txt-right.search .btn-m.btn3 { position: absolute; right: 0; top: 1rem; border: 0 none; background: none; color: #555 !important; }

.sub_0307020100 .box2 { padding: 2rem; border: 1px solid #ddd; width: 100%; margin: 0 0 1rem; overflow: hidden; background: none; }

.sub_0307020100 .box2 .t1 { margin-bottom: .2rem; margin-top: .2rem; }

.sub_0307020100 .box2 img { display: block; margin: 0 auto; }

.sub_0307020100 ul.bul3 { padding-left: .5rem; margin: .2rem 0; }

.sub_0307020100 ul.bul3 > li { font-size: .75rem; color: #333; font-weight: 300; position: relative; padding-bottom: .1rem; padding-left: .5rem; line-height: 1.2rem; text-align: left; }

.sub_0307020100 ul.bul3 > li:before { content: ''; width: .1rem; height: .1rem; border-top: 1px solid #777; border-bottom: 1px solid #999; position: absolute; left: 0rem; top: .6rem; }

.sub_0307020100 ul.bul3 > li strong { font-weight: 500; }

.sub_0307020100 .agreeBox { height: 3rem; line-height: 3rem; background: #fafafa; margin-bottom: 2rem; padding: 0 2rem; text-align: center; }

.sub_0307020100 .agreeBox label:first-child { float: left; }

.sub_0307020100 .agreeBox input.radio_i { display: none; opacity: 0; }

.sub_0307020100 .agreeBox label.radio_l { width: 4.5rem; position: relative; padding-left: 1.4rem; height: 2rem; line-height: 2rem; display: inline-block; margin-right: .5rem; text-align: left; }

.sub_0307020100 .agreeBox label.radio_l:before { position: absolute; left: 0; top: .6rem; width: 0.9rem; height: 0.9rem; border-radius: 100%; border: 1px solid #ddd; background-color: #fff; content: ''; }

.sub_0307020100 .agreeBox label.radio_l:after { position: absolute; left: 0.25rem; top: 0.85rem; width: 0.4rem; height: 0.4rem; border-radius: 100%; background-color: #ddd; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

.sub_0307020100 .agreeBox input[type=checkbox] { display: none; }

.sub_0307020100 .agreeBox input[type=checkbox] + label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 1.5rem; }

.sub_0307020100 .agreeBox input[type=checkbox] + label:before { content: ""; display: inline-block; width: .9rem; height: .9rem; margin-right: 1.2rem; position: absolute; left: 0; background: #fff; border: 1px solid #ddd; line-height: 1.2; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.sub_0307020100 .agreeBox input[type=checkbox]:checked + label:before { content: "\2713"; font-size: .6rem; font-weight: 800; color: #fff; background: #9c1c2b; text-align: center; }

.sub_0307020100 .agreeBox input:checked + label::after { background-color: #3c4165; }

.sub_0307020100 .btn_basic { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; display: inline-block; font-weight: 400; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; vertical-align: middle; cursor: pointer; }

.sub_0307020100 .btn_basic:hover { -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }

.sub_0307020100 .big1 { height: 2.5rem; line-height: 2.4rem; border: 1px solid #dddddd; background-color: #fff; color: #333; font-size: .8rem; padding: 0 2rem; }

.sub_0307020100 .big1:hover { background-color: #333; color: #fff; border: 1px solid #333; }

.sub_0307020100 .big2 { height: 2.5rem; line-height: 2.4rem; border: 1px solid #9c1c2b; background-color: #9c1c2b; color: #fff; font-size: .8rem; padding: 0 2rem; }

.sub_0307020100 .big2:hover { background-color: #fff; color: #9c1c2b; }

.sub_0307020100 .big3 { height: 2.5rem; line-height: 2.4rem; border: 1px solid #333333; background-color: #333333; color: #fff; font-size: .8rem; padding: 0 2rem; }

.sub_0307020100 .big3:hover { background-color: #fff; color: #333333; }

.sub_0307020100 .mid1 { height: 2.3rem; line-height: 2.2rem; border: 1px solid #dddddd; background-color: #fff; color: #333; font-size: .8rem; padding: 0 1.5rem; }

.sub_0307020100 .mid1:hover { background-color: #333; color: #fff; border: 1px solid #333; }

.sub_0307020100 .mid2 { height: 2.3rem; line-height: 2.2rem; border: 1px solid #333333; background-color: #333333; color: #fff; font-size: .8rem; padding: 0 1.5rem; }

.sub_0307020100 .mid2:hover { background-color: #fff; color: #333333; }

.sub_0307020100 .mid3 { height: 2.3rem; line-height: 2.2rem; border: 1px solid #9c1c2b; background-color: #9c1c2b; color: #fff; font-size: .8rem; padding: 0 1.5rem; }

.sub_0307020100 .mid3:hover { background-color: #fff; color: #9c1c2b; }

.sub_0307020100 .sm1 { height: 2.1rem; line-height: 2rem; border: 1px solid #dddddd; background-color: #fff; color: #333; font-size: .8rem; padding: 0 1.2rem; }

.sub_0307020100 .sm1:hover { background-color: #333; color: #fff; border: 1px solid #333; }

.sub_0307020100 .sm2 { height: 2.1rem; line-height: 2rem; border: 1px solid #333333; background-color: #333333; color: #fff; font-size: .8rem; padding: 0 1.2rem; }

.sub_0307020100 .sm2:hover { background-color: #fff; color: #333333; }

.sub_0307020100 .lt1 { height: 2.3rem; line-height: 2.2rem; border: 1px solid #9c1c2b; background-color: #9c1c2b; color: #fff; font-size: .75rem; padding: 0 1.7rem 0 1rem; min-width: 6.75rem; text-align: left; position: relative; }

.sub_0307020100 .lt1:before { content: ''; width: 1rem; line-height: 2.2; right: .5rem; font-family: 'xeicon'; color: #fff; font-size: 1rem; position: absolute; }

.sub_0307020100 .lt1:hover { background-color: #fff; color: #9c1c2b; }

.sub_0307020100 .lt1:hover:before { color: #9c1c2b; }

.sub_0307020100 .cob { border: 1px solid #333; background-color: #333; }

.sub_0307020100 .cob:hover { background-color: #fff; color: #333; }

.sub_0307020100 .cob:hover:before { color: #333; }

.sub_0307020100 .lt2 { height: 2.1rem; line-height: 2rem; border: 1px solid #999; background-color: #fff; color: #333; font-size: .75rem !important; text-align: left; padding: 0 .75rem; padding-right: 2rem; position: relative; }

.sub_0307020100 .lt2:before { content: ''; width: 1rem; line-height: 2.22; right: .5rem; font-family: 'xeicon'; color: #333; font-size: .9rem; position: absolute; }

.sub_0307020100 .lt2:hover { background-color: #333; color: #fff; border: 1px solid #333; }

.sub_0307020100 .lt2:hover:before { color: #fff; }

.sub_0307020100 .lt3 { height: 2.1rem; line-height: 2rem; border: 1px solid #333; background-color: #333; color: #fff; font-size: .75rem !important; text-align: left; padding: 0 .75rem; padding-right: 2rem; position: relative; }

.sub_0307020100 .lt3:before { content: ''; width: 1rem; line-height: 2.2; right: .5rem; font-family: 'xeicon'; color: #fff; font-size: .9rem; position: absolute; }

.sub_0307020100 .lt3:hover { background-color: #fff; color: #333; }

.sub_0307020100 .lt3:hover:before { color: #333; }

.sub_0307020100 .it0 { height: 1.5rem; line-height: 1.4rem; border: 1px solid #999; background-color: #fff; color: #333; font-size: .7rem !important; text-align: center; padding: 0 .5rem 0 .5rem; position: relative; }

.sub_0307020100 .it0:hover { background-color: #333; color: #fff; border: 1px solid #333; }

.sub_0307020100 .it00 { height: 1.5rem; line-height: 1.4rem; border: 1px solid #333 !important; background-color: #333 !important; color: #fff !important; font-size: .7rem !important; text-align: center; padding: 0 .5rem 0 .5rem; position: relative; }

.sub_0307020100 .it00:hover { background-color: #fff !important; color: #333 !important; }

.sub_0307020100 .it01 { height: 1.5rem; line-height: 1.4rem; border: 1px solid #1a3759 !important; background-color: #1a3759 !important; color: #fff !important; font-size: .7rem !important; text-align: center; padding: 0 .5rem 0 .5rem; position: relative; }

.sub_0307020100 .it01:hover { background-color: #fff !important; color: #1a3759 !important; }

.sub_0307020100 .it1 { height: 1.5rem; line-height: 1.4rem; border: 1px solid #999; background-color: #fff; color: #333; font-size: .7rem !important; text-align: center; padding: 0 1.8rem 0 .5rem; position: relative; }

.sub_0307020100 .it1:before { content: ''; width: 1rem; line-height: 1.75; right: .5rem; font-family: 'xeicon'; color: #333; font-size: .8rem; position: absolute; }

.sub_0307020100 .it1:hover { background-color: #333; color: #fff; border: 1px solid #333; }

.sub_0307020100 .it1:hover:before { color: #fff; }

.sub_0307020100 .it2 { height: 1.5rem; line-height: 1.4rem; border: 1px solid #333; background-color: #333; color: #fff; font-size: .7rem !important; text-align: center; padding: 0 1.8rem 0 .5rem; position: relative; }

.sub_0307020100 .it2:before { content: ''; width: 1rem; line-height: 1.75; right: .5rem; font-family: 'xeicon'; color: #fff; font-size: .8rem; position: absolute; }

.sub_0307020100 .it2:hover { background-color: #fff; color: #333; }

.sub_0307020100 .it2:hover:before { color: #333; }

.sub_0307020100 .it3 { height: 1.5rem; line-height: 1.4rem; border: 1px solid #9c1c2b; background-color: #9c1c2b; color: #fff; font-size: .7rem; text-align: center; padding: 0 1.8rem 0 .5rem; position: relative; }

.sub_0307020100 .it3:before { content: ''; width: 1rem; line-height: 1.75; right: .5rem; font-family: 'xeicon'; color: #fff; font-size: .8rem; position: absolute; }

.sub_0307020100 .it3:hover { background-color: #fff; color: #9c1c2b; }

.sub_0307020100 .it3:hover:before { color: #9c1c2b; }

.sub_0307020100 .it4 { height: 1.5rem; line-height: 1.4rem; border: 1px solid #1a3759; background-color: #1a3759; color: #fff; font-size: .7rem; text-align: center; padding: 0 1.8rem 0 .5rem; position: relative; }

.sub_0307020100 .it4:before { content: ''; width: 1rem; line-height: 1.75; right: .5rem; font-family: 'xeicon'; color: #fff; font-size: .8rem; position: absolute; }

.sub_0307020100 .it4:hover { background-color: #fff; color: #1a3759; }

.sub_0307020100 .it4:hover:before { color: #1a3759; }

.sub_0307020100 .btn_basic.center { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 1rem; }

.sub_0307020100 .tstyle_write tbody th { padding: .5rem 1rem; }

.sub_0307020100 .tstyle_write tbody tr td select { padding: .2rem .3rem; border: 1px solid #ddd; }

.sub_0307020100 .tstyle_write tbody tr td input.w100 { width: 100%; margin-top: 2px; }

.member .pwsearchBox { border: 1px solid #ddd; }

.member .pwsearchBox .title { width: 100%; height: 3.5rem; line-height: 3.5rem; background-color: #f6f7f9; padding: 0 2rem; color: #333; font-weight: 500; font-size: 1rem; margin-bottom: 1.5rem; }

.member .pwsearchBox .desc { color: #666; font-size: .8rem; padding: 0 2rem; }

.member .pwsearchBox form { margin: 1rem 2rem 2rem; border-top: 1px solid #ddd; padding-top: 1rem; }

.member .pwsearchBox form ul li { margin-bottom: .25rem; }

.member .pwsearchBox form ul li label.ti { width: 7.5rem; padding-left: .8rem; color: #333; font-size: .9rem; font-weight: 500; line-height: 2rem; position: relative; display: inline-block; float: left; }

.member .pwsearchBox form ul li label.ti:before { content: ''; width: .25rem; height: .25rem; background-color: #c7c7c7; border-radius: 50%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.member .pwsearchBox form ul li input.radio_i { display: none; opacity: 0; }

.member .pwsearchBox form ul li label.radio_l { position: relative; padding-left: 1.4rem; height: 2rem; line-height: 2rem; display: inline-block; margin-right: .5rem; }

.member .pwsearchBox form ul li label.radio_l:before { position: absolute; left: 0; top: .6rem; width: 0.9rem; height: 0.9rem; border-radius: 100%; border: 1px solid #ddd; background-color: #fff; content: ''; }

.member .pwsearchBox form ul li label.radio_l:after { position: absolute; left: 0.25rem; top: 0.85rem; width: 0.4rem; height: 0.4rem; border-radius: 100%; background-color: #ddd; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

.member .pwsearchBox form ul li input:checked + label::after { background-color: #3c4165; }

.member .pwsearchBox form ul li input[type='text'] { height: 2rem; line-height: 2rem; padding: 0 .5rem; border: 1px solid #ddd; background-color: #f8f8f8; width: calc(100% - 7.5rem); }

.member .pwsearchBox form ul li input[type='password'] { height: 2rem; line-height: 2rem; padding: 0 .5rem; border: 1px solid #ddd; background-color: #f8f8f8; }

.member .BtnArea { overflow: hidden; margin-top: 1.5rem; text-align: center; }

.member .btn_basic { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; display: inline-block; font-weight: 400; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; vertical-align: middle; cursor: pointer; }

.member .btn_basic:hover { -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }

.member .big1 { height: 2.5rem; line-height: 2.4rem; border: 1px solid #dddddd; background-color: #fff; color: #333; font-size: .8rem; padding: 0 2rem; }

.member .big1:hover { background-color: #333; color: #fff; border: 1px solid #333; }

.member .big2 { height: 2.5rem; line-height: 2.4rem; border: 1px solid #9c1c2b; background-color: #9c1c2b; color: #fff; font-size: .8rem; padding: 0 2rem; }

.member .big2:hover { background-color: #fff; color: #9c1c2b; }

.member .big3 { height: 2.5rem; line-height: 2.4rem; border: 1px solid #333333; background-color: #333333; color: #fff; font-size: .8rem; padding: 0 2rem; }

.member .big3:hover { background-color: #fff; color: #333333; }

.member .mid1 { height: 2.3rem; line-height: 2.2rem; border: 1px solid #dddddd; background-color: #fff; color: #333; font-size: .8rem; padding: 0 1.5rem; }

.member .mid1:hover { background-color: #333; color: #fff; border: 1px solid #333; }

.member .mid2 { height: 2.3rem; line-height: 2.2rem; border: 1px solid #333333; background-color: #333333; color: #fff; font-size: .8rem; padding: 0 1.5rem; }

.member .mid2:hover { background-color: #fff; color: #333333; }

.member .mid3 { height: 2.3rem; line-height: 2.2rem; border: 1px solid #9c1c2b; background-color: #9c1c2b; color: #fff; font-size: .8rem; padding: 0 1.5rem; }

.member .mid3:hover { background-color: #fff; color: #9c1c2b; }

.member .sm1 { height: 2.1rem; line-height: 2rem; border: 1px solid #dddddd; background-color: #fff; color: #333; font-size: .8rem; padding: 0 1.2rem; }

.member .sm1:hover { background-color: #333; color: #fff; border: 1px solid #333; }

.member .sm2 { height: 2.1rem; line-height: 2rem; border: 1px solid #333333; background-color: #333333; color: #fff; font-size: .8rem; padding: 0 1.2rem; }

.member .sm2:hover { background-color: #fff; color: #333333; }

.member .lt1 { height: 2.3rem; line-height: 2.2rem; border: 1px solid #9c1c2b; background-color: #9c1c2b; color: #fff; font-size: .75rem; padding: 0 1.7rem 0 1rem; min-width: 6.75rem; text-align: left; position: relative; }

.member .lt1:before { content: ''; width: 1rem; line-height: 2.2; right: .5rem; font-family: 'xeicon'; color: #fff; font-size: 1rem; position: absolute; }

.member .lt1:hover { background-color: #fff; color: #9c1c2b; }

.member .lt1:hover:before { color: #9c1c2b; }

.member .cob { border: 1px solid #333; background-color: #333; }

.member .cob:hover { background-color: #fff; color: #333; }

.member .cob:hover:before { color: #333; }

.member .lt2 { height: 2.1rem; line-height: 2rem; border: 1px solid #999; background-color: #fff; color: #333; font-size: .75rem !important; text-align: left; padding: 0 .75rem; padding-right: 2rem; position: relative; }

.member .lt2:before { content: ''; width: 1rem; line-height: 2.22; right: .5rem; font-family: 'xeicon'; color: #333; font-size: .9rem; position: absolute; }

.member .lt2:hover { background-color: #333; color: #fff; border: 1px solid #333; }

.member .lt2:hover:before { color: #fff; }

.member .lt3 { height: 2.1rem; line-height: 2rem; border: 1px solid #333; background-color: #333; color: #fff; font-size: .75rem !important; text-align: left; padding: 0 .75rem; padding-right: 2rem; position: relative; }

.member .lt3:before { content: ''; width: 1rem; line-height: 2.2; right: .5rem; font-family: 'xeicon'; color: #fff; font-size: .9rem; position: absolute; }

.member .lt3:hover { background-color: #fff; color: #333; }

.member .lt3:hover:before { color: #333; }

.member .it0 { height: 1.5rem; line-height: 1.4rem; border: 1px solid #999; background-color: #fff; color: #333; font-size: .7rem !important; text-align: center; padding: 0 .5rem 0 .5rem; position: relative; }

.member .it0:hover { background-color: #333; color: #fff; border: 1px solid #333; }

.member .it00 { height: 1.5rem; line-height: 1.4rem; border: 1px solid #333 !important; background-color: #333 !important; color: #fff !important; font-size: .7rem !important; text-align: center; padding: 0 .5rem 0 .5rem; position: relative; }

.member .it00:hover { background-color: #fff !important; color: #333 !important; }

.member .it01 { height: 1.5rem; line-height: 1.4rem; border: 1px solid #1a3759 !important; background-color: #1a3759 !important; color: #fff !important; font-size: .7rem !important; text-align: center; padding: 0 .5rem 0 .5rem; position: relative; }

.member .it01:hover { background-color: #fff !important; color: #1a3759 !important; }

.member .it1 { height: 1.5rem; line-height: 1.4rem; border: 1px solid #999; background-color: #fff; color: #333; font-size: .7rem !important; text-align: center; padding: 0 1.8rem 0 .5rem; position: relative; }

.member .it1:before { content: ''; width: 1rem; line-height: 1.75; right: .5rem; font-family: 'xeicon'; color: #333; font-size: .8rem; position: absolute; }

.member .it1:hover { background-color: #333; color: #fff; border: 1px solid #333; }

.member .it1:hover:before { color: #fff; }

.member .it2 { height: 1.5rem; line-height: 1.4rem; border: 1px solid #333; background-color: #333; color: #fff; font-size: .7rem !important; text-align: center; padding: 0 1.8rem 0 .5rem; position: relative; }

.member .it2:before { content: ''; width: 1rem; line-height: 1.75; right: .5rem; font-family: 'xeicon'; color: #fff; font-size: .8rem; position: absolute; }

.member .it2:hover { background-color: #fff; color: #333; }

.member .it2:hover:before { color: #333; }

.member .it3 { height: 1.5rem; line-height: 1.4rem; border: 1px solid #9c1c2b; background-color: #9c1c2b; color: #fff; font-size: .7rem; text-align: center; padding: 0 1.8rem 0 .5rem; position: relative; }

.member .it3:before { content: ''; width: 1rem; line-height: 1.75; right: .5rem; font-family: 'xeicon'; color: #fff; font-size: .8rem; position: absolute; }

.member .it3:hover { background-color: #fff; color: #9c1c2b; }

.member .it3:hover:before { color: #9c1c2b; }

.member .it4 { height: 1.5rem; line-height: 1.4rem; border: 1px solid #1a3759; background-color: #1a3759; color: #fff; font-size: .7rem; text-align: center; padding: 0 1.8rem 0 .5rem; position: relative; }

.member .it4:before { content: ''; width: 1rem; line-height: 1.75; right: .5rem; font-family: 'xeicon'; color: #fff; font-size: .8rem; position: absolute; }

.member .it4:hover { background-color: #fff; color: #1a3759; }

.member .it4:hover:before { color: #1a3759; }
.porcess-list{
	margin-left: -3rem;
	text-align: center;
	overflow: hidden;
	}
.porcess-list > li {
	float: left;
	position: relative;
	width: 33.3%;
	padding: 0 0 3rem 3rem;
	}
.porcess-list > li::before {
	display: block;
	position: absolute;
	top: 25%;
	left: 0.5rem;
	width: 2rem;
	height: 2rem;
	border: 1px solid #ddd;
	border-radius: 100%;
	font-family: 'xeicon';
	line-height: 1.8rem;
	content: "\e93f";
	}
.porcess-list > li:nth-child(n+4){
	float: right;
	}
.porcess-list > li:nth-child(n+4)::before {
	content: "\e93c";
	}
.porcess-list > li:nth-child(3)::after {
	display: block;
	position: absolute;
	bottom: 0.5rem;
    left: 50%;
	width: 2rem;
	height: 2rem;
	border: 1px solid #ddd;
	border-radius: 100%;
	font-family: 'xeicon';
	line-height: 1.8rem;
	content: "\e942";
	}
.porcess-list > li:first-child::before,
.porcess-list > li:last-child::before{
	content: none;
	}
.porcess-list .box {
	padding: 1rem 0 1.5rem;
	border: 2px solid #ddd;
	}
.porcess-list .box strong {
	display: block;
	margin-bottom: 0.25rem;
	color: #000;
	letter-spacing: 0;
	font-weight: 500;
}

@media (max-width: 1280px) { .box6 .eng { letter-spacing: 0; }
  .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; } }

@media (max-width: 1024px) { .box1 .icon { width: 7rem; }
  .box2.type3 { padding: 2rem; }
  .box2.type3 .group { width: calc(50% - 1rem); }
  .box6 .img { width: 15rem; }
  .box6 .desc { padding-left: 18rem; padding-right: 1.5rem; }
  .box6 .desc::after { left: 12rem; }
  .box6 .desc .eng { margin-top: 3rem; }
  .box6 .menu a { width: calc(33.333% - 0.75rem); }
  .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); }
  .list4 .label { font-size: 0.8rem; }
  .list5.type1 > li { clear: both; width: calc(50% - 1.5rem); }
  .list5.type1 > li:nth-child(2n) { clear: none; }
  .list5.type1 > li:nth-child(n+4) { margin-top: 0; }
  .list5.type1 > li:nth-child(n+3) { margin-top: 1.25rem; }
  .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; }
  .greeting { background-position: 90% 20%; }
  .greeting .title { padding-right: 0; }
  .greeting .desc { height: auto !important; padding-right: 0; }
  .greeting .desc::before { margin-bottom: 1.5rem !important; }
  .greeting .img { position: relative; top: 0; max-width: calc(100% - 2rem); margin: 2rem 0 0; }
  .greeting .img::before { left: auto; right: -1rem; }
  .greeting .txt { margin-top: 1rem; padding: 0; }
  .greeting .txt span { margin-top: 1rem; }
  div.history { background: none; }
  div.history .group { min-height: 32rem; padding-right: 12rem; background-size: 15rem auto; word-break: keep-all; }
  div.history .year_wrap .history li .cont { padding-right: 0; }
  .purpose.type1 .item > li { float: left; width: 33.333%; }
  .purpose.type1 .item > li:nth-child(1)::before { width: 200%; }
  .purpose.type1 .item > li:nth-child(4) { position: relative; margin-left: 16.666%; }
  .purpose.type1 .item > li:nth-child(4)::before { position: absolute; left: 50%; top: 4.375rem; z-index: -1; width: 100%; height: 1px; background-color: #ddd; content: ''; }
  .purpose.type1 .item > li:nth-child(n + 4) { margin-top: 1rem; }
  .purpose.type1 .item > li .box .txt { min-height: 5rem; padding: 1rem 0.5rem; }
  .sub_0304010000 .schedule .calendar { width: 13rem; margin-right: 2rem; }
  .sub_0304010000 .schedule .content { width: calc(100% - 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; }
  .box3 { font-size: 0.8rem; padding: 1.5rem 1rem; }
  .box3 .icon { width: 5rem; height: 5rem; margin-bottom: 0.5rem; }
  .box6::before { position: absolute; right: 1rem; top: 4.5rem; z-index: 1; width: 5rem; height: 0.3rem; background-color: #9c1c2b; content: ''; }
  .box6 .img { position: relative; width: calc(100% - 3rem); height: 11rem; }
  .box6 .img img { left: 0; top: 50%; width: 100%; height: auto; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
  .box6 .desc { padding: 1rem 1.5rem 0; }
  .box6 .desc::before { height: 5000%; }
  .box6 .desc::after { display: none; }
  .box6 .desc .eng { margin-top: 1.5rem; }
  .box6 .desc .title { margin-bottom: 0; }
  .box6 .desc .txt p { margin-top: 1rem; }
  .box6 .menu { margin-top: 0; }
  .box6 .menu a { height: 3rem; line-height: 2.9rem; }
  .box7 .img { float: none; position: relative; z-index: 1; width: 100%; }
  .box7 .desc { float: none; width: 100%; margin-top: -0.25rem; padding: 1rem 1.25rem 1.5rem; border: 0.25rem solid #ddd; }
  .box7 .desc::before { bottom: -0.25rem; line-height: 0.25rem; }
  .box7 .desc strong { font-size: 1.25rem; line-height: 1.2; }
  .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; }
  .list4 > li { float: left; width: 33.333%; }
  .list4 > li:nth-child(n+4) { float: right; margin-top: 1.5rem; }
  .list4 > li:nth-child(n+4)::before { right: auto; left: -1.5rem; content: ''; }
  .list4 > li:nth-child(3)::before { right: 1.5rem; top: auto; bottom: -1.5rem; width: calc(100% - 1.5rem); content: ''; line-height: 1.5rem; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .list4 > li .label span { padding: 0.25rem; }
  .list5 { width: 100%; margin: -0.25rem 0 0; }
  .list5 > li { display: block; width: 100% !important; margin-right: 0 !important; margin-top: 0.25rem !important; }
  .list5 > li span { display: block; height: auto !important; padding: 1rem; padding-left: 4rem; }
  .list5 > li span::before { left: 0; width: 3.25rem; }
  .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; }
  .greeting { margin-top: 0; }
  div.history .group { min-height: 0; padding-right: 0; background: none; }
  div.history .item { padding-left: 0; }
  div.history .item .label { display: block; position: static; margin-bottom: 1rem; }
  div.history .item + .item { margin-top: 1.5rem; }
  div.history .year_wrap .year { float: inherit; }
  div.history .year_wrap .history { width: 100%; float: inherit; }
  div.history .year_wrap .history:before { left: 3rem; }
  div.history .year_wrap .history li:first-child:before { left: 3rem; }
  div.history .year_wrap .history li .date { width: 4.5rem; float: left; }
  div.history .year_wrap .history li .cont { width: calc(100% - 4.5rem); padding-right: 0rem; }
  .org .depth3 { width: 7rem; left: calc(50% + 6rem); }
  .org .depth3::before { left: -6rem; width: 6rem; }
  .org .depth5 > ul { overflow: hidden; }
  .org .depth5 > ul > li { clear: both; float: left; width: 50%; }
  .org .depth5 > ul > li:nth-child(2n) { clear: none; }
  .org .depth5 > ul > li:nth-child(n + 3)::before { display: none; }
  .org .depth5 > ul > li:nth-child(n + 3) .label::before { top: auto; bottom: 0; height: 1000%; }
  .purpose .group1 .title br { display: none; }
  .sub_0304010000 .tbox { height: 10rem; }
  .sub_0304010000 .tbox .btn { top: 6rem; right: 1.5rem; }
  .sub_0304010000 .schedule { margin-bottom: 1.5rem; }
  .sub_0304010000 .schedule .calendar { display: none; }
  .sub_0304010000 .schedule .content { width: calc(100%); } }

@media (max-width: 530px) { .box1 { text-align: center; }
  .box1 .icon { display: block; width: 100%; margin-bottom: 1rem; }
  .box1 .desc { display: block; }
  .box2.type3 { padding: 1rem; }
  .box2.type3 .group { float: none !important; width: 100%; }
  .box2.type3 .group + .group { margin-top: 2rem; }
  .box5 { font-size: 0.8rem; padding: 2rem 0.5rem; }
  .box5 .title { font-size: 1.5rem; }
  .box6 .menu a { width: calc(50% - 0.75rem); }
  .bul3.type1 li { float: none; 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; }
  .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; margin-top: 0.5rem; }
  .purpose .label strong { font-size: 1.25rem; }
  .purpose .group1 .title { font-size: 1.5rem; letter-spacing: -0.1rem; }
  .purpose .group1 .title::before, .purpose .group1 .title:after { font-size: 2.5rem; }
  .purpose .item > li { display: inline-block; float: none !important; width: 100% !important; margin: 1rem 0 0 !important; padding-left: 6rem; }
  .purpose .item > li:nth-child(1)::before { left: 2.5rem; top: 50%; width: 1px !important; height: 200%; }
  .purpose .item > li:nth-child(4)::before { display: none; }
  .purpose .item > li .icon { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; width: 5rem; height: 5rem; padding-top: 1rem; }
  .purpose .item > li .icon::before { bottom: 0.5rem; }
  .purpose .item > li .icon img { width: 2rem; }
  .purpose .item > li .box { width: 100%; max-width: 100%; }
  .purpose .item > li .box .title { font-size: 1rem; }
  .purpose .item > li .box .txt { min-height: 0 !important; padding: 0.5rem; }
  .purpose .group2 .title { font-size: 1.25rem; }
  .purpose .group2.type1 .item > li:nth-child(1)::before { height: 450%; }
  .history .menu { margin-bottom: 1.5rem; }
  .history .menu a { padding-bottom: 0.5rem; }
  .history .menu a + a::before { margin: 0 0.5rem; }
  .history .item .list::before { left: 3.5rem; }
  .history .item .list li { padding-left: 5rem; }
  .org .item { padding: 0 1rem; }
  .org .item .bul3 { margin-left: -0.5rem; white-space: nowrap; }
  .org .depth2 { width: 100%; }
  .org .depth4 { width: 100%; margin-top: 4rem; }
  .org .depth4::before { top: -4rem; height: 4rem; }
  .org .depth3 { left: calc(50% + 1rem); width: calc(50% - 2rem); margin-top: 0.5rem; }
  .org .depth3::before { left: -1rem; width: 1rem; } }

@media (max-width: 499px) { .tbox2 .title { font-size: 1.3rem; }
  .tbox2 .title:before { display: none; }
  .tbox2 .title:after { display: none; }
  .tbox2 .desc br { display: block; }
  .tbox3 { padding: 7rem 1.5rem 2rem; }
  .tbox3:before { width: 4.5rem; height: 4.5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .tbox3 img { width: 2rem; height: 2rem; top: 3.3rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .tbox3 .title { padding-left: 0; }
  .tbox3 .desc { padding-left: 0; } }

@media (max-width: 400px) { .box2.type2 { padding: 1rem; }
  .box2.type2 p strong { margin: 1rem 0 0.5rem; }
  .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 .formLine + label + .formLine { margin-top: 0; }
  .form-box1 .form .btn-b { position: static; width: 100%; height: 2.5rem; margin: 0.5rem auto 0; line-height: 2.4rem; }
  .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%; }
  .greeting .title { font-size: 1.75rem; }
  .greeting .txt { font-size: 0.8rem; }
  .greeting .desc, .greeting .sign { font-size: 0.9rem; }
  .login .txt.txt-right.search .btn-m.btn3 { display: inline-block; position: relative; top: 0; margin: -0.5rem 0 0.5rem; } }

/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2019-08-08
-------------------------------------------------*/
#header { border-bottom: 0 none; }

#snb { position: relative; z-index: 0; height: 20rem; background: url("/grad/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 { 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("/grad/img/sub/visual2.jpg") no-repeat center 0; }

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

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

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

#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; height: 2.4rem; border: 1px solid #ddd; color: #767676; 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.8rem; display: block; padding: 0.5rem 0.25rem; 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: 3px solid #9c1c2b !important; background-color: #fff !important; font-weight: 500; color: #9c1c2b; }

.depth4_tabN ul.type1 { border-left: 1px solid #ddd; background: none; }

.depth4_tabN ul.type1 li { float: left; width: 14.285%; background-color: #f8f8f8; }

.depth4_tabN ul.type1 li:nth-child(1) { display: none; }

.depth4_tabN ul.type1 li:nth-child(n+9) { border-top: 0 none; }

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

.depth4_tabN ul.type1 li.active a { padding-top: calc(0.5rem - 2px); }

.bookmark { overflow: hidden; padding: 0 1px 1px; }

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

.bookmark li.active a { border-color: #9c1c2b; color: #9c1c2b; }

.bookmark a { height: 3rem; border: 1px solid #ddd; line-height: 2.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9rem; display: block; position: relative; z-index: 0; margin: 0 -1px -1px 0; padding: 0 1.5rem; border: 1px solid #ddd; -webkit-transition: all 0.2s; transition: all 0.2s; }

.bookmark a:hover, .bookmark a:focus { z-index: 1; border: 1px solid #9c1c2b !important; color: #9c1c2b; }

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; }

.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; }


/* 2차인증(OTP) 추가 20220121*/

.sub_0409010000 .num li { color: #333; font-size: .8rem; padding-bottom: .2rem; }

.sub_0409010000 .num li span { background-color: #1a3759; width: 1rem; height: 1rem; line-height: 1rem; color: #fff; border-radius: 50%; margin-right: .3rem; text-align: center; display: inline-block; }

.sub_0409010000 .num2 { width: calc(100% + 1rem); margin-top: 2rem; }

.sub_0409010000 .num2 li { float: left; width: calc(50% - 1rem); margin-right: 1rem; margin-bottom: 2rem; font-weight: 500; font-size: .9rem; color: #333; }

.sub_0409010000 .num2 li span { background-color: #1a3759; width: 1rem; height: 1rem; line-height: 1rem; color: #fff; border-radius: 50%; margin-right: .3rem; text-align: center; display: inline-block; font-weight: 300; }

.sub_0409010000 .num2 li img { margin-top: .5rem; }

.sub_0409010000 p.t1 a { text-decoration: underline; }

.otp-img{text-align: center;}

.otp-img .img-pc{display: inline-block;}

.otp-img .img-mobile{display: none;}

ul.doc { border: 1px solid #ddd; padding: .5rem 2rem; margin-bottom: 1rem; }

ul.doc li { border-bottom: 1px dashed #ddd; line-height: 1.6rem; padding: .7rem 0 .7rem .5rem; color: #333; font-size: .8rem; font-weight: 500; }

ul.doc li p { display: inline-block; max-width: calc(100% - 5rem); }

ul.doc li a { float: right; }

ul.doc li:last-child { border-bottom: none; }

.btn_basic { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; display: inline-block; font-weight: 400; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; vertical-align: middle; cursor: pointer; }

.btn_basic:hover { -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }

.it1 { height: 1.5rem; line-height: 1.4rem; border: 1px solid #999; background-color: #fff; color: #333; font-size: .7rem !important; text-align: center; padding: 0 1.8rem 0 .5rem; position: relative; }

.it1:before { content: ''; width: 1rem; line-height: 1.75; right: .5rem; font-family: 'xeicon'; color: #333; font-size: .8rem; position: absolute; }

.it1:hover { background-color: #333; color: #fff; border: 1px solid #333; }

.it1:hover:before { color: #fff; }

.icon_down:before { content: ''; }

.icon_zoom:before { content: ''; }

.icon_right:before { content: ''; }

.icon_print:before { content: ''; }

/* //2차인증(OTP) 추가 20220121*/


@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: 50%; }
    .bookmark a { height: 2.5rem; line-height: 2.4rem; } 
}

@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; }
    .depth4_tabN ul li { visibility: hidden; overflow: hidden; height: 0; opacity: 0; display: block; float: none !important; width: 100% !important; border-width: 0; }
    .depth4_tabN ul li + li { border-left: 1px solid #ddd; }
    .depth4_tabN ul li.active { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; border-top-width: 2px !important; border-bottom: 1px solid #ddd; }
    .depth4_tabN ul li.active a::after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.25rem; position: absolute; right: 0.5rem; margin-top: 0.1rem; font-family: "xeicon"; color: #767676; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }
    .depth4_tabN ul a { font-size: 0.8rem; position: relative; padding: 0.5rem 1rem; text-align: left; }
    .depth4_tabN ul.active li { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; border-width: 1px; }
    .depth4_tabN ul.active li + li { border-top: 0 none; }
    .depth4_tabN ul.active li a::after { -webkit-transform: rotate(180deg) translateY(60%); transform: rotate(180deg) translateY(60%); }
    .depth4_tabN ul.type1 { border-left: 0 none; }
    .depth4_tabN ul.type1 li.active { border-left: 1px solid #ddd; }
    .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 a { font-size: 0.8rem; padding-left: 1rem; }
    
    /* 2차인증(OTP) 추가 20220121*/
    .otp-img .img-pc{display: none;}
	.otp-img .img-mobile{display: inline-block;}
    ul.doc { padding: .5rem 1rem; }
    ul.doc li p { display: block; max-width: 100%; }
    ul.doc li a { float: inherit; margin-top: .5rem; }
    /* //2차인증(OTP) 추가 20220121*/

}

@media (max-width: 530px) { 
    .bookmark li { float: none; width: 100%; }
    .bookmark a { height: 2rem; line-height: 1.95rem; } 
}

@media (max-width: 490px) { 
    .content_info { height: auto; padding-bottom: 0.70rem; }
    .content_info .location { margin-top: 0.5rem; line-height: 1.5; }
    .content_info .location li { display: inline-block; vertical-align: middle; }
    .content_info + #sns_wrap { margin: -6rem 0 3rem; }
    .content_info + #sns_wrap .btnPrint { display: none; }
    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; } 
}