@charset "UTF-8";
#header { -webkit-transform: translateY(0) !important; transform: translateY(0) !important; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; }

.popupzone .group .bx-viewport { -webkit-box-shadow: none; box-shadow: none; }

.popupzone .group .btn-close { display: none !important; }

.popupzone .group .btn-close2 { display: inline-block !important; }

#snb { position: relative; }

#snb:before { content: ''; position: absolute; width: 100%; height: 24rem; background: url(/home/img/sub/visual_00.jpg) no-repeat center; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; }

#snb.sub01:before { background: url(/eng/img/sub/visual_01.jpg) no-repeat center; background-size: cover; }

#snb.sub02:before { background: url(/eng/img/sub/visual_02.jpg) no-repeat center; background-size: cover; }

#snb.sub03:before { background: url(/eng/img/sub/visual_03.jpg) no-repeat center; background-size: cover; }

#snb.sub04:before { background: url(/eng/img/sub/visual_04.jpg) no-repeat center; background-size: cover; }

#snb.sub05:before { background: url(/eng/img/sub/visual_05.jpg) no-repeat center; background-size: cover; }

#snb.sub06:before { background: url(/eng/img/sub/visual_06.jpg) no-repeat center; background-size: cover; }

#snb.sub07:before { background: url(/eng/img/sub/visual_07.jpg) no-repeat center; background-size: cover; }

#snb:after { content: ''; position: absolute; width: 100%; height: 3.5rem; background-color: rgba(0, 0, 0, 0.3); bottom: 0; z-index: -1; }

#snb h2.title { max-width: 66rem; height: 24rem; margin: 0 auto; text-align: center; color: #fff; font-family: "Montserrat"; padding: 11rem 0 9rem; font-size: 2.5rem; position: relative; text-shadow: 0.1rem 0.1rem 0.025rem rgba(0, 0, 0, 0.1); font-weight: 500; letter-spacing: -0.05rem; }

#snb h2.title:before { content: 'Dreams come true in a great university JOONGBU UNIVERSITY'; width: 100%; margin: 0 auto; text-align: center; color: #fff; font-size: 1rem; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 15rem; font-weight: 300; text-shadow: 0.1rem 0.1rem 0.025rem rgba(0, 0, 0, 0.1); font-weight: 400; }

#snb .nav { width: 250px; margin: 0 auto; position: absolute; top: 20.5rem; left: 50%; -webkit-transform: translateX(-33rem); transform: translateX(-33rem); z-index: 2; }

#snb .nav .home { display: none; visibility: hidden; }

#snb .nav #depth3_menu_ul { visibility: hidden; }

#snb .nav .depth1 { width: 250px; margin-bottom: .5rem; }

#snb .nav .depth1 li { display: none; height: 6rem; color: #fff; text-align: center; font-family: "Montserrat"; font-size: 1.2rem; font-weight: 700; background: #353541 url(/home/img/sub/snb_depth1_bg.png) no-repeat right; }

#snb .nav .depth1 li.active { display: table; min-width: 250px; }

#snb .nav .depth1 li.active a { display: table-cell; vertical-align: middle; padding: 0 1rem; }

#snb .nav #left_menu_top { width: 250px; }

#snb .nav #left_menu_top > li { position: relative; }

#snb .nav #left_menu_top > li._plus:before { content: ''; width: 11px; height: 1px; position: absolute; right: 1rem; background-color: #c7c8ce; top: 1.5rem; }

#snb .nav #left_menu_top > li._plus:after { content: ''; width: 1px; height: 11px; position: absolute; right: calc(1rem + 5px); background-color: #c7c8ce; top: calc(1.5rem - 5px); }

#snb .nav #left_menu_top > li.active._plus:before { background-color: #d7cfc7; }

#snb .nav #left_menu_top > li.active._plus:after { background-color: #d7cfc7; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all .2s ease; transition: all .2s ease; }

#snb .nav #left_menu_top > li > a { width: 100%; display: block; height: 3rem; padding: 0 1.5rem 0 1rem; border-bottom: 1px solid #e5e5e5; font-size: .8rem; font-weight: 400; background-color: #fff; min-width: 250px; display: table-cell; vertical-align: middle; }

#snb .nav #left_menu_top > li > a.linkWindow:after { content: ''; font-family: 'xeicon'; padding-left: .2rem; }

#snb .nav #left_menu_top > li:last-child > a { border-bottom: 1px solid #cecece; }

#snb .nav #left_menu_top > li.active > a { background-color: #9b8873; color: #fff; font-weight: 500; }

#snb .nav #left_menu_top > li:hover > a { background-color: #9b8873; color: #fff; font-weight: 500; }

#snb .nav #left_menu_top > li > ul { padding: .5rem 0 .5rem .5rem; border-bottom: 1px solid #e5e5e5; }

#snb .nav #left_menu_top > li > ul > li { padding: 0 .7rem; position: relative; }

#snb .nav #left_menu_top > li > ul > li:before { content: ''; width: 1px; height: 6px; background-color: #c0c2d1; position: absolute; left: 0rem; top: .4rem; }

#snb .nav #left_menu_top > li > ul > li:after { content: ''; width: 6px; height: 1px; background-color: #c0c2d1; position: absolute; left: 0rem; top: calc(.4rem + 5px); }

#snb .nav #left_menu_top > li > ul > li.active:before { background-color: #353541; }

#snb .nav #left_menu_top > li > ul > li.active:after { background-color: #353541; }

#snb .nav #left_menu_top > li > ul > li:hover:before { background-color: #353541; }

#snb .nav #left_menu_top > li > ul > li:hover:after { background-color: #353541; }

#snb .nav #left_menu_top > li > ul > li > a { width: 100%; display: block; color: #767676; font-size: .8rem; position: relative; margin-bottom: .3rem; }

#snb .nav #left_menu_top > li > ul > li > a.linkWindow:after { content: ''; font-family: 'xeicon'; width: 1rem; height: 1rem; font-size: .8rem; padding-left: .2rem; }

#snb .nav #left_menu_top > li > ul > li.active > a { color: #353541; font-weight: 500; }

#snb .nav #left_menu_top > li > ul > li:hover > a { color: #353541; font-weight: 500; }

#content { width: 66rem; color: #666; font-size: .8rem; word-break: keep-all; padding-left: 15rem; padding-top: 2.5rem; z-index: 1; margin: 0 auto 4rem; min-height: 45rem; }

#content .content_info { position: relative; line-height: 2.5rem; margin-bottom: 0rem; }

#content .content_info h3.title { font-family: "Montserrat"; font-size: 1.7rem; font-weight: 500; color: #000; margin-right: 5rem; letter-spacing: -0.1rem; }

#content .content_info .location { position: absolute; top: -4.8rem; right: 0px; }

#content .content_info .location ul li { float: left; height: 1rem; padding: 0 .55rem; line-height: 1rem; color: #fff; font-size: .8rem; position: relative; }

#content .content_info .location ul li:after { content: ''; font-family: 'xeicon'; width: .5rem; height: .5rem; color: rgba(255, 255, 255, 0.4); font-size: .7rem; position: absolute; right: -4px; top: 1px; }

#content .content_info .location ul 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 .content_info .location ul li.icon a:before { content: ''; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #fff; text-align: center; line-height: inherit; }

#content .content_info .location ul li:last-child:after { display: none; }

#content .content_info .location ul:after { content: ''; display: block; clear: both; }

#content #sns_wrap { position: relative; float: right; top: -2.5rem; }

#content #sns_wrap li { display: inline; }

#content #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 #sns_wrap a::before { font-size: 1rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #000; content: ''; line-height: inherit; }

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

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

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

#content #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 #sns_wrap .snsBox.active::before { display: block; }

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

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

#content #sns_wrap .snsBox.active #share { visibility: visible; overflow: visible; height: auto; opacity: 1; }

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

#content #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 #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 #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 #sns_wrap .snsBox #share .sns_icon01 a { background-color: #435e99; }

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

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

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

#content #sns_wrap .snsBox #share .sns_icon04 a { background-color: #ffee3e; }

#content #sns_wrap .snsBox #share .sns_icon04 a::before { font-size: 1rem; color: #381e1f; content: ''; text-indent: 1px; line-height: 1.6rem; }

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

#content #sns_wrap .btnPrint { float: right; }

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

#content #content_detail { clear: both; margin-top: 2rem; }

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

.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: "Montserrat"; }

.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: '이 페이지에서 제공하는 정보에 대하여 만족하십니까?'; font-size: .8rem; }

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

/* 
    게시판에서 상태 표시 
    condi01 : 연한그레이
    condi02 : 레드
    condi03 : 밝은브라운
    condi04 : 진한그레이
    condi05 : 파랑

    상태 사용하는 페이지
    1. 0101020000 총장과의 대화
    2. 0505000000 학생민원신청 > 나의민원신청
    3. 0407020200 시설예약 > 내예약확인

    4. 0307020200 우편발급신청조회(a태그에 사용)
*/
div.tstyle_list > div > ul > li.condi01 p { background: #eee; color: #333; border-radius: 4px; line-height: 1.5rem; margin: 0 .5rem; text-align: center; }

div.tstyle_list > div > ul > li.condi02 p { background: #9c1c2b; color: #fff; border-radius: 4px; line-height: 1.5rem; margin: 0 .5rem; text-align: center; }

div.tstyle_list > div > ul > li.condi03 p { background: #9b8873; color: #fff; border-radius: 4px; line-height: 1.5rem; margin: 0 .5rem; text-align: center; }

div.tstyle_list > div > ul > li.condi04 p { background: #555; color: #fff; border-radius: 4px; line-height: 1.5rem; margin: 0 .5rem; text-align: center; }

div.tstyle_list > div > ul > li.condi05 p { background: #026cb6; color: #fff; border-radius: 4px; line-height: 1.5rem; margin: 0 .5rem; text-align: center; }

div.tstyle_list > div > ul > li > a.condi01 { background-color: #eee; color: #333; border-radius: 4px; text-align: center; }

div.tstyle_list > div > ul > li > a.condi02 { background-color: #9c1c2b; color: #fff; border-radius: 4px; text-align: center; }

div.tstyle_list > div > ul > li > a.condi03 { background-color: #9b8873; color: #fff; border-radius: 4px; text-align: center; }

div.tstyle_list > div > ul > li > a.condi04 { background-color: #333; color: #fff; border-radius: 4px; text-align: center; }

div.tstyle_list > div > ul > li > a.condi05 { background-color: #026cb6; color: #fff; border-radius: 4px; text-align: center; }

/*로그인*/
.member .MemberForm { border: 1px solid #ddd; width: 100%; float: left; margin-right: -1px; position: relative; }

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

.member .MemberForm #login { padding: 2rem 10rem; height: 9.5rem; }

.member .MemberForm #login .loginBox .InfoBox { width: calc(100% - 5.25rem); margin-right: .25rem; float: left; }

.member .MemberForm #login .loginBox .InfoBox span label { width: 5rem; display: inline-block; float: left; padding-left: .5rem; line-height: 2.1rem; font-size: .9rem; font-weight: 500; color: #333; position: relative; }

.member .MemberForm #login .loginBox .InfoBox span label: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 .MemberForm #login .loginBox .InfoBox span input { width: calc(100% - 5rem); margin: 0; margin-bottom: .3rem; border: 1px solid #ddd; height: 2.1rem; background: #f8f8f8; padding: .2rem .5rem; }

.member .MemberForm #login .loginBox .btnBox { width: 5rem; height: 4.5rem; float: left; background: #9c1c2b; text-align: center; color: #fff; line-height: 4.5rem; font-weight: 500; font-size: .9rem; }

.member .MemberForm #login .loginBox .btnBox button { width: 100%; height: 100%; }

.member .MemberForm #login .loginBox:after { content: ''; display: block; clear: both; }

.member .MemberForm p.search { position: absolute; right: 2rem; top: 1.2rem; font-size: .75rem; padding-right: .7rem; color: #333; }

.member .MemberForm p.search:before { content: ''; font-family: 'xeicon'; width: 1rem; height: 1.1rem; line-height: 1.375; font-size: .8rem; color: #333; position: absolute; right: 0; }

.member .MemberForm .certification { padding: 2rem; height: 9.5rem; }

.member .MemberForm .certification .secure { width: calc(100% - 5.25rem); margin-right: .25rem; float: left; font-size: .8rem; color: #666; }

.member .MemberForm .certification .secure strong { display: block; font-size: .9rem; font-weight: 500; color: #333; position: relative; padding-bottom: .5rem; }

.member .MemberForm .certification > a { width: 5rem; height: 4.5rem; float: left; background: #162943; text-align: center; color: #fff; line-height: 4.5rem; font-weight: 500; font-size: .9rem; }

.member .MemberForm .certification:after { content: ''; display: block; clear: both; }

.member .info { font-size: .75rem; color: #333; margin-top: 1rem; display: inline-block; }

.member .info i { color: #9c1c2b; font-weight: 500; }

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

.nonMemberLogin .box2 { border: 1px solid #ddd; background-color: #f8f8f8; margin: 1.5rem 0 1rem; padding: 2.75rem; }

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

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

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

.nonMemberLogin .box2 p .btn-b { font-size: 0.8rem; width: 15.75rem; max-width: 100%; height: 3rem; margin-top: 1rem; font-weight: 300; line-height: 3rem; border: 1px solid #162943; background-color: #162943; display: inline-block; color: #fff; }

.nonMemberLogin .box2 p .btn-b:hover { background-color: #fff; color: #333; }

.nonMemberLogin .txt2 i { color: #d53746; }

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

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

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

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

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

div.tstyle_list > div.dhead > ul li { font-weight: 500; }

.galleryList > ul > li .desc { display: block; }

@media (max-width: 1400px) { #snb .nav { left: 2rem; -webkit-transform: translateX(0); transform: translateX(0); }
  #content { width: 100%; padding-left: 18rem; padding-right: 2rem; }
  #content #sns_wrap { right: 2rem; } }

@media (max-width: 1300px) { #contentWrap { padding: 0 !important; } }

@media (max-width: 1200px) { #snb { margin-bottom: 3rem; }
  #snb:before { height: 14rem; }
  #snb:after { display: none; }
  #snb h2.title { height: 14rem; padding: 5rem 0.5rem 1rem; font-size: 2rem; }
  #snb h2.title:before { top: 8rem; }
  #snb .nav { width: 100%; top: 14rem; height: 3rem; left: 0; }
  #snb .nav .depth1 { display: none; }
  #snb .nav #left_menu_top { width: 100%; }
  #snb .nav #left_menu_top > li { display: none; }
  #snb .nav #left_menu_top > li > a { text-align: center; display: block; line-height: 3rem; }
  #snb .nav #left_menu_top > li.active { display: block; }
  #snb .nav #left_menu_top > li.active > a { background-color: #353541; }
  #snb .nav #left_menu_top > li > ul { background-color: #f6f7f9; padding: .5rem 1rem; }
  #snb .nav #left_menu_top > li > ul > li { padding: 0; }
  #snb .nav #left_menu_top > li > ul > li a { text-align: center; font-size: .75rem; letter-spacing: -0.05rem; }
  #snb .nav #left_menu_top > li > ul > li:before { display: none; }
  #snb .nav #left_menu_top > li > ul > li:after { display: none; }
  #snb .nav #left_menu_top > li.active > ul { display: none !important; }
  #snb .nav #left_menu_top.on > li { display: block !important; }
  #snb .nav #left_menu_top.on > li.active > ul { display: block !important; }
  #snb .nav #left_menu_top.on { -webkit-box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1); box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1); }
  #content { max-width: calc(100% - 4rem); padding-left: 0; padding-right: 0; z-index: 0; min-height: auto; }
  #content .content_info .location { display: none; }
  #content #content_detail { min-height: auto; }
  #content #sns_wrap { right: 0rem; } }

@media (max-width: 1024px) { .member .MemberForm .title { padding: 0 1rem; }
  .member .MemberForm #login { padding: 2rem 1rem; }
  .member .MemberForm p.search { right: 1rem; }
  .member .MemberForm .certification { padding: 2rem 1rem; } }

@media (max-width: 768px) { #snb h2.title:before { display: none; }
  #content { max-width: calc(100% - 2rem); }
  .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; }
  .member .pwsearchBox form ul li input[type='password'] { width: calc(100% - 7.5rem); }
  .member .pwsearchBox form ul li span.notice { display: inline-block; } }

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