@charset "UTF-8";
@import url("contents1.css");

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

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

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

h3.title1:before { content: ''; width: 10px; height: 9px; position: absolute; background: url(/home/img/layout/marker01.png) no-repeat; left: 0rem; top: .6rem; transition: all .2s; position: absolute; }

h4.title1 { font-size: .9rem; padding-left: 1rem; margin: .75rem 0 .25rem; color: #333; font-family: "Noto Sans KR"; font-weight: 500; position: relative; }

h4.title1:before { content: ''; width: .6rem; height: .5rem; position: absolute; background: url(/home/img/sub/h4_marker.png) no-repeat; left: .1rem; top: .45rem; transition: all .2s; position: absolute; }

.num-title{ position: relative; margin: .75rem 0 .25rem; color: #333; font-family: "Noto Sans KR"; font-weight: 500; font-size: 0.9rem;}

p.t1 { font-size: .8rem; font-family: 'Noto Sans KR'; font-weight: 300; color: #333; line-height: 1.3rem; margin-bottom: 0.7rem; word-break: keep-all; }

p.t2 { font-size: .75rem; font-family: 'Noto Sans KR'; font-weight: 300; color: #333; line-height: 1.25rem; margin-bottom: 0.65rem; word-break: keep-all; }

p.t3 { font-size: 1rem; font-family: 'Noto Sans KR'; font-weight: 500; color: #333; line-height: 1.4rem; margin-bottom: 1rem; word-break: keep-all; }

i.t1 { color: #9c1c2b; line-height: 1.25rem; vertical-align: middle; font-size: .8rem; }

.tcr { color: #9c1c2b; }

.tcb { color: #377bc3; }

ul.bul1 { padding-left: 0.5rem; margin: .2rem 0; }

ul.bul1 > li { font-size: .8rem; color: #333; font-weight: 300; position: relative; padding-bottom: .3rem; padding-left: .6rem; line-height: 1.3rem; text-align: left; }

ul.bul1 > li:before { content: ''; width: .25rem; height: .25rem; border-radius: 50%; background-color: #c7c7c7; position: absolute; left: 0; top: .55rem; }

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

ul.bul2 { padding-left: 0.5rem; margin: .2rem 0; }

ul.bul2 > li { font-size: .8rem; color: #333; font-weight: 300; position: relative; padding-bottom: .3rem; padding-left: .6rem; line-height: 1.3rem; text-align: left; }

ul.bul2 > li:before { content: ''; width: .2rem; height: .2rem; background-color: #333; position: absolute; left: 0; top: .5rem; }

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

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

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

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

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

.table-wrap { 
	display: inline-block; 
	width: 100%; 
	margin: 0.5rem 0; 
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	white-space: nowrap; 
	overflow: hidden; 
	}

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

.table-wrap table thead tr th { 
	padding: 0.9rem 1rem;
	background: #f6f7f9;
	border-left: 1px solid #ccc;
	text-align: center;
	font-size: 0.8rem;
	font-weight: 500;
	color: #111;
}
.table-wrap table thead tr:nth-child(2) th{
	border-top: 1px solid #ccc;
}

.table-wrap tbody th, 
.table-wrap td{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.table-wrap table tbody tr th { 
	background-color: #f6f7f9; 
	font-weight: 400; 
}

.table-wrap table tbody tr td, 
.table-wrap table tbody tr th { 
	min-width: 5rem; 
	padding: .85rem 1rem; 
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
	text-align: center; 
	color: #333; 
	font-size: 0.8rem; 
	font-weight: 300; 
}

.table-wrap table tbody tr td.tal { text-align: left; }

.table-wrap2 { display: inline-block; overflow: hidden; width: 100%; margin: 0.5rem 0; border-bottom: 1px solid #9ca7b2; word-break: break-all; }

.table-wrap2 table { position: relative; left: -1px; width: calc(100% + 0px); margin-bottom: -1px; }

.table-wrap2 table thead tr th { font-size: 0.8rem; padding: 0.9rem 1rem; border-left: 1px solid #575c82; font-weight: 500; color: #111; background-color: #162b48; text-align: center; color: #fff; }

.table-wrap2 table tbody tr th { font-weight: 400 !important; text-align: center !important; }

.table-wrap2 table tbody tr th strong { color: #111 !important; }

.table-wrap2 table tbody tr td, .table-wrap2 table tbody tr th { font-size: 0.8rem; min-width: 5rem; padding: .85rem 1rem; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; color: #333; text-align: left; font-weight: 300; }

.table-wrap.wsi { white-space: inherit; }

.table-wrap.small { border-top: 1px solid #000; border-bottom: 1px solid #ccc; }

.table-wrap.small table thead tr th { padding: .4rem 1rem; border-left: none; }

.table-wrap.small table tbody tr th { color: #333; }

.table-wrap.small table tbody tr th, .table-wrap.small table tbody tr td, .table-wrap.small table tbody tr th { padding: .4rem 1rem; text-align: left; border-left: none; }

.tabWrap { margin: .5rem 0; }

.tabWrap .tab_box { width: 100%; margin-bottom: 2rem; }

.tabWrap .tab_box ul { width: 100%; }

.tabWrap .tab_box ul li { float: left; height: 3rem; line-height: 3rem; box-sizing: border-box; border: 1px solid #ccc; background-color: #fafafa; margin-right: -1px; margin-bottom: -1px; }

.tabWrap .tab_box ul li a { width: 100%; height: 100%; color: #333; display: block; font-weight: 300; font-size: .9rem; font-family: "Noto Sans KR"; text-align: center; }

.tabWrap .tab_box ul li.on { height: calc(3rem - 1px); background-color: #9b8873; border: 1px solid #9b8873; margin-right: 0; margin-bottom: 0; }

.tabWrap .tab_box ul li.on a { font-weight: 500; color: #fff; line-height: 2.8rem; }

.tabWrap .tab_box ul:after { content: ''; clear: both; display: block; }

.tabWrap .tab_box.tab2 ul { width: calc(100% + 1px); }

.tabWrap .tab_box.tab2 ul li { width: 50%; }

.tabWrap .tab_box.tab2 ul li.on { width: calc(50% - 1px); }

.tabWrap .tab_box.tab3 ul { width: calc(100% + 2px); }

.tabWrap .tab_box.tab3 ul li { width: 33.33%; }

.tabWrap .tab_box.tab3 ul li.on { width: calc(33.33% - 1px); }

.tabWrap .tab_box.tab4 ul { width: calc(100% + 3px); }

.tabWrap .tab_box.tab4 ul li { width: 25%; }

.tabWrap .tab_box.tab4 ul li.on { width: calc(25% - 1px); }

.tabWrap .tab_box.tab5 ul { width: calc(100% + 4px); }

.tabWrap .tab_box.tab5 ul li { width: 20%; }

.tabWrap .tab_box.tab5 ul li.on { width: calc(20% - 1px); }

ul#depth4_menu_ul { width: 100%; margin-bottom: 2rem;display: flex; flex-wrap: wrap; } 

ul#depth4_menu_ul.tab1 { display: none; }

ul#depth4_menu_ul li { float: left; width: 100%; height: 3rem; line-height: 3rem; box-sizing: border-box; border: 1px solid #ccc; background-color: #fafafa; margin-right: -1px; margin-bottom: -1px; }

ul#depth4_menu_ul li a { width: 100%; height: 100%; color: #333; display: block; font-weight: 300; font-size: .9rem; font-family: "Noto Sans KR"; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; }

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

ul#depth4_menu_ul li.active { background-color: #fff; border: 1px solid #999999; border-top: 4px solid #9c1c2b; margin-right: 0; margin-bottom: 0; height: calc(3rem - 1px); }

ul#depth4_menu_ul li.active a { font-weight: 500; color: #9c1c2b; line-height: 2.8rem; }

ul#depth4_menu_ul li:hover a { color: #9c1c2b; font-weight: 500; }

ul#depth4_menu_ul:after { content: ''; clear: both; display: block; }

ul#depth4_menu_ul.tab2 { width: calc(100% + 1px); }

ul#depth4_menu_ul.tab2 li { width: 50%; }

ul#depth4_menu_ul.tab2 li.active { width: calc(50% - 1px); }

ul#depth4_menu_ul.tab3 { width: calc(100% + 2px); }

ul#depth4_menu_ul.tab3 li { width: 33.33%; }

ul#depth4_menu_ul.tab3 li.active { width: calc(33.33% - 1px); }

ul#depth4_menu_ul.tab4 { width: calc(100% + 3px); }

ul#depth4_menu_ul.tab4 li { width: 25%; }

ul#depth4_menu_ul.tab4 li.active { width: calc(25% - 1px); }

ul#depth4_menu_ul.tab5 { width: calc(100% + 4px); }

ul#depth4_menu_ul.tab5 li { width: 20%; }

ul#depth4_menu_ul.tab5 li.active { width: calc(20% - 1px); }

ul#depth4_menu_ul.tab6 { width: calc(100% + 2px); }

ul#depth4_menu_ul.tab6 li { width: 33.33%; }

ul#depth4_menu_ul.tab6 li.active { width: calc(33.33% - 1px); }

ul#depth4_menu_ul.tab7 { width: calc(100% + 3px); }

ul#depth4_menu_ul.tab7 li { width: 25%; }

ul#depth4_menu_ul.tab7 li.active { width: calc(25% - 1px); }

ul#depth4_menu_ul.tab8 { width: calc(100% + 3px); }

ul#depth4_menu_ul.tab8 li { width: 25%; }

ul#depth4_menu_ul.tab8 li.active { width: calc(25% - 1px); }

ul#depth4_menu_ul.tab9 { width: calc(100% + 4px); }

ul#depth4_menu_ul.tab9 li { width: 20%; }

ul#depth4_menu_ul.tab9 li.active { width: calc(20% - 1px); }

ul#depth4_menu_ul.tab10 { width: calc(100% + 4px); }

ul#depth4_menu_ul.tab10 li { width: 20%; }

ul#depth4_menu_ul.tab10 li.active { width: calc(20% - 1px); }

ul#depth4_menu_ul.tab11 { width: calc(100% + 4px); }

ul#depth4_menu_ul.tab11 li { width: 20%; }

ul#depth4_menu_ul.tab11 li.active { width: calc(20% - 1px); }

ul#depth4_menu_ul.tab12 { width: calc(100% + 4px); }

ul#depth4_menu_ul.tab12 li { width: 20%; }

ul#depth4_menu_ul.tab12 li.active { width: calc(20% - 1px); }

ul#depth4_menu_ul.tab13 { width: calc(100% + 4px); }

ul#depth4_menu_ul.tab13 li { width: 20%; }

ul#depth4_menu_ul.tab13 li.active { width: calc(20% - 1px); }

ul#depth4_menu_ul.tab14 { width: calc(100% + 4px); }

ul#depth4_menu_ul.tab14 li { width: 20%; }

ul#depth4_menu_ul.tab14 li.active { width: calc(20% - 1px); }

ul#depth4_menu_ul.tab15 { width: calc(100% + 4px); }

ul#depth4_menu_ul.tab15 li { width: 20%; }

ul#depth4_menu_ul.tab15 li.active { width: calc(20% - 1px); }

ul#depth4_menu_ul.tab16 { width: calc(100% + 4px); }

ul#depth4_menu_ul.tab16 li { width: 20%; }

ul#depth4_menu_ul.tab16 li.active { width: calc(20% - 1px); }

ul#depth4_menu_ul.tab17 { width: calc(100% + 4px); }

ul#depth4_menu_ul.tab17 li { width: 20%; }

ul#depth4_menu_ul.tab17 li.active { width: calc(20% - 1px); }

ul#depth4_menu_ul.tab18 { width: calc(100% + 4px); }

ul#depth4_menu_ul.tab18 li { width: 20%; }

ul#depth4_menu_ul.tab18 li.active { width: calc(20% - 1px); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.box0 { padding: 0rem; border: 1px solid #ddd; width: 100%; margin: 1rem 0; overflow: hidden; }

.box0 img { display: block; margin: 0 auto; }

.box1 { padding: 1rem; border: 1px solid #ddd; width: 100%; margin: 1rem 0; overflow: hidden; }

.box1 img { display: block; margin: 0 auto; }

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

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

/* 체크박스 */
input[type=checkbox] { display: none; }

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

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%; transform: translateY(-50%); }

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

/*  중부대 본교 자주 쓰이는 스타일 정리 */
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; }

.tbox1 { border: .25rem solid #f6f7f9; margin: 1rem 0; padding: 0 1rem 1.5rem; }

.tbox1 .title { font-size: 1.3rem; font-weight: 500; color: #3c4165; display: inline-block; position: relative; left: 50%; transform: translateX(-50%); background: #fff; top: -1rem; padding: 0 2rem; }

.tbox1 .cont { text-align: center; font-size: .9rem; }

.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%; 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: #333; 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; }

.tbox3.btred { border-top: 1px solid #9ca7b2; }

.stripe_box { margin-bottom: 2rem; width: 100%; 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; }

.stripe_box .stbox { width: 100%; min-height: 1rem; background-color: #fff; padding: 1rem; }

.settlement_box { background-color: #fafafa; padding: 2rem 1rem; text-align: center; }

.settlement_box .desc { font-size: .8rem; font-weight: 300; color: #333; line-height: 1.3rem; }

.settlement_box .desc span { line-height: 2.5rem; display: block; }

.settlement_box .appointment { font-size: .8rem; color: #333; font-weight: 500; width: 15rem; margin: 0 auto; position: relative; }

.settlement_box .appointment .position { text-align: left; padding-left: 4rem; }

.settlement_box .appointment .position span { float: right; }

.settlement_box .appointment:before { content: ''; width: 2.8rem; height: 2.8rem; background: url(/home/img/sub/seal.png); background-size: contain; position: absolute; left: 0; }

@media (max-width: 1420px) { 
	.table-wrap { overflow-x: auto; }
}

@media (max-width: 1024px) { 
	.table-wrap2 { overflow-x: auto; }
}

@media (max-width: 768px) { 
	div.tstyle_list > div.dbody > ul > li { display: block !important; width: 100% !important; text-align: left; }
	ul.doc { padding: .5rem 1rem; }
	ul.doc li p { display: block; max-width: 100%; }
	ul.doc li a { float: inherit; margin-top: .5rem; }
	.box2 { padding: 1rem; }
	ul#depth4_menu_ul.tab3, 
	ul#depth4_menu_ul.tab4, 
	ul#depth4_menu_ul.tab5, 
	ul#depth4_menu_ul.tab6, 
	ul#depth4_menu_ul.tab7, 
	ul#depth4_menu_ul.tab8, 
	ul#depth4_menu_ul.tab9, 
	ul#depth4_menu_ul.tab10, 
	ul#depth4_menu_ul.tab11 { width: calc(100% + 1px); }
	ul#depth4_menu_ul.tab3 li, 
	ul#depth4_menu_ul.tab4 li, 
	ul#depth4_menu_ul.tab5 li, 
	ul#depth4_menu_ul.tab6 li, 
	ul#depth4_menu_ul.tab7 li, 
	ul#depth4_menu_ul.tab8 li, 
	ul#depth4_menu_ul.tab9 li, 
	ul#depth4_menu_ul.tab10 li, 
	ul#depth4_menu_ul.tab11 li { width: 50%; }
	ul#depth4_menu_ul.tab3 li.active, 
	ul#depth4_menu_ul.tab4 li.active, 
	ul#depth4_menu_ul.tab5 li.active, 
	ul#depth4_menu_ul.tab6 li.active, 
	ul#depth4_menu_ul.tab7 li.active, 
	ul#depth4_menu_ul.tab8 li.active, 
	ul#depth4_menu_ul.tab9 li.active, 
	ul#depth4_menu_ul.tab10 li.active, 
	ul#depth4_menu_ul.tab11 li.active { width: calc(50% - 1px); } 
}

@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%;transform: translateX(-50%); }
	.tbox3 img { width: 2rem; height: 2rem; top: 3.3rem; left: 50%; transform: translateX(-50%); }
	.tbox3 .title { padding-left: 0; }
	.tbox3 .desc { padding-left: 0; } 
}

#header { transform: translateY(0) !important; transition: all .3s ease 0s; }

.popupzone .group .bx-viewport { 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%; transform: translateX(-50%); z-index: -1; }

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

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

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

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

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

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

#snb.sub07:before { background: url(/home/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: 'Nanum Square'; padding: 11rem 0 9rem; font-size: 2.5rem; position: relative; text-shadow: 0.1rem 0.1rem 0.025rem rgba(0, 0, 0, 0.1); }

#snb .sub_title { position: absolute; left: 50%; transform: translateX(-50%); top: 15rem; color: #fff; font-size: 1rem; text-shadow: 0.1rem 0.1rem 0.025rem rgba(0, 0, 0, 0.1); }

#snb .nav { width: 12.5rem; margin: 0 auto; position: absolute; top: 20.5rem; left: 50%; 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; line-height: 6rem; color: #fff; text-align: center; font-family: 'Nanum Square'; 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: block; }

#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; transform: rotate(90deg); transition: all .2s ease; }

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

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

#snb .nav #left_menu_top > li > ul > li:after { content: ''; width: 6px; height: 1px; background-color: #c0c2d1; position: absolute; left: 0rem; top: calc(.6rem + 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; height: 1.5rem; line-height: 1.5rem; color: #767676; font-size: .8rem; position: relative; }

#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; min-height: 45rem;  margin: 0 auto;  margin-top: -150px; padding-left: 15rem; padding-top: calc(2.5rem + 150px); color: #666; font-size: .8rem;  word-break: keep-all;   /* z-index: 1;*/ }

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

#content .content_info h3.title { font-family: 'Nanum Square'; font-size: 1.7rem; font-weight: 700; color: #000; }

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

#content #sns_wrap a,
#content #sns_wrap button { 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,
#content #sns_wrap button::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; margin-bottom:0; vertical-align: top; }

#content #sns_wrap .snsBox > .share::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 #share { 
	position: absolute; 
	right: 0; 
	top: 100%;
	height: 0; 
	margin-top:0.5rem; 
	padding: 0.4rem 2.5rem 0 0.75rem;
	border: 1px solid #ddd;
	background-color: #fff;
	white-space: nowrap; 
	transition: all 0.5s ease;
	visibility: hidden; 
	overflow: hidden; 
	opacity: 0; 
	clear: both; 
	z-index: 2;
}

#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: ''; 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 .snsBox .share-close { position: absolute; right: 0.25rem; top: 0; z-index: 3; border: 0 none; height: 2.4rem; line-height: 2.4rem; border-radius: 0;}

#content #sns_wrap .snsBox .share-close::before { content:"\e922"; display:block; width:100%; height:100%; font-family:"xeicon"; font-size: 1.5rem; color: #000; }

/* #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 #share { 
	height: 2.4rem; 
	margin-top:0.5rem;
	visibility: visible; 
	overflow: visible; 
	opacity: 1; 
	}

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

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

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

#content #content_detail { clear: both; }

.contentInfo { margin: 3rem 0 3rem; border: 1px solid #ccc; 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: "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 .blind { width: auto; height: 1.5rem; font-size: .8rem; clip: initial; background: #f6f7f9; font-weight: 500; }

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

.contentInfo #satisfy-wrap .satisfyTitle .opinion_right { float: right; }

.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: 0px; top: 9px; width: .9rem; height: .9rem; opacity: 1; color: transparent; }

.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 #ccc; 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: #ccc; content: ''; 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 #ccc; vertical-align: top; }

.contentInfo #satisfy-wrap .satisfyForm .textarea::placeholder{color: #707070;}

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

.userserB { width: 66rem; margin: 0 auto; }

.userserB a { position: fixed; top: 26rem; right: 2rem; display: block; width: 5rem; height: 5rem; border-radius: 50%; background: #9c1c2b; background: linear-gradient(to bottom, #9c1c2b 0%, #db283d 100%, #db283d 101%); color: #fff; text-align: center; font-size: .75rem; line-height: 1rem; padding-top: 2.4rem; z-index: 10; }

.userserB a:before { content: ''; width: 2rem; height: 1.2rem; background: url(/home/img/sub/user_service.png) no-repeat; background-size: contain; position: absolute; left: 50%; transform: translateX(-50%); top: .9rem; }

.userserB a:after { content: ''; width: 5rem; height: 5rem; border-radius: 50%; border: 1px solid #e8e8e8; display: block; position: absolute; top: 0%; transform: translate(-50%, -50%); animation: u-circle 1.5s ease infinite; }


@keyframes u-circle { 
	0% { transform: scale(1.1); opacity: 1; }
	100% { transform: scale(1.3); opacity: 0; } 
}

.userser.active .visual-nav::after { transform: translate(-47%, -50%) scale(1); transition-delay: .5s; opacity: 1; }

.userser.active .visual-nav::before { transform: translateX(-47%) scale(1); opacity: 1; transition-delay: 1s; }

.userser.active .visual-nav { display: block; }

.userser.active .visual-nav .depth1 { opacity: 1; transition-delay: 1s; }

.userser .visual-nav { display: none; position: relative; position: fixed; right: 0; top: calc(50% + 1.25rem); height: calc(100vh - 2.5rem); max-height: 28rem; transform: translate(55%, -50%); z-index: 100; transition: all 0.5s ease; }

.userser .visual-nav .container { width: 49rem; }

.userser .visual-nav::before { content: ""; display: block; border-radius: 50%; width: 34rem; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%) scale(0.5); transition: all 0.5s ease; opacity: 0; background-color: rgba(53, 53, 65, 0.95); }

.userser .visual-nav::after { content: ""; display: block; border-radius: 50%; width: 18rem; height: 46vh; position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%) scale(0.5); transition: all 0.5s ease; opacity: 0; background: #9c1c2b; background: linear-gradient(to bottom, #9c1c2b 0%, #db283d 100%, #db283d 101%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c1c2b', endColorstr='#db283d',GradientType=0 ); max-height: 15rem; }

.userser .visual-nav .depth1 { opacity: 0; position: absolute; right: 44.5%; top: 48%; z-index: 9; transform: translate(-120%, -50%); transition: all 0.3s ease; color: #fff; }

.userser .visual-nav .depth1 > li ~ li { margin-top: 5px; }

.userser .visual-nav .depth1 > li > a { opacity: 0.4; }

.userser .visual-nav .depth1 > li > a img, .userser .visual-nav .depth1 > li > a span { display: inline-block; vertical-align: middle; margin-left: 10px; }

.userser .visual-nav .depth1 > li.active > a { opacity: 1; }

.userser .visual-nav .depth1 > li > a > span::after { content: ""; display: inline-block; vertical-align: middle; width: 6px; height: 6px; border-radius: 50%; background-color: #fff; margin-left: 10px; }

.userser .visual-nav .depth2 { opacity: 0; visibility: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .5s ease; }

.userser .visual-nav .depth2 > li { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .15s ease; }

.userser .visual-nav .depth2 > li > a { text-align: center; width: 6.25rem; display: block; }

.userser .visual-nav .depth2 > li > a > br { display: none; }

.userser .visual-nav .depth2 > li > a:hover { font-weight: 500; }

.userser .visual-nav .depth2 > li > a img { display: block; margin: 0 auto; width: 2.5rem; height: 2.2rem; }

.userser .visual-nav .active .depth2 { opacity: 1; visibility: visible; }

.userser .visual-nav .active .depth2 li:nth-child(1) { left: -30px; top: -160px; transition-delay: .2s; }

.userser .visual-nav .active .depth2 li:nth-child(2) { left: -100px; top: -100px; transition-delay: .4s; }

.userser .visual-nav .active .depth2 li:nth-child(3) { left: -140px; top: 0px; transition-delay: .6s; }

.userser .visual-nav .active .depth2 li:nth-child(4) { left: -100px; top: 100px; transition-delay: .8s; }

.userser .visual-nav .active .depth2 li:nth-child(5) { left: -30px; top: 180px; transition-delay: 1s; }

.userser .visual-nav li:first-child.active .depth2 li:nth-child(1) { left: -10px; top: -175px; transition-delay: .2s; }

.userser .visual-nav li:first-child.active .depth2 li:nth-child(2) { left: -90px; top: -130px; transition-delay: .4s; }

.userser .visual-nav li:first-child.active .depth2 li:nth-child(3) { left: -130px; top: -40px; transition-delay: .6s; }

.userser .visual-nav li:first-child.active .depth2 li:nth-child(4) { left: -130px; top: 40px; transition-delay: .8s; }

.userser .visual-nav li:first-child.active .depth2 li:nth-child(5) { left: -90px; top: 130px; transition-delay: 1s; }

.userser .visual-nav li:first-child.active .depth2 li:nth-child(6) { left: -10px; top: 175px; transition-delay: 1.2s; }

.userser .visual-nav .us_close { width: 2.2rem; height: 2.2rem; position: absolute; left: 14.8rem; top: calc(50% - .5rem); transform: translateY(-50%); background: #fff; border-radius: 50%; z-index: 101; }

.userser .visual-nav .us_close a { display: block; text-indent: -9999px; }

.userser .visual-nav .us_close a:before { content: ''; font-family: 'xeicon'; width: 2.2rem; height: 2.2rem; position: absolute; left: 0; top: 0; line-height: 1.56; text-align: center; color: #b92233; font-size: 1.6rem; text-indent: 0; transition: all .2s ease-out; }

.userser .visual-nav .us_close a:hover:before { transform: rotate(90deg); transition: all .2s ease-out; }

.userser .visual-nav .controls-direction { display: none; }

.userser .visual-nav .controls-direction a { position: absolute; top: 9rem; color: #fff; z-index: 3; width: 1rem; height: 1rem; }

.userser .visual-nav .controls-direction a:before { content: ''; font-family: 'xeicon'; width: 1rem; height: 1rem; font-size: 1rem; text-align: center; color: #fff; }

.userser .visual-nav .controls-direction .prev { left: 42%; }

.userser .visual-nav .controls-direction .prev:before { content: ''; }

.userser .visual-nav .controls-direction .next { right: 42%; }

.userser .visual-nav .controls-direction .next:before { content: ''; }

.sub_0101010000{position: relative;}

.sub_0101010000:after{content: ""; display: block; clear: both; visibility: hidden;}

/* .sub_0101010000 .greeting { position: absolute;width: 32.25rem; height: 23.5rem; margin-top: 3.5rem;  padding: 3rem 0 1rem; background-color: #fff;} */

.sub_0101010000 .greeting { width:100%; margin-top: 3.5rem;  padding: 0 0 2rem; }

.sub_0101010000 .greeting:before { content: 'MESSAGE'; font-size: 1rem; color: #eeeeee; position: absolute; top: -2rem; letter-spacing: 1rem; font-family: 'Nanum Square'; font-weight: 900; }

/* .sub_0101010000 .greeting:after { content: ''; width: 2.75rem; height: 3.3rem; background: url(/home/img/sub/0101010000_03.png) no-repeat; background-size: contain; position: absolute; bottom: 3px; right: -1.75rem; } */

/* .sub_0101010000 .greeting:after { content: ''; width: 2.75rem; height: 3.3rem; background: url(/home/img/sub/0101010000_03.png) no-repeat; background-size: contain; position: absolute; bottom: 3px; right: 341px; } */

.sub_0101010000 .greeting:after{content: ""; display: block; clear: both; visibility: hidden;}

.sub_0101010000 .gtxt{ width: calc(100% - 450px); float: left;}

.sub_0101010000 .gimg { position:relative; float: right;}

.sub_0101010000 .gimg:after { content: ""; position: absolute; bottom: -36px; right: 341px; width: 2.75rem; height: 3.3rem; background: url(/home/img/sub/0101010000_03.png) no-repeat; background-size: contain;  }

.sub_0101010000 .gimg img{ box-shadow: 0.25rem 0.5rem 0.7rem rgba(100, 100, 100, 0.25); }

.sub_0101010000 .greeting .title { font-size: 1.9rem; color: #333; margin-bottom: 2.5rem; line-height: 2.6rem; }

.sub_0101010000 .greeting .title .underline { color: #1a3759; background: linear-gradient(transparent 70%, #d8d4cd 70%, #d8d4cd 90%, transparent 90%); font-weight: 600; }

.sub_0101010000 .greeting .title .underline span { color: #9c1c2b; }

.sub_0101010000 .sign { font-size: 1rem; color: #333; font-weight: 600; }

/* .sub_0101010000 .sign img { margin-left: 1rem; } */

.sub_0101010000 .t1 { margin-bottom:1rem; clear: both; line-height: 2;}

.sub_0101010000 div.t1 { margin-bottom: 0.7rem; line-height: 1.3rem; word-break: keep-all; font-size: .8rem; font-family: 'Noto Sans KR'; font-weight: 300; color: #333;}

.sub_0101010000 div.t1 > ul > li{ margin-bottom: 0.1rem; font-size: 0.9rem; font-weight: 500;}

.sub_0101010000 div.t1 > ul > li .color{color: #9c1c2b;}

.sub_0101050000 .jbu-chancellor{padding-left: 2rem;}

.sub_0101050000 .jbu-chancellor:after{content: ""; display: block; clear: both; visibility: hidden;}

.sub_0101050000 .jbu-chancellor .chancellor-img{float:left; vertical-align: top; width: 40%;}

.sub_0101050000 .jbu-chancellor .chancellor-history{position:relative; float:left; width: 60%;}

.sub_0101050000 .jbu-chancellor .chancellor-history > ul{padding-left: 9px;}

.sub_0101050000 .jbu-chancellor .chancellor-history > ul:after{content: ""; position:absolute; top:10px; left:4px; display: block; width:1px; height: calc(100% - 10px - 20px); border-right: 1px #ABABAB dashed;}

.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li{position: relative; margin-bottom: 2.5rem;}

.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li:last-child{margin-bottom: 0;}

.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li:before{content: "";position:absolute; left:-9px; top:5px; display: block; width: 9px; height: 9px; background: #9C1C2B; border-radius: 50rem; z-index: 1;}

.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li em{display:inline-block; width: 150px; margin:0 4rem 0 1.25rem; font-size: 18px; color:#1A3759; font-family: 'Nanum Square'; font-weight: 800;}

.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li p{display:inline-block;}

.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li p span{position: relative;}

.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li p span:after{content: "/"; display: inline-block; margin: 0 0.5rem;}

.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li p strong{color: #333; font-weight: 500;}

.sub_0101020000 .nolist { border-top: 2px solid #333; border-bottom: 1px solid #ccc; padding: 10rem 0 1rem; position: relative; text-align: center; }

.sub_0101020000 .nolist:before { content: ''; font-family: 'xeicon'; width: 5rem; height: 5rem; font-size: 5rem; line-height: 5rem; text-align: center; color: #bbb; position: absolute; left: 50%; transform: translateX(-50%); top: 4.5rem; }

.sub_0101020000 .nolist .title { text-align: center; font-size: 1rem; color: #333; font-weight: 500; margin-bottom: .5rem; }

.sub_0101020000 .nolist .desc { color: #333; font-size: .8rem; margin-bottom: 5rem; }

.sub_0102010000 { background: url(/home/img/sub/0102010000_01.jpg) no-repeat; background-position: right 3rem; background-size: 15rem 30.7rem; padding-top: .5rem; min-height: 34rem; }

.sub_0102010000 .year_wrap { margin: 1.75rem 0; }

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

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

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

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

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

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

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

.sub_0102020000 .tbox1 { border: .4rem solid #f6f7f9; border-radius: 4rem; }

.sub_0102020000 .tbox1 .cont { color: #333; font-weight: 500; }

.sub_0102020000 .talentedWrap { margin: 2rem 0 0; padding: 16rem 0 10rem; position: relative; background: url(/home/img/sub/0102020000_01.jpg) no-repeat 1rem center; z-index: -1; background-size: contain; }

.sub_0102020000 .talentedWrap:before { content: ''; width: 14rem; height: 14rem; background-color: #eef0f2; position: absolute; left: 50%; transform: translateX(-50%); top: 14.5rem; z-index: -1; border-radius: 50%; background: linear-gradient(to bottom, #961826 0%, #860d17 100%); }

.sub_0102020000 .talentedWrap:after { content: ''; width: 25rem; height: 25rem; position: absolute; left: 50%; transform: translateX(-50%); top: 9rem; z-index: -2; border-radius: 50%; border: 6px solid #eeeeee; }

.sub_0102020000 .talentedWrap .topic { width: 11rem; height: 11rem; position: relative; left: 50%; display: block; transform: translateX(-50%); color: #fff; font-size: 1rem; text-align: center; padding: 3.7rem 0; font-weight: 500; }

.sub_0102020000 .talentedWrap .talented > li { position: absolute; }

.sub_0102020000 .talentedWrap .talented > li .title { height: 2.5rem; line-height: 2.5rem; border-radius: 1.5rem; color: #fff; font-size: .9rem; font-weight: 500; text-align: center; width: 8.5rem; margin-bottom: .75rem; }

.sub_0102020000 .talentedWrap .talented > li.talented1 { top: 0; left: 50%; transform: translateX(-50%); }

.sub_0102020000 .talentedWrap .talented > li.talented1 .title { background-color: #9c1c2b; }

.sub_0102020000 .talentedWrap .talented > li.talented1:after { content: ''; width: .6rem; height: .6rem; border-radius: 50%; background: #9c1c2b; position: absolute; left: 50%; transform: translateX(-50%); bottom: -3.5rem; }

.sub_0102020000 .talentedWrap .talented > li.talented2 { top: 20rem; left: 0; }

.sub_0102020000 .talentedWrap .talented > li.talented2 .title { background-color: #9b8873; }

.sub_0102020000 .talentedWrap .talented > li.talented2:after { content: ''; width: .6rem; height: .6rem; border-radius: 50%; background: #9b8873; position: absolute; right: -4.9rem; top: 1rem; }

.sub_0102020000 .talentedWrap .talented > li.talented3 { top: 20rem; right: 0; }

.sub_0102020000 .talentedWrap .talented > li.talented3 .title { background-color: #3c4165; }

.sub_0102020000 .talentedWrap .talented > li.talented3:after { content: ''; width: .6rem; height: .6rem; border-radius: 50%; background: #3c4165; position: absolute; left: -4.9rem; top: 1rem; }

.sub_0102020000 .talentedWrap .talented > li .desc { font-size: .8rem; color: #333; text-align: center; }

.sub_0102030000 { background: url(/home/img/sub/0102030000_01.jpg) no-repeat center 1rem; background-size: contain; }

.sub_0102030000 > .title { font-size: 2rem; color: #3c4165; font-weight: 900; text-align: center; font-family: 'Nanum Square'; }

.sub_0102030000 > .title span { font-size: 1.5rem; color: #9c1c2b; font-weight: 500; text-align: center; font-family: 'Noto Sans KR'; display: block; }

.sub_0102030000 .vision_strategy .sy01 { width: 100%; height: 5rem; border: 2px solid #9c1c2b; line-height: calc(5rem - 4px); background-color: #fff; margin-bottom: 1rem; }

.sub_0102030000 .vision_strategy .sy01 .title { width: 5rem; height: calc(5rem - 4px); float: left; background-color: #9c1c2b; color: #fff; font-size: .9rem; font-weight: 500; text-align: center; }

.sub_0102030000 .vision_strategy .sy01 .title span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0102030000 .vision_strategy .sy01 .substance { width: calc(100% - 5rem); color: #9c1c2b; font-size: 1rem; font-weight: 500; text-align: center; line-height: 1.5; vertical-align: middle; display: inline-block; padding: 0 1rem; }

.sub_0102030000 .vision_strategy .sy02 { width: 100%; height: 5rem; border: 2px solid #1a3759; line-height: calc(5rem - 4px); background-color: #fff; margin-bottom: 1rem; }

.sub_0102030000 .vision_strategy .sy02 .title { width: 5rem; height: calc(5rem - 4px); float: left; background-color: #1a3759; color: #fff; font-size: .9rem; font-weight: 500; text-align: center; }

.sub_0102030000 .vision_strategy .sy02 .title span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0102030000 .vision_strategy .sy02 .substance { width: calc(100% - 5rem); color: #1a3759; font-size: 1rem; font-weight: 500; text-align: center; line-height: 1.5; vertical-align: middle; display: inline-block; padding: 0 1rem; }

.sub_0102030000 .vision_strategy .sy03 { width: 100%; height: 16rem; line-height: 16rem; background-color: #fafafa; margin-bottom: 1rem; }

.sub_0102030000 .vision_strategy .sy03 .title { width: 5rem; height: 16rem; line-height: 16rem; float: left; background-color: #796566; color: #fff; font-size: .9rem; font-weight: 500; text-align: center; }

.sub_0102030000 .vision_strategy .sy03 .title span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0102030000 .vision_strategy .sy03 .substance { width: calc(100% - 5rem); height: 16rem; line-height: 1.5; vertical-align: middle; display: inline-block; position: relative; }

.sub_0102030000 .vision_strategy .sy03 .substance .stitle { position: absolute; width: 12rem; height: 12rem; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; background: url(/home/img/sub/0102030000_06.png); background-size: contain; color: #fff; font-weight: 500; padding: 4.7rem 0; font-size: 1rem; line-height: 1.3; }

.sub_0102030000 .vision_strategy .sy03 .substance .goal li { width: 6.2rem; position: absolute; font-size: .85rem; color: #333; }

.sub_0102030000 .vision_strategy .sy03 .substance .goal li:before { content: ''; width: 5rem; height: 5rem; border-radius: 50%; background-color: #fff; position: absolute; }

.sub_0102030000 .vision_strategy .sy03 .substance .goal li:after { content: ''; width: 2.5rem; height: 2.5rem; position: absolute; }

.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_1 { text-align: right; left: 50%; transform: translateX(-300%); top: 3rem; }

.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_1:before { right: -6rem; top: -1rem; }

.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_1:after { background: url(/home/img/sub/0102030000_02.png) no-repeat; background-size: contain; right: -4.7rem; top: .3rem; }

.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_2 { text-align: right; left: 50%; transform: translateX(-300%); top: 9rem; }

.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_2:before { right: -6rem; top: -1rem; }

.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_2:after { background: url(/home/img/sub/0102030000_03.png) no-repeat; background-size: contain; right: -4.7rem; top: .3rem; }

.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_3 { text-align: left; right: 50%; transform: translateX(300%); top: 3rem; }

.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_3:before { left: -6rem; top: -1rem; }

.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_3:after { background: url(/home/img/sub/0102030000_04.png) no-repeat; background-size: contain; left: -4.7rem; top: .3rem; }

.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_4 { text-align: left; right: 50%; transform: translateX(300%); top: 9rem; }

.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_4:before { left: -6rem; top: -1rem; }

.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_4:after { background: url(/home/img/sub/0102030000_05.png) no-repeat; background-size: contain; left: -4.7rem; top: .3rem; }

.sub_0102030000 .vision_strategy .sy04 { width: 100%; height: 15rem; line-height: 15rem; background-color: #fafafa; margin-bottom: 1rem; }

.sub_0102030000 .vision_strategy .sy04 .title { width: 5rem; height: 15rem; line-height: 15rem; float: left; background-color: #c1a488; color: #fff; font-size: .9rem; font-weight: 500; text-align: center; }

.sub_0102030000 .vision_strategy .sy04 .title span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0102030000 .vision_strategy .sy04 .substance { width: calc(100% - 5rem); height: 15rem; line-height: 1.5; vertical-align: middle; display: inline-block; position: relative; }

.sub_0102030000 .vision_strategy .sy04 .substance .indicator { padding: 1.5rem .5rem; text-align: center; }

.sub_0102030000 .vision_strategy .sy04 .substance .indicator > li { width: calc(25% - 1rem); margin: 0 .5rem; float: left; }

.sub_0102030000 .vision_strategy .sy04 .substance .indicator > li > p { border-radius: 1.5rem; border: 3px solid #c1a488; background-color: #fff; font-size: .85rem; font-weight: 500; color: #333; margin-bottom: 2rem; height: 2.5rem; line-height: calc(2.5rem - 6px); position: relative; }

.sub_0102030000 .vision_strategy .sy04 .substance .indicator > li > p:before { content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #cac1b6; position: absolute; left: 50%; transform: translateX(-50%); bottom: -.9rem; }

.sub_0102030000 .vision_strategy .sy04 .substance .indicator > li > p:after { content: ''; width: .4rem; height: .4rem; border-radius: 50%; background-color: #9b8873; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1.6rem; }

.sub_0102030000 .vision_strategy .sy04 .substance .indicator > li .index { background-color: #fff; border-radius: 1rem; padding: .5rem; }

.sub_0102030000 .vision_strategy .sy04 .substance .indicator > li .index li { padding-bottom: .3rem; font-size: .75rem; color: #333; }

.sub_0102030000 .vision_strategy .sy04 .substance .indicator:after { content: ''; display: block; clear: both; }

.sub_0102030000 .vision_strategy .ta01 { width: 100%; height: 5rem; line-height: calc(5rem - 2px); border: 1px solid #ddd; background-color: #fff; margin-bottom: 1rem; }

.sub_0102030000 .vision_strategy .ta01 .title { width: 5rem; height: calc(5rem - 2px); float: left; background-color: #9c1c2b; color: #fff; font-size: .9rem; font-weight: 500; text-align: center; }

.sub_0102030000 .vision_strategy .ta01 .title span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0102030000 .vision_strategy .ta01 .substance { width: calc(100% - 5rem); color: #333; font-size: .9rem; font-weight: 500; text-align: center; line-height: 1.5; vertical-align: middle; display: inline-block; padding: 0 1rem; }

.sub_0102030000 .vision_strategy .ta02 { width: 100%; height: 5rem; border: 1px solid #ddd; line-height: calc(5rem - 2px); background-color: #fff; margin-bottom: 1rem; }

.sub_0102030000 .vision_strategy .ta02 .title { width: 5rem; height: calc(5rem - 2px); float: left; background-color: #1a3759; color: #fff; font-size: .9rem; font-weight: 500; text-align: center; }

.sub_0102030000 .vision_strategy .ta02 .title span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0102030000 .vision_strategy .ta02 .substance { width: calc(100% - 5rem); color: #1a3759; font-size: 1rem; font-weight: 500; text-align: center; line-height: 1.5; vertical-align: middle; display: inline-block; }

.sub_0102030000 .vision_strategy .ta02 .substance .lesson { width: 15rem; margin: 0 auto; }

.sub_0102030000 .vision_strategy .ta02 .substance .lesson li { width: 5rem; float: left; font-size: 1.5rem; font-weight: 700; }

.sub_0102030000 .vision_strategy .ta02 .substance .lesson li:nth-child(1) { color: #9c1c2b; position: relative; }

.sub_0102030000 .vision_strategy .ta02 .substance .lesson li:nth-child(1):before { content: ''; width: 1rem; height: 1px; background-color: #ddd; position: absolute; right: -.5rem; top: 50%; }

.sub_0102030000 .vision_strategy .ta02 .substance .lesson li:nth-child(2) { color: #9b8873; position: relative; }

.sub_0102030000 .vision_strategy .ta02 .substance .lesson li:nth-child(2):before { content: ''; width: 1rem; height: 1px; background-color: #ddd; position: absolute; right: -.5rem; top: 50%; }

.sub_0102030000 .vision_strategy .ta02 .substance .lesson:after { content: ''; display: block; clear: both; }

.sub_0102030000 .vision_strategy .ta03 { width: 100%; height: 5rem; line-height: calc(5rem - 0px); background-color: #fff; margin-bottom: 1rem; }

.sub_0102030000 .vision_strategy .ta03 .title { width: 5rem; height: calc(5rem - 0px); float: left; background-color: #796566; color: #fff; font-size: .9rem; font-weight: 500; text-align: center; }

.sub_0102030000 .vision_strategy .ta03 .title span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0102030000 .vision_strategy .ta03 .substance { width: calc(100% - 5rem); height: 5rem; line-height: 5rem; color: #333; background-color: #fafafa; font-size: .9rem; font-weight: 300; text-align: center; float: left; vertical-align: middle; display: inline-block; padding: 0 1rem; }

.sub_0102030000 .vision_strategy .ta03 .substance span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0102030000 .vision_strategy .ta04 { width: 100%; height: 15rem; line-height: 15rem; background-color: #fafafa; margin-bottom: 1rem; }

.sub_0102030000 .vision_strategy .ta04 .title { width: 5rem; height: 15rem; line-height: 15rem; float: left; background-color: #c1a488; color: #fff; font-size: .9rem; font-weight: 500; text-align: center; }

.sub_0102030000 .vision_strategy .ta04 .title span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0102030000 .vision_strategy .ta04 .substance { width: calc(100% - 5rem); height: 15rem; line-height: 1.5; vertical-align: middle; display: inline-block; position: relative; }

.sub_0102030000 .vision_strategy .ta04 .substance .e_goal { padding: 1.5rem .5rem; text-align: center; }

.sub_0102030000 .vision_strategy .ta04 .substance .e_goal > li { width: calc(33.33% - 1rem); margin: 0 .5rem; float: left; }

.sub_0102030000 .vision_strategy .ta04 .substance .e_goal > li > p { border-radius: 1.5rem; border: 3px solid #c1a488; background-color: #fff; font-size: .85rem; font-weight: 500; color: #333; margin-bottom: 2rem; height: 2.5rem; line-height: calc(2.5rem - 6px); position: relative; }

.sub_0102030000 .vision_strategy .ta04 .substance .e_goal > li > p:before { content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #cac1b6; position: absolute; left: 50%; transform: translateX(-50%); bottom: -.9rem; }

.sub_0102030000 .vision_strategy .ta04 .substance .e_goal > li > p:after { content: ''; width: .4rem; height: .4rem; border-radius: 50%; background-color: #9b8873; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1.6rem; }

.sub_0102030000 .vision_strategy .ta04 .substance .e_goal > li .index { background-color: #fff; border-radius: 1rem; padding: .5rem; padding: .7rem 1rem; }

.sub_0102030000 .vision_strategy .ta04 .substance .e_goal > li .index li { padding-bottom: .2rem; font-size: .75rem; color: #333; line-height: 1.5; }

.sub_0102030000 .vision_strategy .ta04 .substance .e_goal:after { content: ''; display: block; clear: both; }

.sub_0102030000 .vision_strategy .ta05 { width: 100%; height: 15rem; line-height: 15rem; background-color: #fafafa; margin-bottom: 1rem; }

.sub_0102030000 .vision_strategy .ta05 .title { width: 5rem; height: 15rem; line-height: 15rem; float: left; background-color: #5a5a5a; color: #fff; font-size: .9rem; font-weight: 500; text-align: center; }

.sub_0102030000 .vision_strategy .ta05 .title span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0102030000 .vision_strategy .ta05 .substance { width: calc(100% - 5rem); height: 15rem; line-height: 1.5; vertical-align: middle; display: inline-block; position: relative; }

.sub_0102030000 .vision_strategy .ta05 .substance .talent { padding: 2.5rem 1rem; text-align: center; }

.sub_0102030000 .vision_strategy .ta05 .substance .talent > li { width: calc(33.33% - 5rem); height: 9.5rem; margin: 0 2.5rem; float: left; border-radius: 50%; border: 3px solid #5a5a5a; background-color: #fff; padding: 2.5rem 1rem; position: relative; }

.sub_0102030000 .vision_strategy .ta05 .substance .talent > li .t_title { color: #333; font-size: .85rem; font-weight: 500; padding-bottom: .3rem; }

.sub_0102030000 .vision_strategy .ta05 .substance .talent > li .desc { font-size: .8rem; color: #333; }

.sub_0102030000 .vision_strategy .ta05 .substance .talent > li:nth-child(1):before { content: ''; width: 2.5rem; height: 4px; position: absolute; right: -3.9rem; top: 49%; border-top: 4px dotted #aaa; }

.sub_0102030000 .vision_strategy .ta05 .substance .talent > li:nth-child(2):before { content: ''; width: 2.5rem; height: 4px; position: absolute; right: -3.9rem; top: 49%; border-top: 4px dotted #aaa; }

.sub_0102030000 .vision_strategy .ta05 .substance .talent:after { content: ''; display: block; clear: both; }

.sub_0102030000 .vision_strategy .go03 { width: 100%; height: 8rem; line-height: 8rem; background-color: #fafafa; margin-bottom: 1rem; }

.sub_0102030000 .vision_strategy .go03 .title { width: 5rem; height: 8rem; line-height: 8rem; float: left; background-color: #796566; color: #fff; font-size: .9rem; font-weight: 500; text-align: center; }

.sub_0102030000 .vision_strategy .go03 .title span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0102030000 .vision_strategy .go03 .substance { width: calc(100% - 5rem); height: 8rem; line-height: 1.5; vertical-align: middle; display: inline-block; position: relative; }

.sub_0102030000 .vision_strategy .go03 .substance .goal { padding: 1.5rem 1.5rem; text-align: center; }

.sub_0102030000 .vision_strategy .go03 .substance .goal > li { width: calc(25% - 1rem); margin: 0 .5rem; float: left; border-radius: 1rem; border: 3px solid #796566; background-color: #fff; font-size: .85rem; font-weight: 500; color: #333; padding: .5rem; position: relative; }

.sub_0102030000 .vision_strategy .go03 .substance .goal > li:before { content: ''; width: 4px; height: 4px; background-color: #b9afb0; border-radius: 50%; position: absolute; bottom: -2.4rem; left: 50%; transform: translateX(-50%); }

.sub_0102030000 .vision_strategy .go03 .substance .goal > li:after { content: ''; width: 4px; height: 4px; background-color: #b9afb0; border-radius: 50%; position: absolute; bottom: -4.2rem; left: 50%; transform: translateX(-50%); }

.sub_0102030000 .vision_strategy .go03 .substance .goal:after { content: ''; display: block; clear: both; }

.sub_0102030000 .vision_strategy .go04 { width: 100%; height: 24.25rem; line-height: 24.25rem; background-color: #fafafa; margin-bottom: 1rem; }

.sub_0102030000 .vision_strategy .go04 .title { width: 5rem; height: 24.25rem; line-height: 24.25rem; float: left; background-color: #c1a488; color: #fff; font-size: .9rem; font-weight: 500; text-align: center; }

.sub_0102030000 .vision_strategy .go04 .title span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0102030000 .vision_strategy .go04 .substance { width: calc(100% - 5rem); height: 24.25rem; line-height: 1.5; vertical-align: middle; display: inline-block; position: relative; }

.sub_0102030000 .vision_strategy .go04 .substance .task { padding: 1.5rem 1.5rem; text-align: center; }

.sub_0102030000 .vision_strategy .go04 .substance .task > li { width: calc(25% - 1rem); margin: 0 .5rem; float: left; position: relative; }

.sub_0102030000 .vision_strategy .go04 .substance .task > li .list li { background-color: #fff; margin-bottom: .5rem; padding: 1.3rem .5rem; min-height: 4.4rem; border-radius: 1rem; }

.sub_0102030000 .vision_strategy .go04 .substance .task > li:before { content: ''; width: .4rem; height: .4rem; background-color: #796566; border-radius: 50%; position: absolute; top: -2.3rem; left: 50%; transform: translateX(-50%); }

.sub_0102030000 .vision_strategy .go04 .substance .task:after { content: ''; display: block; clear: both; }

.sub_0102030000 .vision_strategy .se03 { width: 100%; height: 11.25rem; line-height: 11.25rem; background-color: #fafafa; margin-bottom: 1rem; }

.sub_0102030000 .vision_strategy .se03 .title { width: 5rem; height: 11.25rem; line-height: 11.25rem; float: left; background-color: #796566; color: #fff; font-size: .9rem; font-weight: 500; text-align: center; }

.sub_0102030000 .vision_strategy .se03 .title span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0102030000 .vision_strategy .se03 .substance { width: calc(100% - 5rem); height: 11.25rem; line-height: 1.5; vertical-align: middle; display: inline-block; position: relative; }

.sub_0102030000 .vision_strategy .se03 .substance .talent { padding: 1.5rem 1rem; text-align: center; }

.sub_0102030000 .vision_strategy .se03 .substance .talent > li { width: calc(33.33% - 1rem); margin: 0 .5rem; float: left; position: relative; }

.sub_0102030000 .vision_strategy .se03 .substance .talent > li > p { font-size: .85rem; color: #333; padding-top: 5.5rem; }

.sub_0102030000 .vision_strategy .se03 .substance .talent > li:before { content: ''; width: 5rem; height: 5rem; border-radius: 50%; background-color: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: 0rem; }

.sub_0102030000 .vision_strategy .se03 .substance .talent > li:after { content: ''; width: 2.5rem; height: 2.5rem; background-size: contain; position: absolute; left: 50%; transform: translateX(-50%); top: 1.1rem; }

.sub_0102030000 .vision_strategy .se03 .substance .talent > li:nth-child(1):after { background: url(/home/img/sub/0102030000_07.png) no-repeat; background-size: contain; }

.sub_0102030000 .vision_strategy .se03 .substance .talent > li:nth-child(2):after { background: url(/home/img/sub/0102030000_08.png) no-repeat; background-size: contain; }

.sub_0102030000 .vision_strategy .se03 .substance .talent > li:nth-child(3):after { background: url(/home/img/sub/0102030000_09.png) no-repeat; background-size: contain; }

.sub_0102030000 .vision_strategy .se03 .substance .talent:after { content: ''; display: block; clear: both; }

.sub_0102030000 .vision_strategy .se04 { width: 100%; height: 11.5rem; line-height: 11.5rem; background-color: #fafafa; margin-bottom: 1rem; }

.sub_0102030000 .vision_strategy .se04 .title { width: 5rem; height: 11.5rem; line-height: 11.5rem; float: left; background-color: #c1a488; color: #fff; font-size: .9rem; font-weight: 500; text-align: center; }

.sub_0102030000 .vision_strategy .se04 .title span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0102030000 .vision_strategy .se04 .substance { width: calc(100% - 5rem); height: 11.5rem; line-height: 1.5; vertical-align: middle; display: inline-block; position: relative; }

.sub_0102030000 .vision_strategy .se04 .substance .e_goal { padding: 1.5rem .5rem; text-align: center; }

.sub_0102030000 .vision_strategy .se04 .substance .e_goal > li { width: calc(50% - 1rem); margin: 0 .5rem; float: left; }

.sub_0102030000 .vision_strategy .se04 .substance .e_goal > li > p { border-radius: 1.5rem; border: 3px solid #c1a488; background-color: #fff; font-size: .85rem; font-weight: 500; color: #333; margin-bottom: 2rem; height: 2.5rem; line-height: calc(2.5rem - 6px); position: relative; }

.sub_0102030000 .vision_strategy .se04 .substance .e_goal > li > p:before { content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #cac1b6; position: absolute; left: 50%; transform: translateX(-50%); bottom: -.9rem; }

.sub_0102030000 .vision_strategy .se04 .substance .e_goal > li > p:after { content: ''; width: .4rem; height: .4rem; border-radius: 50%; background-color: #9b8873; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1.6rem; }

.sub_0102030000 .vision_strategy .se04 .substance .e_goal > li .index { background-color: #fff; border-radius: 1rem; padding: .5rem; padding: 1.2rem 1rem; }

.sub_0102030000 .vision_strategy .se04 .substance .e_goal > li .index li { padding-bottom: .2rem; font-size: .75rem; color: #333; line-height: 1.5; }

.sub_0102030000 .vision_strategy .se04 .substance .e_goal:after { content: ''; display: block; clear: both; }

.sub_0102030000 .vision_strategy .se05 { width: calc(100% - 5rem); margin-left: 5rem; height: 2.5rem; line-height: 2.5rem; margin-bottom: 1rem; text-align: center; background-color: #f5efe9; font-size: .85rem; font-weight: 500; color: #333; }

.sub_0102030000 .vision_strategy .se06 { width: 100%; height: 12.5rem; line-height: 12.5rem; background-color: #fafafa; margin-bottom: 1rem; }

.sub_0102030000 .vision_strategy .se06 .title { width: 5rem; height: 12.5rem; line-height: 12.5rem; float: left; background-color: #5a5a5a; color: #fff; font-size: .9rem; font-weight: 500; text-align: center; }

.sub_0102030000 .vision_strategy .se06 .title span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0102030000 .vision_strategy .se06 .substance { width: calc(100% - 5rem); height: 12.5rem; line-height: 1.5; vertical-align: middle; display: inline-block; position: relative; }

.sub_0102030000 .vision_strategy .se06 .substance .e_goal { padding: 1.5rem .5rem; text-align: center; }

.sub_0102030000 .vision_strategy .se06 .substance .e_goal > li { width: calc(50% - 1rem); margin: 0 .5rem; float: left; }

.sub_0102030000 .vision_strategy .se06 .substance .e_goal > li > p { border-radius: 1.5rem; border: 3px solid #5a5a5a; background-color: #fff; font-size: .85rem; font-weight: 500; color: #333; margin-bottom: 2rem; height: 2.5rem; line-height: calc(2.5rem - 6px); position: relative; }

.sub_0102030000 .vision_strategy .se06 .substance .e_goal > li > p:before { content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #aaaaaa; position: absolute; left: 50%; transform: translateX(-50%); bottom: -.9rem; }

.sub_0102030000 .vision_strategy .se06 .substance .e_goal > li > p:after { content: ''; width: .4rem; height: .4rem; border-radius: 50%; background-color: #5a5a5a; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1.6rem; }

.sub_0102030000 .vision_strategy .se06 .substance .e_goal > li .index { background-color: #fff; border-radius: 1rem; padding: .5rem; padding: 1.2rem 1rem; }

.sub_0102030000 .vision_strategy .se06 .substance .e_goal > li .index li { padding-bottom: .2rem; font-size: .75rem; color: #333; line-height: 1.5; }

.sub_0102030000 .vision_strategy .se06 .substance .e_goal:after { content: ''; display: block; clear: both; }

.sub_0104010100 .organWrap, .sub_0104010200 .organWrap { position: relative; }

.sub_0104010100 .organWrap > li, .sub_0104010200 .organWrap > li {position: relative;padding-top: 2rem;}

.sub_0104010100 .organWrap > li > p, .sub_0104010200 .organWrap > li > p { width: 10.75rem; height: 2.8rem; line-height: 2.8rem; text-align: center; font-size: 1.1rem; font-weight: 500; color: #fff; position: relative; }

.sub_0104010100 .organWrap > li > p:before, .sub_0104010200 .organWrap > li > p:before { content: ''; width: 2.05rem; height: 2px; position: absolute; right: -2.05rem; top: 50%; transform: translateY(-50%); background-color: #ddd; }

.sub_0104010100 .organWrap > li.g1, .sub_0104010200 .organWrap > li.g1 { padding-top: 0; }

.sub_0104010100 .organWrap > li.g1 > p, .sub_0104010200 .organWrap > li.g1 > p { background-color: #9c1c2b; }

.sub_0104010100 .organWrap > li.g2 > p, .sub_0104010200 .organWrap > li.g2 > p { background-color: #162b48; }

.sub_0104010100 .organWrap > li.g3 > p, .sub_0104010200 .organWrap > li.g3 > p { background-color: #1a3759; }

.sub_0104010100 .organWrap > li.g4 > p, .sub_0104010200 .organWrap > li.g4 > p { background-color: #9b8873; }

.sub_0104010100 .organWrap > li.g5 > p, .sub_0104010200 .organWrap > li.g5 > p { background-color: #9b8873; }

.sub_0104010100 .organWrap > li.g6 > p, .sub_0104010200 .organWrap > li.g6 > p { background-color: #5a5a5a; }

.sub_0104010100 .organWrap > li.g7 > p, .sub_0104010200 .organWrap > li.g7 > p { background-color: #5a5a5a; }

.sub_0104010100 .organWrap > li.g8 > p, .sub_0104010200 .organWrap > li.g8 > p { background-color: #5a5a5a; }

.sub_0104010100 .organWrap > li.g9 > p, .sub_0104010200 .organWrap > li.g9 > p { background-color: #5a5a5a; }

.sub_0104010100 .organWrap > li.g10 > p, .sub_0104010200 .organWrap > li.g10 > p { background-color: #8e7374; }

.sub_0104010100 .organWrap > li.z1, .sub_0104010200 .organWrap > li.z1 { padding-top: 0; }

.sub_0104010100 .organWrap > li.z1 > p, .sub_0104010200 .organWrap > li.z1 > p { background-color: #9c1c2b; }

.sub_0104010100 .organWrap > li.z2 > p, .sub_0104010200 .organWrap > li.z2 > p { background-color: #162b48; }

.sub_0104010100 .organWrap > li.z3 > p, .sub_0104010200 .organWrap > li.z3 > p { background-color: #1a3759; }

.sub_0104010100 .organWrap > li.z4 > p, .sub_0104010200 .organWrap > li.z4 > p { background-color: #9b8873; }

.sub_0104010100 .organWrap > li.z5 > p, .sub_0104010200 .organWrap > li.z5 > p { background-color: #9b8873; }

.sub_0104010100 .organWrap > li.z6 > p, .sub_0104010200 .organWrap > li.z6 > p { background-color: #5a5a5a; }

.sub_0104010100 .organWrap > li.z7 > p, .sub_0104010200 .organWrap > li.z7 > p { background-color: #5a5a5a; }

.sub_0104010100 .organWrap > li.z7 > p, .sub_0104010200 .organWrap > li.z8 > p { background-color: #5a5a5a; }  

.sub_0104010100 .organWrap > li > ul, .sub_0104010200 .organWrap > li > ul { left: 14.3rem; position: relative; width: calc(100% - 14.3rem); }

.sub_0104010100 .organWrap > li > ul.d2b, .sub_0104010200 .organWrap > li > ul.d2b { position: relative; }

.sub_0104010100 .organWrap > li > ul.d2b:before, .sub_0104010200 .organWrap > li > ul.d2b:before { content: ''; width: 2px; left: -1.5rem; background-color: #ddd; position: absolute; }
  
.sub_0104010100 .organWrap > li > ul.d2b > li, .sub_0104010200 .organWrap > li > ul.d2b > li { border: 2px solid #ddd; position: relative; margin-bottom: .5rem; width: 100%; padding: .8rem 0; background-color: #fff; }

.sub_0104010100 .organWrap > li > ul.d2b > li:before, .sub_0104010200 .organWrap > li > ul.d2b > li:before { content: ''; width: 1.6rem; height: 2px; position: absolute; left: -1.6rem; top: calc(50% + 1px); transform: translateY(-50%); background-color: #ddd; z-index: -1; }

.sub_0104010100 .organWrap > li > ul.d2b > li.text1, .sub_0104010200 .organWrap > li > ul.d2b > li.text1 { width: 10.75rem; min-height: 2.5rem; }

.sub_0104010100 .organWrap > li > ul.d2b > li.text1.fl, .sub_0104010200 .organWrap > li > ul.d2b > li.text1.fl { float: left; margin-right: .5rem; width: calc(33.3% - .5rem); }

.sub_0104010100 .organWrap > li > ul.d2b > li.text1.fl > p, .sub_0104010200 .organWrap > li > ul.d2b > li.text1.fl > p { width: 100%; }

.sub_0104010100 .organWrap > li > ul.d2b > li > p, .sub_0104010200 .organWrap > li > ul.d2b > li > p { width: 10.75rem; float: left; text-align: center; color: #333; font-size: .85rem; font-weight: 500; position: absolute; top: 50%; transform: translateY(-50%); }

.sub_0104010100 .organWrap > li > ul.d2b > li .d3a, .sub_0104010200 .organWrap > li > ul.d2b > li .d3a { float: right; width: calc(100% - 10.75rem); padding-left: .9rem; border-left: 1px solid #ddd; }

.sub_0104010100 .organWrap > li > ul.d2b > li .d3a > li, .sub_0104010200 .organWrap > li > ul.d2b > li .d3a > li { width: 12rem; float: left; font-size: .8rem; color: #333; font-weight: 300; padding-left: .8rem; position: relative; }
     

.sub_0104010100 .organWrap > li > ul.d2b > li .d3a > li:before, .sub_0104010200 .organWrap > li > ul.d2b > li .d3a > li:before { content: ''; font-family: 'xeicon'; color: #333; font-size: .8rem; position: absolute; left: 0; top: 0; }

.sub_0104010100 .organWrap > li > ul.d2b > li .d3a:after, .sub_0104010200 .organWrap > li > ul.d2b > li .d3a:after { content: ''; display: block; clear: both; }

.sub_0104010100 .organWrap > li > ul.d2b > li:after, .sub_0104010200 .organWrap > li > ul.d2b > li:after { content: ''; display: block; clear: both; }

.sub_0104010100 .organWrap > li > ul.d2b.organ8:after, .sub_0104010200 .organWrap > li > ul.d2b.organ8:after { content: ''; display: block; clear: both; }

.sub_0104010100 .organWrap > li > ul.d2b.organz6:after, .sub_0104010200 .organWrap > li > ul.d2b.organz6:after { content: ''; display: block; clear: both; }

.sub_0104010100 .organWrap > li.g1, .sub_0104010200 .organWrap > li.g1 { margin-bottom: 2rem; }

.sub_0104010100 .organWrap > li.g1 .organ0 li.text1:before{content: none;}

.sub_0104010100 .organWrap > li.g1 .organ1, .sub_0104010200 .organWrap > li.g1 .organ1 { margin-top: 2.5rem; }

.sub_0104010100 .organWrap > li.g1 .organ1:after{
	content: "";
	position: absolute;
	left: -8.8rem;
	top: -1.2rem;
	display: block;
	width: 14.3rem;
	height: 2px;
	background-color: #ddd;
}

.sub_0104010100 .organWrap > li.g1 .organ1 > li, .sub_0104010200 .organWrap > li.g1 .organ1 > li { background-color: #f8f7f7; }

.sub_0104010100 .organWrap > li.g1 .organ1 > li:before, .sub_0104010200 .organWrap > li.g1 .organ1 > li:before { width: 2px; height: 1.25rem; left: 50%; top: -1.25rem; transform: translateY(0); }

.sub_0104010100 .organWrap > li.g1 > p:before, .sub_0104010200 .organWrap > li.g1 > p:before { left: 5.375rem; right: inherit; width: 14.3rem; bottom: -1.5rem; top: inherit; }

.sub_0104010100 .organWrap > li.g2:before { content: '';width: 14.4rem;height: 2px;left: 5.375rem;background-color: #ddd;position: absolute;top: 0; } 

.sub_0104010100 .organWrap > li.g2 > p:before, .sub_0104010200 .organWrap > li.g2 > p:before { display: none; }

.sub_0104010100 .organWrap > li.g2 .organ2 { top:-2.8rem; }   

.sub_0104010100 .organWrap > li.g2 .organ2:before { content: "";display: block;position: absolute;left: 5.5rem;width: 2px;height: calc(100% + 2rem);background: #ddd;top: -2rem; }
    
.sub_0104010100 .organWrap > li.g2 .organ2 li:before { display:none; }

.sub_0104010100 .organWrap > li.g2 .organ2>li:first-child { background:#162b48;border-color:#162b48;width: 10.75rem;
    height: 2.8rem; }
.sub_0104010100 .organWrap > li.g2 .organ2>li:first-child p { color:#fff;font-size:1.1rem; }
.sub_0104010100 .organWrap > li.g3, .sub_0104010200 .organWrap > li.g3 { margin-bottom: -3rem; padding-top: 4rem; }

.sub_0104010100 .organWrap > li.g3 .organ3, .sub_0104010200 .organWrap > li.g3 .organ3 { top: -5rem; }

.sub_0104010100 .organWrap > li.g3 .organ3:before, .sub_0104010200 .organWrap > li.g3 .organ3:before { height: calc(100% - 18%);top: 53%; transform: translateY(-50%); }
 
.sub_0104010100 .organWrap > li.g4, .sub_0104010200 .organWrap > li.g4 { margin-bottom: -2rem; }

.sub_0104010100 .organWrap > li.g4 .organ4, .sub_0104010200 .organWrap > li.g4 .organ4 { top: -3.65rem; } 

.sub_0104010100 .organWrap > li.g4 .organ4 > li, .sub_0104010200 .organWrap > li.g4 .organ4 > li { padding: 1.5rem 0; }

.sub_0104010100 .organWrap > li.g5, .sub_0104010200 .organWrap > li.g5 {margin-bottom: -3rem; padding-top: 3rem;}

.sub_0104010100 .organWrap > li.g5 .organ5, .sub_0104010200 .organWrap > li.g5 .organ5 {top: -6rem;}

.sub_0104010100 .organWrap > li.g5 .organ5:before, .sub_0104010200 .organWrap > li.g5 .organ5:before { height: calc(100% - 14%); top: 50%; transform: translateY(-50%); }
 
.sub_0104010100 .organWrap > li.g6, .sub_0104010200 .organWrap > li.g6 { margin-bottom: -4rem; }

.sub_0104010100 .organWrap > li.g6 .organ6, .sub_0104010200 .organWrap > li.g6 .organ6 { top: -4rem; }

.sub_0104010100 .organWrap > li.g6 .organ6:before, .sub_0104010200 .organWrap > li.g6 .organ6:before { height: calc(100% - 33.333%); top:48%; transform:translateY(-50%); }   

.sub_0104010100 .organWrap > li.g7 > p:before, .sub_0104010200 .organWrap > li.g7 > p:before { display: none; }

.sub_0104010100 .organWrap > li.g8, .sub_0104010200 .organWrap > li.g8 { margin-bottom: -2rem; }

.sub_0104010100 .organWrap > li.g8 .organ8, .sub_0104010200 .organWrap > li.g8 .organ8 { top: -4rem; }

.sub_0104010100 .organWrap > li.g8 .organ8:before, .sub_0104010200 .organWrap > li.g8 .organ8:before { height: calc(100% - 33.333%); top: 48%; transform:translateY(-50%); }

.sub_0104010100 .organWrap > li.g8 .organ8 li:nth-child(2):before,  
.sub_0104010100 .organWrap > li.g8 .organ8 li:nth-child(3):before, 
.sub_0104010100 .organWrap > li.g8 .organ8 li:nth-child(5):before, 
.sub_0104010100 .organWrap > li.g8 .organ8 li:nth-child(6):before, 
.sub_0104010100 .organWrap > li.g8 .organ8 li:nth-child(8):before, 
.sub_0104010100 .organWrap > li.g8 .organ8 li:nth-child(9):before, 
.sub_0104010200 .organWrap > li.g8 .organ8 li:nth-child(2):before, 
.sub_0104010200 .organWrap > li.g8 .organ8 li:nth-child(3):before, 
.sub_0104010200 .organWrap > li.g8 .organ8 li:nth-child(5):before, 
.sub_0104010200 .organWrap > li.g8 .organ8 li:nth-child(6):before, 
.sub_0104010200 .organWrap > li.g8 .organ8 li:nth-child(8):before, 
.sub_0104010200 .organWrap > li.g8 .organ8 li:nth-child(9):before { display: none; }

.sub_0104010100 .organWrap > li.g9 .organ9:before, .sub_0104010200 .organWrap > li.g9 .organ9:before { height: calc(100% - 45%); top: 50%; transform:translateY(-50%); }
 
.sub_0104010100 .organWrap > li.g9, .sub_0104010200 .organWrap > li.g9 { margin-bottom: -4rem; }    

.sub_0104010100 .organWrap > li.g9 .organ9, .sub_0104010200 .organWrap > li.g9 .organ9 { top: -3rem; }

.sub_0104010100 .organWrap > li.g10 .organ10, .sub_0104010200 .organWrap > li.g10 .organ10 { top: -2.7rem; }

.sub_0104010100 .organWrap > li.z1 > p:before, .sub_0104010200 .organWrap > li.z1 > p:before { display: none; }

.sub_0104010100 .organWrap > li.z2 > p:before, .sub_0104010200 .organWrap > li.z2 > p:before { display: none; }

.sub_0104010100 .organWrap > li.z3, .sub_0104010200 .organWrap > li.z3 { margin-bottom: -2rem; }

.sub_0104010100 .organWrap > li.z3 .organz3, .sub_0104010200 .organWrap > li.z3 .organz3 { top:-2.95rem; }

.sub_0104010100 .organWrap > li.z4, .sub_0104010200 .organWrap > li.z4 { margin-bottom: -3rem; }

.sub_0104010100 .organWrap > li.z4 .organz4, .sub_0104010200 .organWrap > li.z4 .organz4 { top: -4.45rem; }

.sub_0104010100 .organWrap > li.z4 .organz4 > li, .sub_0104010200 .organWrap > li.z4 .organz4 > li { height: 6rem; }

.sub_0104010100 .organWrap > li.z4 .organz4 > li > ul, .sub_0104010200 .organWrap > li.z4 .organz4 > li > ul { height: 4rem; }

.sub_0104010100 .organWrap > li.z4 .organz4 > li > ul > li, .sub_0104010200 .organWrap > li.z4 .organz4 > li > ul > li { position: absolute; top: 50%; transform: translateY(-50%); }

.sub_0104010100 .organWrap > li.z5, .sub_0104010200 .organWrap > li.z5 {margin-bottom: -5rem;padding-top: 4rem;}

.sub_0104010100 .organWrap > li.z5 .organz5, .sub_0104010200 .organWrap > li.z5 .organz5 {top: -6.5rem;}

.sub_0104010100 .organWrap > li.z5 .organz5:before { height: calc(100% - 48%); top: 60%; transform: translateY(-50%); }
 
.sub_0104010100 .organWrap > li.z6, .sub_0104010200 .organWrap > li.z6 { margin-bottom: -2rem; }

.sub_0104010100 .organWrap > li.z6 .organz6, .sub_0104010200 .organWrap > li.z6 .organz6 { top: -4rem; }

.sub_0104010100 .organWrap > li.z6 .organz6:before, .sub_0104010200 .organWrap > li.z6 .organz6:before { height: calc(100% - 3rem); top: 1.25rem; }

.sub_0104010100 .organWrap > li.z6 .organz6 li:nth-child(2):before, 
.sub_0104010100 .organWrap > li.z6 .organz6 li:nth-child(3):before, 
.sub_0104010100 .organWrap > li.z6 .organz6 li:nth-child(5):before, 
.sub_0104010100 .organWrap > li.z6 .organz6 li:nth-child(6):before, 
.sub_0104010100 .organWrap > li.z6 .organz6 li:nth-child(8):before, 
.sub_0104010100 .organWrap > li.z6 .organz6 li:nth-child(9):before, 
.sub_0104010200 .organWrap > li.z6 .organz6 li:nth-child(2):before, 
.sub_0104010200 .organWrap > li.z6 .organz6 li:nth-child(3):before, 
.sub_0104010200 .organWrap > li.z6 .organz6 li:nth-child(5):before, 
.sub_0104010200 .organWrap > li.z6 .organz6 li:nth-child(6):before, 
.sub_0104010200 .organWrap > li.z6 .organz6 li:nth-child(8):before, 
.sub_0104010200 .organWrap > li.z6 .organz6 li:nth-child(9):before { display: none; }

.sub_0104010100 .organWrap > li.z7, .sub_0104010200 .organWrap > li.z7 { margin-bottom: -2rem; }

.sub_0104010100 .organWrap > li.z7 .organz7 { top: -2.7rem; }
.sub_0104010200 .organWrap > li.z7 .organz7 { top:-3.6rem; }

.sub_0104010100 .organWrap > li.z7 .organz7 > li:nth-child(2):before, 
.sub_0104010100 .organWrap > li.z7 .organz7 > li:nth-child(3):before, 
.sub_0104010200 .organWrap > li.z7 .organz7 > li:nth-child(2):before, 
.sub_0104010200 .organWrap > li.z7 .organz7 > li:nth-child(3):before { display: none; }

.sub_0104010200 .organWrap > li.z5 .organz5:before { height:88%; top: 50%; transform: translateY(-50%); }    
 
.sub_0104010100 .organWrap > li.z7 .organz7, .sub_0104010200 .organWrap > li.z8 .organz8 { top: -2.95rem; }    
.sub_0104010100 .organWrap > li.z8 .organz8:before, .sub_0104010200 .organWrap > li.z8 .organz8:before { height: calc(100% - 46%);top: 54%;transform: translateY(-50%); }

.sub_0104010100 .organWrap > li.z7 .organz7:after, .sub_0104010200 .organWrap > li.z7 .organz7:after { content: ''; display: block; clear: both; }

.sub_0104010100 .organWrap:before, .sub_0104010200 .organWrap:before { content: ''; width: 2px; height: 96%; position: absolute; left: 5.375rem; background-color: #ddd; }

.sub_0104010100 .organWrap.organWrap2:before, .sub_0104010200 .organWrap.organWrap2:before { height: calc(100% - 7rem); }
 
.sub_0104020500 .golink, .sub_0104020700 .golink, 
.sub_0104030000 .golink, .sub_0104040100 .golink, 
.sub_0104040300 .golink, .sub_0104040400 .golink, 
.sub_0104040500 .golink, .sub_0104040700 .golink { float: right; }

.sub_0105010000 .box2 { padding-right: 14rem; }

.sub_0105010000 .box2.cont1 { background: url(/home/img/sub/0105010000_01.jpg) no-repeat; background-position: 95%; }

.sub_0105010000 .box2.cont2 { background: url(/home/img/sub/0105010000_02.jpg) no-repeat; background-position: 95%; }

.sub_0105010000 .box2.cont3 { background: url(/home/img/sub/0105010000_03.jpg) no-repeat; background-position: 95%; }

.sub_0105020000 { position: relative; }

.sub_0105020000 > a.btn_basic { position: absolute; top: 0; right: 0; }

.sub_0105030100 .down { padding: 1rem 0; left: 50%; position: relative; transform: translateX(-50%); width: 14.4rem; }

.sub_0105030100 .cymbal { width: calc(100% + 1rem); }

.sub_0105030100 .cymbal li { float: left; margin-right: 1rem; width: calc(33% - 1rem); }

.sub_0105030100 .cymbal:after { content: ''; display: block; clear: both; }

.sub_0105030200 .imgmobile { display: none; }

.sub_0105030200 .down { padding: 1rem 0; left: 50%; position: relative; transform: translateX(-50%); width: 14.4rem; }

.sub_0105030200 .signature { margin-bottom: 1rem; }

.sub_0105030200 .signature li { width: 50%; border: 1px solid #ddd; margin-right: -1px; margin-bottom: -1px; float: left; }

.sub_0105030200 .signature li img { margin: .5rem auto; display: block; padding: 0 1rem; }

.sub_0105030200 .signature:after { content: ''; display: block; clear: both; }

.sub_0105030300 .color > li > p { font-size: 1rem; width: 10rem; float: left; font-weight: 500; color: #353541; padding-left: .5rem; }

.sub_0105030300 .color > li .colorbox { width: calc(100% - 10rem); float: left; }

.sub_0105030300 .color > li .colorbox.maincolor { margin-bottom: 1rem; }

.sub_0105030300 .color > li .colorbox.maincolor li { width: calc(50% - .5rem); margin-right: .5rem; background-color: #982532; padding: 3rem .5rem .5rem; color: #fff; float: left; font-size: .75rem; }

.sub_0105030300 .color > li .colorbox.maincolor li.mc2 { background-color: #997e52; }

.sub_0105030300 .color > li .colorbox.maincolor:after { content: ''; display: block; clear: both; }

.sub_0105030300 .color > li .colorbox.subcolor li { width: calc(16.66% - .5rem); margin-right: .5rem; border: 1px solid #ddd; float: left; padding-top: 1rem; }

.sub_0105030300 .color > li .colorbox.subcolor li > p { background-color: #fff; padding: .5rem; font-size: .75rem; }

.sub_0105030300 .color > li .colorbox.subcolor li.sc1 { background-color: #f58220; }

.sub_0105030300 .color > li .colorbox.subcolor li.sc2 { background-color: #ffd403; }

.sub_0105030300 .color > li .colorbox.subcolor li.sc3 { background-color: #6fc054; }

.sub_0105030300 .color > li .colorbox.subcolor li.sc4 { background-color: #0066b3; }

.sub_0105030300 .color > li .colorbox.subcolor li.sc5 { background-color: #c7e0f4; }

.sub_0105030300 .color > li .colorbox.subcolor li.sc6 { background-color: #f1ddc2; }

.sub_0105030300 .color > li .colorbox.subcolor:after { content: ''; display: block; clear: both; }

.sub_0105030300 .rule { max-width: 448px; width: 100%; }

.sub_0105030300 .cymbal_color { margin-bottom: 1rem; }

.sub_0105030300 .cymbal_color li { width: 33.3%; border: 1px solid #ddd; margin-right: -1px; margin-bottom: -1px; float: left; }

.sub_0105030300 .cymbal_color li img { margin: .5rem auto; display: block; padding: 0 1rem; }

.sub_0105030300 .cymbal_color:after { content: ''; display: block; clear: both; }

.sub_0105030400 .forbid { width: 29.25rem; margin: 0 auto; }

.sub_0105030400 .forbid li { width: 8.75rem; margin: .5rem .5rem; float: left; text-align: center; }

.sub_0106030200 .layer_popup, .sub_0107020000 .layer_popup { opacity: 0; visibility: hidden; transition: all .2s ease; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0, 0, 0, 0.65); }

.sub_0106030200 .layer_popup.active, .sub_0107020000 .layer_popup.active { opacity: 1; visibility: visible; }

.sub_0106030200 .layer_popup .popup, .sub_0107020000 .layer_popup .popup { position: fixed; width: 38.5rem; height: 32rem; background: #fff; left: 50%; transform: translate(-50%, -50%); top: 50%; }

.sub_0106030200 .layer_popup .popup .title, .sub_0107020000 .layer_popup .popup .title { width: calc(100% + 0rem); padding: 0 3rem 0 2rem; background-color: #353541; color: #fff; margin-left: 0rem; height: 3.5rem; margin-bottom: 0rem; font-size: 1rem; line-height: 3.5rem; }

.sub_0106030200 .layer_popup .popup .title p, .sub_0107020000 .layer_popup .popup .title p { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0106030200 .layer_popup .popup .close, .sub_0107020000 .layer_popup .popup .close { text-align: center; border: 1px solid #ddd; height: 2.5rem; line-height: 2.4rem; padding: 0 2rem; color: #333; font-weight: 500; width: 6rem; display: block; margin: 1rem auto 0; }

.sub_0106030200 .layer_popup .popup .close:hover, .sub_0107020000 .layer_popup .popup .close:hover { background-color: #333; border: 1px solid #333; color: #fff; transition: all .2s; }

.sub_0106030200 .layer_popup .popup .closeIcon, .sub_0107020000 .layer_popup .popup .closeIcon { border: none; position: absolute; right: 0; top: 0; font-size: 1.3rem; color: #fff; width: 4rem; height: 3.5rem; margin: 0; padding: 0; line-height: 3.5rem; }

.sub_0106030200 .layer_popup .popup .closeIcon:hover, .sub_0107020000 .layer_popup .popup .closeIcon:hover { background-color: transparent !important; border: none !important; transform: rotate(180deg); transition: all .2s; }

.sub_0106030200 .layer_popup .popup .cont, .sub_0107020000 .layer_popup .popup .cont { height: 23.5rem; padding: 2rem 2rem 1rem; overflow-y: scroll; }

.sub_0106030200 .layer_popup .popup .cont h3, .sub_0107020000 .layer_popup .popup .cont h3 { margin-top: 0; }

.sub_0106030200 .layer_popup .popup .cont img, .sub_0107020000 .layer_popup .popup .cont img { margin-bottom: .5rem; }

.sub_0106030200 .layer_popup .popup .cont .img2, .sub_0107020000 .layer_popup .popup .cont .img2 { width: calc(100% + 1rem); }

.sub_0106030200 .layer_popup .popup .cont .img2 img, .sub_0107020000 .layer_popup .popup .cont .img2 img { width: calc(50% - 1rem); margin-right: 1rem; float: left; }

.sub_0106030200 .layer_popup .popup .cont .img2:after, .sub_0107020000 .layer_popup .popup .cont .img2:after { content: ''; display: block; clear: both; }

.sub_0106030200 ul.doc li, .sub_0107020000 ul.doc li { float: left; width: 48%; }

.sub_0106030200 ul.doc li:nth-child(odd), .sub_0107020000 ul.doc li:nth-child(odd) { margin-right: 4%; }

.sub_0106030200 ul.doc li:nth-child(3), .sub_0107020000 ul.doc li:nth-child(3) { border-bottom: none; }

.sub_0106030200 ul.doc:after, .sub_0107020000 ul.doc:after { content: ''; display: block; clear: both; }

/* sub_0202010000, sub_0203010000*/
.university .index_color { float: right; }

.university .index_color li { float: left; padding-left: 1rem; margin-bottom: 1.5rem; position: relative; margin-right: 1rem; }

.university .index_color li:before { content: ''; width: .75rem; height: .75rem; border-radius: 50%; position: absolute; left: 0; top: .3rem; }

.university .index_color li:nth-child(1):before { background-color: #353541; }

.university .index_color li:nth-child(2):before { background-color: #9b8873; }

.university .index_color li:nth-child(3):before { background-color: #384e69; }

.university .index_color li:nth-child(4):before { background-color: #9c1c2b; }

.university .index_color li:nth-child(4) { margin-right: 0; }

.university .index_color:after { content: ''; display: block; clear: both; }

.university ul.major {clear: both;display: flex;flex-flow: row wrap;width: calc(100% + 1rem);}

.university ul.major > li {background-color: #fafafa;padding: 1rem;position: relative;margin-bottom: 1.75rem;width: calc(33.3% - 1rem);margin-right: 1rem;border: 1px solid #ccc;}

.university ul.major > li:nth-child(7), .university ul.major > li:nth-child(8), .university ul.major > li:nth-child(9) { height: 28rem; }

.university ul.major > li .undergra { font-size: 1.25rem; font-weight: 500; color: #222; padding-bottom: .5rem; padding-left: .5rem; position: relative; }

.university ul.major > li .undergra:before { content: ''; width: .15rem; height: 1.15rem; position: absolute; left: 0; background-color: #9c1c2b; top: .45rem; }

.university ul.major > li .underLink { position: absolute; right: .5rem; top: .75rem; padding-right: 1.75rem; line-height: 1.75rem; padding-top: .4rem; }

.university ul.major > li .underLink:before { content: ''; width: 1.75rem; height: 1.75rem; font-size: 1rem; line-height: 1.75rem; text-align: center; font-family: 'xeicon'; color: #969696; position: absolute; right: 0; top: .4rem; }

.university ul.major > li .underLink:hover { font-weight: 500; color: #9c1c2b; }

.university ul.major > li .underLink:hover:before { color: #9c1c2b; }

.university ul.major > li img { margin: .5rem auto; height: 10.5rem; width: 100%; }

.university ul.major > li .majorWrap > li { width: 100%; float: left; padding: .5rem .1rem; color: #333; font-size: .9rem; position: relative; border-bottom: 1px dotted #b5b5b5; }

.university ul.major > li .majorWrap > li:last-child { border-bottom: none; }

.university ul.major > li .majorWrap > li .major .majorName { display: inline-block; }

.university ul.major > li .majorWrap > li .major .majorName:hover { font-weight: 500; }

.university ul.major > li .majorWrap > li .major .icon-mark{float: right;}

.university ul.major > li .majorWrap > li .major .feature { display: inline-block; vertical-align: middle;}

.university ul.major > li .majorWrap > li .major .feature > li { float: left; font-size: 12px; text-align: center; padding: 0 0rem; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; color: #fff; border-radius: 1rem; margin: 0 1px; }

.university ul.major > li .majorWrap > li .major .feature > li.fe01 { background-color: #3c3c4c; }

.university ul.major > li .majorWrap > li .major .feature > li.fe02 { background-color: #9b8873; }

.university ul.major > li .majorWrap > li .major .feature > li.fe03 { background-color: #384e69; }

.university ul.major > li .majorWrap > li .major .feature > li.fe04 { background-color: #9c1c2b; }

.university ul.major > li .majorWrap > li .major .feature + a{}

.university ul.major > li .majorWrap > li .major a.site { position: absolute; right: .2rem; top: .5rem; position: absolute; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; background: #fff; border-radius: 50%; }

.university ul.major > li .majorWrap > li .major a.site i:after { content: ''; width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 1px solid #ddd; position: absolute; right: 0; top: 0; }

.university ul.major > li .majorWrap > li .major a.site i:hover:before { color: #9c1c2b; }

.university ul.major > li .majorWrap > li .major a.site i:hover:after { border: 1px solid #9c1c2b; }

.university ul.major > li .majorWrap > li .major a.site:after { content: ''; display: block; clear: both; }

.university ul.major > li .majorWrap:after { content: ''; display: block; clear: both; }

.university ul.major:after { content: ''; display: block; clear: both; }

/* sub_0202020000 이하 학부*/
.majorView .corebox { border: .4rem solid #f5f2ef; padding: 2rem 1.75rem; position: relative; z-index: 0; margin-bottom: 2.5rem; }

.majorView .corebox:before { content: ''; width: calc(100% + .8rem); height: calc(100% - 4rem); background-color: #fff; left: -.4rem; top: 2rem; position: absolute; z-index: -1; }

.majorView .corebox > img { max-width: 22.5rem; width: 45%; height: 15rem; float: left; }

.majorView .corebox .major_info { width: 50%; margin-left: 5%; float: left; position: relative; min-height: 15rem; padding-bottom: 95px;}

.majorView .corebox .major_info .name { font-size: 1.25rem; font-weight: 500; color: #222; padding-left: .7rem; position: relative; display: inline-block; margin-bottom: .3rem; }

.majorView .corebox .major_info .name:before { content: ''; width: 3px; height: 1rem; position: absolute; left: 0rem; top: 0.6rem; background-color: #9c1c2b; }

.majorView .corebox .major_info .major_link { position: relative; float: right; border: 1px solid #ddd; border-radius: 1rem; padding: 0 1.8rem 0 .7rem; height: 1.6rem; line-height: 1.4rem; margin-top: .25rem; margin-bottom: 1rem; }

.majorView .corebox .major_info .major_link:before { content: ''; width: 1rem; height: 1rem; line-height: 1rem; font-family: 'xeicon'; color: #9c1c2b; font-size: .8rem; position: absolute; right: 0.7rem; top: .2rem; text-align: center; }

.majorView .corebox .major_info .major_link:hover { border: 1px solid #9c1c2b; background-color: #9c1c2b; color: #fff; transition: all .3s ease-out; font-weight: 400; }

.majorView .corebox .major_info .major_link:hover:before { color: #fff; }

.majorView .corebox .major_info .feature { float: right; margin-right: .5rem; margin-top: .25rem; }

.majorView .corebox .major_info .feature li { float: left; font-size: 12px; text-align: center; padding: 0 0rem; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; color: #fff; border-radius: 1rem; margin: 0 1px; }

.majorView .corebox .major_info .feature li.fe01 { background-color: #3c3c4c; }

.majorView .corebox .major_info .feature li.fe02 { background-color: #9b8873; }

.majorView .corebox .major_info .feature li.fe03 { background-color: #384e69; }

.majorView .corebox .major_info .feature li.fe04 { background-color: #9c1c2b; }

.majorView .corebox .major_info .desc { font-size: .75rem; clear: both; }

.majorView .corebox .major_info .table-wrap.small { position: absolute; bottom: -.5rem; }

.majorView .corebox:after { content: ''; display: block; clear: both; }

.majorView .professor { width: calc(100% + .7rem); }

.majorView .professor > li {position:relative; width: calc(50% - .7rem);margin-right: .7rem;margin-bottom: 1rem;border: 1px solid #d7d7d7;border-bottom: 1px solid #9c1c2b;padding: 1.8rem;float: left;position: relative;}

.majorView .professor > li a { display: inline-block; }

.majorView .professor > li img { width: 6.5rem; height: 7.75rem; float: left; }

.majorView .professor > li .pro_info { width: calc(100% - 6.5rem - 2rem); margin-left: 2rem; float: left; position: relative; }

.majorView .professor > li .pro_info:before {  }

.majorView .professor > li .pro_info li:first-child { font-size: 1rem; color: #222; margin-bottom: .5rem; font-weight: 500; }

.majorView .professor > li .pro_info li + li { padding-bottom: .2rem; }

.majorView .professor > li .pro_info li + li span { width: 5rem; float: left; color: #333; position: relative; padding-left: .5rem; font-weight: 400; }

.majorView .professor > li .pro_info li + li span:before { content: ''; width: .2rem; height: .2rem; border-radius: 50%; background-color: #ab3d4a; position: absolute; left: 0; top: 45%; }

.majorView .professor > li .pro_info li + li p { width: calc(100% - 5rem); float: left; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.majorView .professor > li .pro_info li + li:after { content: ''; display: block; clear: both; }

.majorView .professor > li a:after { content: ''; display: block; clear: both; }

.majorView .professor > li:hover { border: 1px solid #9c1c2b; box-shadow: 0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.15); transition: all .3s ease-out; }

.majorView .professor > li .name{display: inline-block;}

.majorView .professor > li .icon-home{margin-left: 5px;}

.majorView .professor > li .more{position: absolute; top:1.8rem; right: 1.8rem; display:block; width: 1rem; height: 1rem;}

.majorView .professor > li .more:before{content: "\e9c5"; font-family: 'xeicon'; font-size: 1rem; width: 1rem; height: 1rem; text-align: center; line-height: 1rem; color: #949494; position: absolute; right: 0; top: 0;}

.majorView .professor > li:hover .more:before { transform: rotate(180deg); transition: all .4s ease; color: #9c1c2b; }

.majorView .professor:after { content: ''; display: block; clear: both; }

.majorView .pro_view_wrap { width: 100%; background: rgba(0, 0, 0, 0.5); height: 100%; position: fixed; top: 0; left: 0; z-index: 200; display: none; }

.majorView .pro_view_wrap .pro_view { position: fixed; width: 40rem; height: 32rem; background: #fff; top: 8%; padding: 2rem; left: 50%; transform: translate(-50%, -50%); top: 50%; }

.majorView .pro_view_wrap .pro_view:before { content: ''; width: 40rem; height: 3.5rem; line-height: 3.5rem; background-color: #353541; position: absolute; left: 0; top: -3.5rem; }

.majorView .pro_view_wrap .pro_view .title { font-weight: 400; width: 100px; height: 3.5rem; line-height: 3.5rem; font-size: 1.1rem; color: #fff; left: 2rem; top: -3.5rem; position: absolute; }

.majorView .pro_view_wrap .pro_view .pro_top img { width: 6.5rem; height: 7.75rem; float: left; }

.majorView .pro_view_wrap .pro_view .pro_top .pro_info { width: calc(100% - 6.5rem - 2rem); margin-left: 2rem; float: left; position: relative; }

.majorView .pro_view_wrap .pro_view .pro_top .pro_info .name{display: inline-block;}

.majorView .pro_view_wrap .pro_view .pro_top .pro_info > li .icon-home{margin-left: 5px;}

.majorView .pro_view_wrap .pro_view .pro_top .pro_info li:first-child { font-size: 1rem; color: #222; margin-bottom: .5rem; font-weight: 500; }

.majorView .pro_view_wrap .pro_view .pro_top .pro_info li + li { padding-bottom: .2rem; }

.majorView .pro_view_wrap .pro_view .pro_top .pro_info li + li span { width: 5rem; float: left; color: #333; position: relative; padding-left: .5rem; font-weight: 400; }

.majorView .pro_view_wrap .pro_view .pro_top .pro_info li + li span:before { content: ''; width: .2rem; height: .2rem; border-radius: 50%; background-color: #ab3d4a; position: absolute; left: 0; top: 45%; }

.majorView .pro_view_wrap .pro_view .pro_top .pro_info li + li p { width: calc(100% - 5rem); float: left; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.majorView .pro_view_wrap .pro_view .pro_top .pro_info li + li:after { content: ''; display: block; clear: both; }

.majorView .pro_view_wrap .pro_view .pro_top:after { content: ''; display: block; clear: both; }

.majorView .pro_view_wrap .pro_view .pro_detail { margin-top: 2rem; overflow: hidden; overflow-y: scroll; height: 18.4rem; width: calc(100% + 4rem); position: relative; left: -2rem; }

.majorView .pro_view_wrap .pro_view .pro_detail h4 { height: 2rem; line-height: 2rem; margin: 0 2rem; border-top: 1px solid #000; border-bottom: 1px solid #cacaca; background-color: #f0f0f0; font-weight: 300; font-size: .8rem; padding: 0 1rem; color: #333; }

.majorView .pro_view_wrap .pro_view .pro_detail p, .majorView .pro_view_wrap .pro_view .pro_detail ul { padding: 1rem 1rem 2rem; margin: 0 2rem; }

.majorView .pro_view_wrap .pro_view .close { width: 1.5rem; height: 1.5rem; font-size: 1.5rem; position: absolute; right: 1.5rem; top: -2.5rem; color: #fff; line-height: 1.5rem; cursor: pointer; overflow: hidden; }

.majorView .pro_view_wrap .pro_view .close:before { content: ''; color: #fff; width: 1.5rem; font-family: 'xeicon'; height: 1.5rem; line-height: 1.5rem; }

.majorView .pro_view_wrap.active { display: block; }

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

.sub_0305010000 > ul > li { border-bottom: 1px solid #ddd; display: table; width: 100%; table-layout: fixed; padding: 1.4rem 0 1rem; }

.sub_0305010000 > ul > li:first-child { border-top: 1px solid #4a4a67; }

.sub_0305010000 > ul > li:last-child { border-bottom: 1px solid #666666; }

.sub_0305010000 > ul > li .title { display: table-cell; vertical-align: middle; width: 10rem; text-align: center; font-weight: 500; position: relative; }

.sub_0305010000 > ul > li .title > span { padding-top: 1.5rem; display: inline-block; font-size: .85rem; color: #333; }

.sub_0305010000 > ul > li .title:before { content: ''; width: 2.25rem; height: 2.25rem; position: absolute; left: 50%; transform: translate(-50%, -100%); top: 46%; }

.sub_0305010000 > ul > li:nth-child(1) .title:before { background: url(/home/img/sub/0305010000_01.png) no-repeat center; background-size: contain; }

.sub_0305010000 > ul > li:nth-child(2) .title:before { background: url(/home/img/sub/0305010000_02.png) no-repeat center; background-size: contain; }

.sub_0305010000 > ul > li:nth-child(3) .title:before { background: url(/home/img/sub/0305010000_03.png) no-repeat center; background-size: contain; }

.sub_0305010000 > ul > li:nth-child(4) .title:before { background: url(/home/img/sub/0305010000_04.png) no-repeat center; background-size: contain; }

.sub_0305010000 > ul > li:nth-child(5) .title:before { background: url(/home/img/sub/0305010000_05.png) no-repeat center; background-size: contain; }

.sub_0305010000 > ul > li:nth-child(6) .title:before { background: url(/home/img/sub/0305010000_06.png) no-repeat center; background-size: contain; }

.sub_0305010000 > ul > li:nth-child(7) .title:before { background: url(/home/img/sub/0305010000_07.png) no-repeat center; background-size: contain; }

.sub_0305010000 > ul > li .desc { display: table-cell; width: calc(100% - 10rem); }

.sub_0305010000 > ul > li .desc > .bul2 { margin-bottom: .5rem; border-bottom: 1px dashed #ddd; padding-bottom: .5rem; }

.sub_0305010000 > ul > li .desc > .t2 { padding-left: .5rem; }

.sub_0305010000 > ul > li .desc > .t2 span { font-size: 1rem; vertical-align: bottom; }

.sub_0305040200 { border: .25rem solid #e9e9e9; padding: 2rem .5rem; }

.sub_0305040200 img { display: block; margin: 0 auto; }

.sub_0305090200 .tbox3 a { position: absolute; right: 2rem; top: 3.4rem; }

.sub_0305090200 .process { width: calc(100% + 2rem); }

.sub_0305090200 .process li { border: 1px solid #ddd; width: calc(20% - 2rem); margin-right: 2rem; position: relative; float: left; margin-top: 1rem; height: 4.5rem; padding-top: .7rem; text-align: center; line-height: 3.5rem; box-sizing: border-box; margin-bottom: 1rem; }

.sub_0305090200 .process li p { color: #303e75; font-size: .8rem; font-weight: 400; text-align: center; line-height: 1.2; vertical-align: middle; display: inline-block; }

.sub_0305090200 .process li span { width: 2rem; height: 2rem; text-align: center; line-height: 2rem; background-color: #3c4165; color: #fff; border-radius: 50%; font-weight: 500; position: absolute; left: 50%; transform: translateX(-50%); top: -1rem; }

.sub_0305090200 .process li:after { content: ''; position: absolute; right: -1.5rem; width: 1rem; height: 1rem; top: 50%; transform: translateY(-50%); font-size: 1rem; color: #737373; font-family: 'xeicon'; line-height: 1; }

.sub_0305090200 .process li:last-child:after { display: none; }

.sub_0305090200 .process:after { content: ''; display: block; clear: both; }

.sub_0305140100 .process { width: calc(100% + 2rem); margin-top: 2rem; }

.sub_0305140100 .process > li { width: calc(33.33% - 2rem); margin-right: 2rem; float: left; position: relative; border: 1px solid #ddd; margin-bottom: 3rem; }

.sub_0305140100 .process > li .title { background-color: #f5f5f5; color: #303e75; font-weight: 400; font-size: .8rem; text-align: center; height: 3.5rem; padding-top: 1.2rem; }

.sub_0305140100 .process > li span { background-color: #3c4165; width: 2rem; height: 2rem; text-align: center; line-height: 2rem; position: absolute; left: 50%; transform: translateX(-50%); color: #fff; border-radius: 50%; top: -1rem; }

.sub_0305140100 .process > li .desc { height: 7rem; padding: 1rem; }

.sub_0305140100 .process > li:nth-child(4) .desc { text-align: center; }

.sub_0305140100 .process > li:nth-child(4), .sub_0305140100 .process > li:nth-child(5), .sub_0305140100 .process > li:nth-child(6) { margin-bottom: 1rem; }

.sub_0305140100 .process > li:after { content: ''; width: 1rem; height: 1rem; font-size: 1rem; right: -1.5rem; font-family: 'xeicon'; color: #737373; position: absolute; top: 50%; transform: translateY(-50%); }

.sub_0305140100 .process > li:nth-child(3):after, .sub_0305140100 .process > li:nth-child(6):after { display: none; }

.sub_0305140100 .process:after { content: ''; display: block; clear: both; }

.sub_0305150100 .kbdown { margin-bottom: 2rem; }

.sub_0305150100 .kbdown img { display: inline-block; margin-right: 2rem; float: left; }

.sub_0305150100 .kbdown .text { display: inline-block; padding-top: .5rem; }

.sub_0305150100 .num-title + .process{margin-top: 2rem;}

.sub_0305150100 .process ul { width: calc(100% + 1rem); }

.sub_0305150100 .process ul li { width: calc(33.33% - 1rem); margin-right: 1rem; float: left; border: 1px solid #ddd; border-top: 1px solid #9ca7b2; margin-bottom: 2rem; padding-bottom: 1rem; position: relative; }

.sub_0305150100 .process ul li > span { position: absolute; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; color: #fff; font-weight: 500; left: 50%; transform: translateX(-50%); background-color: #3c4165; border-radius: 50%; top: -1.2rem; }

.sub_0305150100 .process ul li p { height: 3.25rem; line-height: 3.25; text-align: center; width: 100%; padding: 0 1rem; font-size: .8rem; color: #333; font-weight: 500; background-color: #f6f7f9; margin-bottom: 1rem; padding-top: .5rem; }

.sub_0305150100 .process ul li p span { line-height: 1.5; display: inline-block; vertical-align: middle; }

.sub_0305150100 .process ul li img { display: block; margin: 0 auto; }

.sub_0305150100 .process ul:after { content: ''; display: block; clear: both; }

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

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

.sub_0307020100 .agreeBox span { position: relative; }

.sub_0307020100 .agreeBox input { display: inline-block; position: absolute; top: .1rem; width: .9rem; height: .9rem; }

.sub_0307020100 .agreeBox input:focus { border: 2px dotted #808080; outline: 2px dotted #808080; }

.sub_0307020100 .btn_basic.center { position: relative; left: 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; }

.sub_0307020200 .stripe_box .stbox { padding: 1.25rem 5rem; }

.sub_0307020200 .stripe_box .stbox .title { font-size: .9rem; color: #000; font-weight: 500; padding: 0 2rem; position: relative; display: inline-block; width: 12rem; float: left; line-height: 2rem; }

.sub_0307020200 .stripe_box .stbox .title:before { content: ''; width: 1.4rem; height: 2rem; background: url(/home/img/sub/0307020200_01.png) no-repeat center; position: absolute; left: 0; }

.sub_0307020200 .stripe_box .stbox fieldset { width: calc(100% - 12rem); float: left; height: 2rem; }

.sub_0307020200 .stripe_box .stbox fieldset input { border: 1px solid #ddd; height: 2rem; margin: 0; width: calc(100% - 5.5rem); padding: 0.2rem .5rem; float: left; }

.sub_0307020200 .stripe_box .stbox fieldset button { width: 5.5rem; background: #000; height: 2rem; display: inline-block; color: #fff; font-size: .75rem; }

.sub_0307020200 .stripe_box .stbox:after { content: ''; display: block; clear: both; }

.sub_0307020200 .btn_basic { position: relative; left: 50%; transform: translateX(-50%); }

.sub_0311030100 .military { width: calc(100% + .75rem); }

.sub_0311030100 .military li { border: 1px solid #ddd; float: left; width: calc(50% - .75rem); margin-right: .75rem; margin-bottom: .75rem; padding: 1rem 2rem; position: relative; }

.sub_0311030100 .military li:before { content: ''; width: 2rem; height: 2rem; border-radius: 50%; background-color: #f6f7f9; position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); }

.sub_0311030100 .military li:after { content: ''; font-family: 'xeicon'; font-size: 1rem; text-align: center; line-height: 2rem; position: absolute; right: 2.5rem; top: 50%; transform: translateY(-50%); color: #484d6f; }

.sub_0311030100 .military li a { display: block; width: 100%; }

.sub_0311030100 .military li:hover { border: 1px solid #9c1c2b; transition: all .2s; }

.sub_0311030100 .military:after { content: ''; display: block; clear: both; }

.sub_0311010400.bul1 { width: 28rem; float: left; }

.sub_0311010400.img { width: calc(100% - 28rem); float: left; text-align: center; }

/* sub_04020200 동아리현황 */
.club { padding-top: 1.5rem; border-top: 2px solid #555; border-bottom: 1px solid #aaa; }

.club > ul { width: calc(100% + 1rem); }

.club > ul > li { width: calc(33.33% - 1rem); margin-right: 1rem; margin-bottom: 1rem; border: 1px solid #ddd; float: left; position: relative; }

.club > ul > li img { height: 9.8rem; width: 100%; }

.club > ul > li .divi { position: absolute; right: 0; top: 0; color: #fff; font-size: .75rem; height: 2rem; line-height: 2rem; padding: 0 1rem; }

.club > ul > li .divi.divi01 { background-color: #767695; }

.club > ul > li .divi.divi02 { background-color: #796566; }

.club > ul > li .divi.divi03 { background-color: #9b8873; }

.club > ul > li .divi.divi04 { background-color: #9c1c2b; }

.club > ul > li .divi.divi05 { background-color: #1a3759; }

.club > ul > li .name { padding: 1rem 1.5rem 0; color: #222; font-size: 1rem; font-weight: 500; }

.club > ul > li .club_info { padding: .6rem 1.5rem 1.5rem; }

.club > ul > li .club_info li span { float: left; width: 5rem; position: relative; color: #333; }

.club > ul > li .club_info li span:after { content: ''; width: 1px; height: .7rem; background-color: #ddd; position: absolute; right: .75rem; top: .35rem; }

.club > ul > li .club_info li p { width: calc(100% - 5rem); color: #666; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.club > ul > li .club_info li:after { content: ''; display: block; clear: both; }

.club > ul:after { content: ''; display: block; clear: both; }

.clubView { border-top: 2px solid #555; border-bottom: 1px solid #aaa; padding: 2rem 0; margin-bottom: 1.5rem; }

.clubView > img { width: 16rem; height: 9.8rem; float: left; margin-bottom: 2rem; }

.clubView .club_info { width: calc(100% - 16rem - 2.5rem); float: left; margin-left: 2.5rem; }

.clubView .club_info li:first-child { margin-bottom: 1rem; margin-top: .5rem; }

.clubView .club_info li:first-child .divi { color: #fff; font-size: .75rem; height: 2rem; line-height: 2rem; padding: 0 1rem; margin-right: 1rem; float: left; }

.clubView .club_info li:first-child .divi.divi01 { background-color: #767695; }

.clubView .club_info li:first-child .divi.divi02 { background-color: #796566; }

.clubView .club_info li:first-child .divi.divi03 { background-color: #9b8873; }

.clubView .club_info li:first-child .divi.divi04 { background-color: #9c1c2b; }

.clubView .club_info li:first-child .divi.divi05 { background-color: #1a3759; }

.clubView .club_info li:first-child .name { float: left; color: #222; font-size: 1.1rem; font-weight: 500; height: 2rem; line-height: 2rem; }

.clubView .club_info li:first-child:after { content: ''; display: block; clear: both; }

.clubView .club_info li + li { padding-bottom: .1rem; }

.clubView .club_info li + li span { float: left; width: 5rem; position: relative; color: #333; }

.clubView .club_info li + li span:after { content: ''; width: 1px; height: .7rem; background-color: #ddd; position: absolute; right: .75rem; top: .35rem; }

.clubView .club_info li + li p { width: calc(100% - 5rem); color: #666; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.clubView .club_info li + li:after { content: ''; display: block; clear: both; }

.clubView .club_intro { clear: both; background-color: #fafafb; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 2rem; margin-bottom: 1.5rem; }

.clubView .club_intro .intro { font-size: .9rem; color: #333; padding-bottom: .3rem; font-weight: 500; }

.clubView .clubimgslider .bx-wrapper .bx-viewport { box-shadow: none; }

.clubView .clubimgslider .bx-wrapper .bx-viewport img { width: 100%; height: 8rem; }

.clubView .clubimgslider .bx-wrapper .bx-controls a { top: 3rem; width: 2rem; height: 2rem; line-height: 2rem; display: block !important; overflow: hidden; position: absolute; margin: 0; background: none; text-indent: -9999px; z-index: 0; text-align: center; }

.clubView .clubimgslider .bx-wrapper .bx-controls a.bx-prev { left: -3rem; }

.clubView .clubimgslider .bx-wrapper .bx-controls a.bx-next { right: -3rem; }

.clubView .clubimgslider .bx-wrapper .bx-controls a:before { content: ''; font-size: 2rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #333; text-indent: 0; line-height: inherit; }

.clubView .clubimgslider .bx-wrapper .bx-controls a.bx-next:before { content: ''; }

/* 0403010000 이하 슬라이드 공통 */
.sub_slider { border: 1px solid #ddd; padding: 2rem; clear: both; }

.sub_slider #bx-pager { margin-top: 0; margin-bottom: 1.5rem; text-align: center; }

.sub_slider #bx-pager a img { width: 9%; padding: 0; border: 2px solid #ccc; margin: 0 .3%; opacity: 1; }

.sub_slider #bx-pager a.active img { border: 2px solid #026cb5; }

.sub_slider .bx-wrapper .bx-viewport { box-shadow: none; }

.sub_slider .bx-wrapper .bx-viewport ul li img { margin: 0 auto; }

.sub_slider .bx-wrapper .bx-controls-direction a { width: 3.5rem; height: 3.5rem; border-radius: 50%; background: rgba(0, 0, 0, 0.4); z-index: 1; top: 50%; transform: translateY(-50%); text-indent: 0; overflow: hidden; outline: inherit; }

.sub_slider .bx-wrapper .bx-controls-direction a:before { font-family: 'xeicon'; font-size: 1.3rem; width: 3.5rem; height: 3.5rem; text-align: center; line-height: 3.5rem; color: #fff; display: block; }

.sub_slider .bx-wrapper .bx-controls-direction a.bx-prev { left: 1rem; }

.sub_slider .bx-wrapper .bx-controls-direction a.bx-prev:before { content: ''; }

.sub_slider .bx-wrapper .bx-controls-direction a.bx-next { right: 1rem; }

.sub_slider .bx-wrapper .bx-controls-direction a.bx-next:before { content: ''; }

.sub_slider .bx-wrapper .bx-controls-direction a:hover { box-shadow: 0px 0.3rem 0.5rem rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.6); }

.sub_slider .bx-wrapper .bx-controls-direction a:focus { border: 2px solid #8caee5; }

.sub_0403010000 .golink { float: right; margin-bottom: 1rem; }

.sub_0403010000 .facilities { width: calc(100% + 2rem); }

.sub_0403010000 .facilities li { width: calc(50% - 2rem); margin-right: 2rem; float: left; margin-bottom: 1.5rem; }

.sub_0403010000 .facilities li img { margin-bottom: 1rem; }

.sub_0403010000 .facilities li .title { font-weight: 500; color: #222; font-size: .9rem; }

.sub_0403010000 .facilities li .desc { font-size: .8rem; color: #333; height: 2.5rem; }

.sub_0403010000 .facilities:after { content: ''; display: block; clear: both; }

.sub_0403010000 .doc { padding-bottom: 2rem; }

.sub_0403010000 .doc li .call { width: 40%; float: right; padding-left: 1.5rem; position: relative; }

.sub_0403010000 .doc li .call:before { content: ''; font-family: 'xeicon'; position: absolute; left: 0; font-size: 1rem; color: #333; line-height: 1.8rem; }

.sub_0403010000 .doc li:nth-child(5) { border-bottom: none; }

.sub_0403010000 .doc li:last-child { border-bottom: none; background: #f6f6f6; margin-top: .5rem; }

.sub_0403010000 .doc li:last-child .add { padding-left: 1.8rem; position: relative; }

.sub_0403010000 .doc li:last-child .add:before { content: ''; font-family: 'xeicon'; position: absolute; left: .5rem; color: #333; font-size: 1rem; }

.sub_0404010000 .golink { float: right; }

.sub_0404010000 h2 { clear: both; }

.sub_0404010000 .facilities { width: calc(100% + 2rem); }

.sub_0404010000 .facilities li { width: calc(50% - 2rem); margin-right: 2rem; float: left; margin-bottom: 1.5rem; }

.sub_0404010000 .facilities li img { margin-bottom: 1rem; }

.sub_0404010000 .facilities li .title { font-weight: 500; color: #222; font-size: .9rem; }

.sub_0404010000 .facilities li .desc { font-size: .8rem; color: #333; height: 2.5rem; }

.sub_0404010000 .facilities:after { content: ''; display: block; clear: both; }

.sub_0404010000 .doc { padding-bottom: 2rem; }

.sub_0404010000 .doc li .call { width: 40%; float: right; padding-left: 1.5rem; position: relative; }

.sub_0404010000 .doc li .call:before { content: ''; font-family: 'xeicon'; position: absolute; left: 0; font-size: 1rem; color: #333; line-height: 1.8rem; }

.sub_0404010000 .doc li:nth-child(3) { border-bottom: none; }

.sub_0404010000 .doc li:last-child { border-bottom: none; background: #f6f6f6; margin-top: .5rem; }

.sub_0404010000 .doc li:last-child .add { padding-left: 1.8rem; position: relative; }

.sub_0404010000 .doc li:last-child .add:before { content: ''; font-family: 'xeicon'; position: absolute; left: .5rem; color: #333; font-size: 1rem; }

/* 0406010000 식단 */
.menutableWrap { padding-top: 2rem; border-top: 1px solid #9ca7b2; }

.menutableWrap .menutable .top { position: relative; }

.menutableWrap .menutable .top .title { text-align: center; color: #9b8873; font-size: .9rem; font-weight: 500; }

.menutableWrap .menutable .top .date { text-align: center; font-size: 1.5rem; color: #222; }

.menutableWrap .menutable .top .arrow a { position: absolute; display: block; font-size: 0; width: 3.5rem; height: 3.5rem; border-radius: 50%; background-color: #f8f8f9; top: calc(50% - 1.75rem); }

.menutableWrap .menutable .top .arrow a:before { color: #707070; font-family: 'xeicon'; font-size: 1.3rem; width: 3.5rem; height: 3.5rem; line-height: 3.5rem; text-align: center; position: absolute; }

.menutableWrap .menutable .top .arrow a.prev { left: 0; }

.menutableWrap .menutable .top .arrow a.prev:before { content: ''; }

.menutableWrap .menutable .top .arrow a.next { right: 0; }

.menutableWrap .menutable .top .arrow a.next:before { content: ''; }

.menutableWrap .menutable .top .arrow a:hover { box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.1); transition: all .3s; }

.menutableWrap .menutable .top .arrow a:hover:before { color: #000; font-weight: 600; }

.menutableWrap .menutable .top .this_week { text-align: center; font-size: .75rem; border: 1px solid #999; color: #333; height: 2.1rem; line-height: 2rem; margin: 0 auto; display: block; width: 130px; margin-top: .6rem; transition: all .3s; }

.menutableWrap .menutable .top .this_week:hover { background-color: #333; border: 1px solid #333; color: #fff; font-weight: 400; transition: all .3s; }

.menutableWrap .menutable .using_time_wrap { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f6f7f9; padding: 0.7rem; margin-bottom: 1.5rem; margin-top: 2rem; }

.menutableWrap .menutable .using_time_wrap .using_time { max-width: 668px; margin: 0 auto; width: 100%; }

.menutableWrap .menutable .using_time_wrap .using_time .title { border: 1px solid #1a3759; border-radius: 1rem; background-color: #fff; color: #1a3759; height: 1.7rem; line-height: 1.6rem; display: inline-block; padding: 0 1rem; float: left; font-weight: 500; margin: 0 2rem 0 1.5rem; }

.menutableWrap .menutable .using_time_wrap .using_time ul { float: left; }

.menutableWrap .menutable .using_time_wrap .using_time ul li { height: 1.7rem; line-height: 1.7rem; float: left; }

.menutableWrap .menutable .using_time_wrap .using_time ul li span { color: #1a3759; padding-right: 1rem; font-weight: 500; float: left; }

.menutableWrap .menutable .using_time_wrap .using_time ul li p { color: #707070; font-size: .8rem; float: left; padding-right: 1.5rem; }

.menutableWrap .menutable .using_time_wrap .using_time ul li:after { content: ''; display: block; clear: both; }

.menutableWrap .menutable .using_time_wrap .using_time ul:after { content: ''; display: block; clear: both; }

.menutableWrap .menutable .using_time_wrap .using_time:after { content: ''; display: block; clear: both; }

.menutableWrap .menutable .menu .title { font-size: 1rem; font-weight: 500; color: #333; padding-bottom: .3rem; }

.menutableWrap .menutable .menu .table-wrap2 { /* td:hover{ border:2px solid #9c1c2b; position: relative; color: #9c1c2b; &:before{content:''; width: 1.8rem; height: 1.8rem; position: absolute;right: 0; top:0; background-color: #9c1c2b;} &:after{content:''; font-family: 'xeicon'; color: #fff;width: 1.8rem; height: 1.8rem;text-align: center;line-height: 1.8rem;font-size: .8rem; position: absolute; right: 0; top: 0;;} } td.nodata:hover{ border:2px solid #1a3759; &:before{background-color: #1a3759;} &:after{content:'';} a{   position: relative; &:before{content:'등록'; font-size: .9rem; font-weight: 500; color: #1a3759;text-align: center !important; line-height: 2rem; width: 100%; position: absolute;} } }*/ }

.menutableWrap .menutable .menu .table-wrap2 .today { background-color: #f6f7f9; }

.menutableWrap .menutable .menu .table-wrap2 td a { width: 100%; display: block; min-height: 2rem; }

.sub_0407020100 .stripe_box .stbox { padding: 1rem 2rem; }

.sub_0407020100 .stripe_box .stbox .title { font-size: 1rem; color: #333; float: left; display: inline-block; padding: .8rem 2rem .8rem 0; font-weight: 500; }

.sub_0407020100 .stripe_box .stbox ul { float: left; }

.sub_0407020100 .stripe_box .stbox:after { content: ''; display: block; clear: both; }

.sub_0407020100 .faciBox { border: 1px solid #ddd; padding: 1.5rem 2rem; }

.sub_0407020100 .faciBox ul li { margin: .5rem 0; line-height: 2rem; }

.sub_0407020100 .faciBox ul li .title { display: inline-block; float: left; font-weight: 700; font-size: .8rem; color: #333; padding-right: 2rem; width: 5.5rem; }

.sub_0407020100 .faciBox ul li .faciChoice { float: left; width: calc(100% - 5.5rem); }

.sub_0407020100 .faciBox ul li .faciChoice label.ti { display: none; }

.sub_0407020100 .faciBox ul li .faciChoice input.radio_i { position: relative; left: 0; width: .9rem; height: .9rem; color: #fff; }

.sub_0407020100 .faciBox ul li .faciChoice label.radio_l { min-width: 5.5rem; position: relative; padding-left: 1.4rem; height: 2rem; line-height: 2rem; display: inline-block; margin-right: .5rem; margin-left: -.9rem; }

.sub_0407020100 .faciBox ul li .faciChoice label.radio_l.faci3, .sub_0407020100 .faciBox ul li .faciChoice label.radio_l.faci7 { width: 7.5rem; }

.sub_0407020100 .faciBox ul li .faciChoice 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_0407020100 .faciBox ul li .faciChoice 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: ''; transition: all 0.2s; }

.sub_0407020100 .faciBox ul li .faciChoice input:checked + label::after { background-color: #3c4165; }

.sub_0407020100 .faciBox ul li .faciChoice select { width: 6rem; height: 2rem; padding: 0 .5rem; border: 1px solid #ddd; }

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

.sub_0407020100 .faciBox ul li .faciChoice input[type='text']::placeholder{color: #707070;}

.sub_0407020100 .faciBox ul li .faciChoice .classHo { width: 8rem !important; }

.sub_0407020100 .faciBox ul li:after { content: ''; display: block; clear: both; }

.sub_0407020100 .faciBox ul:after { content: ''; display: block; clear: both; }

.sub_0407020100 .faciReserWrap .calendar { width: 18.5rem; margin-right: 2.4rem; float: left; border: 1px solid #ddd; position: relative; }

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

.sub_0407020100 .faciReserWrap .calendar .arrow a { position: absolute; display: block; font-size: 0; width: 3rem; height: 3rem; border-radius: 50%; top: 0; }

.sub_0407020100 .faciReserWrap .calendar .arrow a.prev { left: 0; }

.sub_0407020100 .faciReserWrap .calendar .arrow a.next { right: 0; }

.sub_0407020100 .faciReserWrap .calendar .arrow a:before { font-family: 'xeicon'; font-size: 1.3rem; width: 3rem; height: 3rem; line-height: 2.307; text-align: center; position: absolute; color: #fff; }

.sub_0407020100 .faciReserWrap .calendar .arrow a.prev:before { content: ''; }

.sub_0407020100 .faciReserWrap .calendar .arrow a.next:before { content: ''; }

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

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

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

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

.sub_0407020100 .faciReserWrap .calendar .cal tbody tr td { height: 1.6rem; }

.sub_0407020100 .faciReserWrap .calendar .cal tbody tr td a { width: 1.2rem; height: 1.2rem; display: block; text-align: center; margin: .2rem auto; line-height: 1.2rem; border-radius: 50%; }

.sub_0407020100 .faciReserWrap .calendar .cal tbody tr td a.today { background-color: #c1a387; color: #fff; }

.sub_0407020100 .faciReserWrap .calendar .cal tbody tr td a:hover { background-color: #9c1c2b; color: #fff; }

.sub_0407020100 .faciReserWrap .calendar .cal tbody tr td a.active { background-color: #9c1c2b; color: #fff; }

.sub_0407020100 .faciReserWrap .faciReserPDBox { float: left; width: calc(100% - 20.9rem); }

.sub_0407020100 .faciReserWrap .faciReserPDBox .faciRPBox { border: .4rem solid #f5f5f5; padding: .8rem 1rem 1rem; margin-bottom: .8rem; }

.sub_0407020100 .faciReserWrap .faciReserPDBox .faciRPBox .title { font-size: 1.2rem; color: #111; font-weight: 500; display: inline-block; margin-bottom: .3rem; }

.sub_0407020100 .faciReserWrap .faciReserPDBox .faciRPBox .info_completion { float: right; padding-left: 1.3rem; position: relative; }

.sub_0407020100 .faciReserWrap .faciReserPDBox .faciRPBox .info_completion:before { content: ''; width: .8rem; height: .8rem; border: 1px solid #ddd; background-color: #f6f6f6; background-image: linear-gradient(-45deg, transparent 40%, #dedede 40%, #dedede 50%, transparent 50%, transparent 90%, #dedede 90%); background-size: 6px 6px; position: absolute; left: 0; top: .2rem; }

.sub_0407020100 .faciReserWrap .faciReserPDBox .faciRDBox { float: left; }

.sub_0407020100 .faciReserWrap .faciReserPDBox .faciRDBox ul { width: calc(100% + .5rem); }

.sub_0407020100 .faciReserWrap .faciReserPDBox .faciRDBox ul li { float: left; width: calc(33.33% - .5rem); margin-right: .5rem; border: 1px solid #ddd; text-align: center; margin-bottom: .35rem; }

.sub_0407020100 .faciReserWrap .faciReserPDBox .faciRDBox ul li a { display: block; width: 100%; height: 1.68rem; line-height: 1.6rem; }

.sub_0407020100 .faciReserWrap .faciReserPDBox .faciRDBox ul li a.selected { /* background-color: #c1a387; */ background-color:#88613d; color: #fff; }

.sub_0407020100 .faciReserWrap .faciReserPDBox .faciRDBox ul li a:hover { background-color: #1a3759; color: #fff; transition: all .2s; }

.sub_0407020100 .faciReserWrap .faciReserPDBox .faciRDBox ul li a.completion { cursor: not-allowed; color: #888; background-color: #f6f6f6; background-image: linear-gradient(-45deg, transparent 40%, #dedede 40%, #dedede 50%, transparent 50%, transparent 90%, #dedede 90%); background-size: 6px 6px; }

.sub_0407020100 .faciReserWrap .faciReserPDBox .faciRDBox ul:after { content: ''; display: block; clear: both; }

.sub_0407020100 .faciReserWrap .faciReserPDBox:after { content: ''; display: block; clear: both; }

.sub_0407020100 .faciReserWrap:after { content: ''; display: block; clear: both; }

.sub_0407020100 .myReserTable table tbody tr td { text-align: left; }

.sub_0407020100 .myReserTable table tbody tr td input[type='text'] { width: 100%; }

.sub_0407020100 .myReserTable table tbody tr td input[type='text']::placeholder { color: #555; font-weight: 300; font-size: .8rem; }

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

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

.sub_0407020100 .agreeBox input.radio_i { position: relative; left: 0; width: .8rem; height: .9rem; }

.sub_0407020100 .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; margin-left: -.9rem; }

.sub_0407020100 .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_0407020100 .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: ''; transition: all 0.2s; }

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

.sub_0407020200 .stripe_box .stbox { padding: 1rem 2rem; }

.sub_0407020200 .stripe_box .stbox span { display: inline-block; vertical-align: middle; }

.sub_0407020200 .stripe_box .stbox span select { width: 8rem; height: 2rem; padding: 0 .5rem; border: 1px solid #ddd; }

.sub_0407020200 .stripe_box .stbox span.form-btn { height: 2rem; }

.sub_0407020200 .stripe_box .stbox span.form-btn input[type='text'] { height: 2rem; width: 9rem; }

.sub_0407020200 .stripe_box .stbox span.form-btn input[type='text']::placeholder{color: #555;}

.sub_0407020200 .stripe_box .stbox span.form-btn img { margin-left: -2rem; }

.sub_0407020200 .stripe_box .stbox span.form-input { width: calc(100% - 23rem); }

.sub_0407020200 .stripe_box .stbox span.form-input input[type='text'] { height: 2rem; line-height: 2rem; padding: 0 .5rem; border: 1px solid #ddd; width: 100%; background-color: #fff; }

.sub_0407020200 .stripe_box .stbox span.form-input input[type='text']::placeholder{color: #707070;}

.sub_0407020200 .stripe_box .stbox span button { background-color: #333; height: 2rem; border: #333; color: #fff; padding: 0 .9rem; width: 5rem; }

.sub_0407020200 .stripe_box .stbox span button.dateChoice { height: 2rem; width: 8rem; line-height: 2rem; padding: 0 3rem 0 .5rem; border: 1px solid #ddd; position: relative; background-color: #fff; color: #333; }

.sub_0407020200 .stripe_box .stbox span button.dateChoice:before { content: ''; width: 1rem; line-height: 2rem; position: absolute; right: .5rem; font-family: 'xeicon'; color: #333; }

.sub_0407020200 .myReserPrint { float: right; }

.sub_0407020200 ul.doc li p { display: inline-block; }

.sub_0407020200 ul.doc li p.flri { font-weight: 300; }

.sub_0407020200 .myReserTable table tbody tr td { text-align: left; }

.sub_0407020200 .myReserTable table tbody tr td input[type='text'] { border: none; width: 100%; }

.sub_0407020200 .BtnArea0 { text-align: center; margin: 2rem auto; }

.sub_0407020200 .BtnArea1 { float: left; }

.sub_0407020200 .BtnArea2 { float: right; }

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

.sub_0409010000 .imgtextBox img { float: left; margin-right: 2rem; width: 45%; }

.sub_0409010000 .imgtextBox > div { float: left; margin-top: -1.5rem; width: calc(55% - 2rem); }

.sub_0409010000 .imgtextBox:after { content: ''; display: block; clear: both; }

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

.sub_0409040300 .sms { border: .25rem solid #ddd; padding: 2rem 3rem 1rem; }

.sub_0409040300 .sms .title { width: 5.5rem; padding-top: 6rem; margin-right: 1.5rem; float: left; text-align: center; display: inline-block; font-weight: 400; color: #333; font-size: .85rem; background: url(/home/img/sub/0409040030_01.png) no-repeat center top; background-size: contain; }

.sub_0409040300 .sms ul { width: calc(100% - 7rem); float: left; display: inline-block; }

.sub_0409040300 .sms ul li { font-weight: 400; font-size: .85rem; text-align: center; }

.sub_0409040300 .sms ul li .con { border-bottom: 1px solid #a7a7a7; color: #333; width: calc(100% - 12rem); display: inline-block; float: left; height: 2.7rem; line-height: 2.5; position: relative; }

.sub_0409040300 .sms ul li .con:before { content: ''; width: 1rem; height: 1rem; border-top: 1px solid #a7a7a7; transform: rotate(45deg); position: absolute; right: .2rem; bottom: -.5rem; }

.sub_0409040300 .sms ul li .object { width: 10.5rem; margin-left: 1.5rem; display: inline-block; float: left; border-radius: 2rem; color: #fff; height: 3.25rem; line-height: 3.25rem; background-color: #1a3759; margin-bottom: 1rem; }

.sub_0409040300 .sms ul:after { content: ''; display: block; clear: both; }

.sub_0409040300 .sms:after { content: ''; display: block; clear: both; }

.sub_0409050100 .tbox3 .desc span { position: relative; margin: 0 .3rem; }

.sub_0409050100 .tbox3 .desc span:before { content: ''; width: 1px; height: .6rem; background-color: #ccc; position: absolute; margin: .3rem 0; }

.sub_0409070000 .imgBox { margin-top: 1.5rem; width: calc(100% + 1.5rem); }

.sub_0409070000 .imgBox img { margin-right: 1.5rem; width: calc(50% - 1.5rem); float: left; }

.sub_0409070000 .imgBox:after { content: ''; display: block; clear: both; }

.sub_0501020000 .stripe_box .board_info { margin-bottom: 0; }

.sub_0501020000 .stripe_box .board_info #m_name { width: 20%; }

.sub_0501020000 .stripe_box .board_info #title { width: calc(80% - 6rem); }

.sub_0501020000 .stripe_box .board_info .btn_basic { width: 5.5rem; }

.sub_0503010000 .table-wrap table thead tr th { background-color: #fff; }

.sub_0503010000 .table-wrap table tbody tr:nth-child(1), .sub_0503010000 .table-wrap table tbody tr:nth-child(2), .sub_0503010000 .table-wrap table tbody tr:nth-child(3) { background-color: #f6f7f9; height: 3.5rem; }

.sub_0503010000 .table-wrap table tbody tr:nth-child(1) td:first-child, .sub_0503010000 .table-wrap table tbody tr:nth-child(2) td:first-child, .sub_0503010000 .table-wrap table tbody tr:nth-child(3) td:first-child { position: relative; z-index: 0; color: #fff; font-weight: 500; padding-top: 0; }

.sub_0503010000 .table-wrap table tbody tr:nth-child(1) td:first-child:before, .sub_0503010000 .table-wrap table tbody tr:nth-child(2) td:first-child:before, .sub_0503010000 .table-wrap table tbody tr:nth-child(3) td:first-child:before { content: ''; width: 1.4rem; height: 1.4rem; background-color: #3c4165; border-radius: 50%; position: absolute; z-index: -1; left: 50%; transform: translateX(-50%); }

.sub_0503010000 .table-wrap table tbody tr:nth-child(1) td:first-child:after { content: ''; color: #ffc600; font-family: 'xeicon'; font-size: 12px; width: 33px; height: 12px; left: 50%; transform: translateX(-50%); bottom: .7rem; position: absolute; }

.sub_0503010000 .table-wrap table tbody tr:nth-child(2) td:first-child:after { content: ''; color: #ffc600; font-family: 'xeicon'; font-size: 12px; width: 33px; height: 12px; left: 50%; transform: translateX(-50%); bottom: .7rem; position: absolute; }

.sub_0503010000 .table-wrap table tbody tr:nth-child(3) td:first-child:after { content: ''; color: #ffc600; font-family: 'xeicon'; font-size: 12px; width: 33px; height: 12px; left: 50%; transform: translateX(-50%); bottom: .7rem; position: absolute; }

/* sub_0503020000 온라인퀴즈 */
.quiz_last_view .top { border: .3rem solid #ebebeb; padding: 1rem 1.5rem; margin-bottom: 2rem; }

.quiz_last_view .top .title { width: 100%; border-bottom: 1px solid #ddd; font-size: 1.1rem; color: #353541; font-weight: 500; padding-bottom: .5rem; margin-bottom: 1rem; position: relative; }

.quiz_last_view .top .title:before { content: ''; font-family: 'xeicon'; font-size: 1rem; width: 1rem; height: 1rem; position: absolute; right: 0.5rem; color: #ddd; }

.quiz_last_view .top .info li { padding: .15rem 0; line-height: 1.8rem; }

.quiz_last_view .top .info li span { width: 5rem; float: left; border: 1px solid #ddd; border-radius: 1rem; font-weight: 500; color: #353541; text-align: center; margin-right: 1rem; font-size: .8rem; }

.quiz_last_view .top .info li p { float: left; font-size: .9rem; }

.quiz_last_view .top .info li:after { content: ''; display: block; clear: both; }

.quiz_last_view .quiz { border-top: 1px solid #000; border-bottom: 1px solid #ddd; padding-top: 1.5rem; }

.quiz_last_view .quiz .intro { margin-bottom: 1.5rem; }

.quiz_last_view .quiz .intro img { width: 12rem; height: 13rem; margin-right: 1.5rem; float: left; }

.quiz_last_view .quiz .intro .desc_box { float: left; width: calc(100% - 13.5rem); }

.quiz_last_view .quiz .intro .desc_box .num { width: 1.75rem; height: 1.75rem; line-height: 1.75rem; background-color: #9c1c2b; color: #fff; border-radius: 50%; position: absolute; text-align: center; }

.quiz_last_view .quiz .intro .desc_box .desc { padding-left: 2.5rem; min-height: 13rem; }

.quiz_last_view .quiz .intro:after { content: ''; display: block; clear: both; }

.quiz_last_view .quiz .question { background-color: #f9f9f9; border-top: 1px dashed #777; border-bottom: 1px dashed #777; padding: 1.25rem 1rem; }

.quiz_last_view .quiz .question span { width: 4rem; height: 1.6rem; line-height: 1.5rem; background-color: #fff; color: #9c1c2b; border: 1px solid #9c1c2b; border-radius: 1rem; text-align: center; position: absolute; font-weight: 500; }

.quiz_last_view .quiz .question p { padding-left: 5rem; width: 100%; line-height: 1.4rem; }

.quiz_last_view .quiz .answer { padding: 1.25rem 1rem; }

.quiz_last_view .quiz .answer > span { width: 4rem; height: 1.6rem; line-height: 1.5rem; background-color: #3c4165; color: #fff; border: 1px solid #3c4165; border-radius: 1rem; text-align: center; position: absolute; }

.quiz_last_view .quiz .answer > p { padding-left: 5rem; width: 100%; line-height: 1.4rem; }

.quiz_last_view .quiz .answer ul.ratio { margin-top: 1rem; }

.quiz_last_view .quiz .answer ul.ratio li span { font-weight: 500; display: inherit; }

.quiz_last_view .quiz .answer ul.ratio li .graph-num { width: 5rem; display: block; float: left; margin-right: 1rem; }

.quiz_last_view .quiz .answer ul.ratio li .graph-100 { float: left; width: calc(100% - 6rem); }

.quiz_last_view .quiz .answer ul.ratio li .graph-100 .graph-bar { height: .75rem; background-color: #9d1f2d; margin: .3rem 0; }

.quiz_last_view .quiz .answer ul.ratio li:after { content: ''; display: block; clear: both; }

.sub_0505000000 .radio_i { width: .8rem; height: .8rem; }

.sub_0505000000 .radio_i:focus { outline: 1px solid #8caee5; border: 1px solid #8caee5; }

.sub_0505000000 .tbox3 { margin-bottom: 2rem; }

.sub_0505000000 .tbox3 .desc { margin-right: 7.5rem; }

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

.sub_0505000000 .tbox3 .beforeQA { float: right; margin-bottom: .5rem; margin-top: -2rem; }

.sub_0505000000 .searchWrap { background: url(/home/img/sub/0505000000_01.jpg) no-repeat; padding: 3rem 4rem; position: relative; margin-top: 2rem; margin-bottom: 2rem; }

.sub_0505000000 .searchWrap:before { content: ''; width: 5.5rem; height: 5.5rem; background-color: #b1977f; position: absolute; left: 4.5rem; top: 2.8rem; border-radius: 50%; }

.sub_0505000000 .searchWrap:after { content: ''; background: url(/home/img/sub/0505000000_02.png); position: absolute; width: 2.4rem; height: 2.2rem; left: 6rem; top: 4.4rem; }

.sub_0505000000 .searchWrap .title { padding-left: 8rem; font-size: 1.3rem; font-weight: 500; color: #fff; padding-bottom: .5rem; }

.sub_0505000000 .searchWrap .desc { padding-left: 8rem; font-size: .8rem; color: #fff; }

.sub_0505000000 .searchWrap .desc strong { font-weight: 500; }

.sub_0505000000 .searchWrap fieldset { margin-top: 2.5rem; position: relative; }

.sub_0505000000 .searchWrap fieldset .search_keyword { width: 100%; height: 3rem; display: block; padding: .5rem 1.5rem; border: none; border-bottom: 2px solid #f6f7f9; background: #f6f7f9; font-size: 1.125em; line-height: 1.667em; letter-spacing: -0.04167em; margin: 0 auto; color: #333; }

.sub_0505000000 .searchWrap fieldset .search_keyword::-webkit-input-placeholder { color: #999; font-weight: 300; font-size: .9rem; }

.sub_0505000000 .searchWrap fieldset .search_keyword:-ms-input-placeholder { color: #999; font-weight: 300; font-size: .9rem; }

.sub_0505000000 .searchWrap fieldset .search_keyword::-ms-input-placeholder { color: #999; font-weight: 300; font-size: .9rem; }

.sub_0505000000 .searchWrap fieldset .search_keyword::placeholder { color: #999; font-weight: 300; font-size: .9rem; }

.sub_0505000000 .searchWrap fieldset button { position: absolute; right: 1.5rem; bottom: .8rem; width: 1.3rem; height: 1.3rem; overflow: hidden; }

.sub_0505000000 .searchWrap fieldset button i { font-size: 1.3rem; color: #9c1c2b; }

.sub_0505000000 .nocont { border: 1px solid #ddd; padding: 2rem 4rem; position: relative; }

.sub_0505000000 .nocont p { font-size: .9rem; font-weight: 500; color: #333; }

.sub_0505000000 .nocont a { position: absolute; right: 4rem; top: 1.5rem; }

.sub_0505000000 .listFaq ul li.active .question .category { background-color: #9c1c2b; }

.sub_0505000000 .listFaq ul li .request { display: none; }

.sub_0505000000 .listFaq ul li .request a { margin: 1rem auto; border: 1px solid #ddd; border-radius: 2rem; font-size: .75rem; color: #333; display: table; padding: .3rem 2rem; text-align: center; line-height: 1.2rem; }

.sub_0505000000 .listFaq ul li .request a span { color: #9c1c2b; font-size: .9rem; font-weight: 500; }

.sub_0505000000 .listFaq ul li .request a:hover { background-color: #9c1c2b; color: #fff; transition: all .3s; }

.sub_0505000000 .listFaq ul li .request a:hover span { color: #Fff; }

.sub_0505000000 .listFaq ul li.active .request { display: block; }

.sub_0505000000 .nolist { border-top: 2px solid #555; padding: 10rem 0 1rem; position: relative; text-align: center; }

.sub_0505000000 .nolist:before { content: ''; font-family: 'xeicon'; width: 5rem; height: 5rem; font-size: 5rem; line-height: 5rem; text-align: center; color: #bbb; position: absolute; left: 50%; transform: translateX(-50%); top: 4.5rem; }

.sub_0505000000 .nolist .title { text-align: center; font-size: 1rem; color: #333; font-weight: 500; margin-bottom: .5rem; }

.sub_0505000000 .nolist .desc { color: #333; font-size: .8rem; padding-bottom: 4.5rem; margin-bottom: 2rem; border-bottom: 1px solid #aaa; }

.sub_0505000000 div.tstyle_list > div.dbody > ul > li a.btn_basic { max-width: 6rem; }

.sub_0505000000 div.tstyle_list > div.dbody > ul > li a.return_p { text-align: center; background-color: #384e69; color: #FFF; border-radius: 4px; height: 1.5rem; line-height: 1.5rem; max-width: 3rem; }

.sub_0505000000 div.tstyle_list > div.dbody > ul > li a.faq_w { text-align: center; }

.sub_0505000000 .sPeti_answerWrap ul li { display: table; width: 100%; table-layout: fixed; margin-bottom: .5rem; /* 답변내용 */ }

.sub_0505000000 .sPeti_answerWrap ul li .sPeti_info { border: 1px solid #ddd; background-color: #f8f9fa; display: table-cell; vertical-align: middle; width: 10rem; text-align: center; padding: 1.5rem .5rem; }

.sub_0505000000 .sPeti_answerWrap ul li .sPeti_info p { font-size: .8rem; color: #333; font-weight: 500; }

.sub_0505000000 .sPeti_answerWrap ul li .sPeti_info p span { font-size: .75rem; color: #666; font-weight: 300; }

.sub_0505000000 .sPeti_answerWrap ul li .sPeti_text { border: 1px solid #ddd; border-left: none; display: table-cell; width: calc(100% - 10rem); padding: 1.5rem 1.5rem; }

.sub_0505000000 .sPeti_answerWrap ul li .sPeti_text .BtnArea { margin-bottom: 0; }

.sub_0505000000 .sPeti_answerWrap ul li .sPeti_text .BtnArea button { padding: 0; min-width: 3rem; }

.sub_0505000000 .sPeti_answerWrap ul li .sPeti_answer_t { border: 1px solid #ddd; background-color: #f8f9fa; display: table-cell; vertical-align: middle; width: 10rem; text-align: center; padding: 1.5rem .5rem; }

.sub_0505000000 .sPeti_answerWrap ul li .sPeti_answer_t p { font-size: .8rem; color: #333; font-weight: 500; }

.sub_0505000000 .sPeti_answerWrap ul li .sPeti_answer_write { border: 1px solid #ddd; border-left: none; display: table-cell; width: calc(100% - 10rem); padding: 0; }

.sub_0505000000 .sPeti_answerWrap ul li .sPeti_answer_write textarea { border: none; width: 100%; height: 10rem; overflow-x: hidden; overflow-y: auto; padding: .4rem .7rem; }

.sub_0505000000 .btn_faq { position: relative; right: 0; background-color: #3c4165 !important; color: #fff !important; border: 1px solid #3c4165 !important; width: 7rem; float: right; }

.sub_0505000000 .btn_faq:hover { border: 1px solid #3c4165; background-color: #fff !important; color: #3c4165 !important; }

.sub_0505000000 .tstyle_view { position: relative; }

.sub_0505000000 .tstyle_view .civilComState { position: absolute; right: 0; bottom: .8rem; }

.sub_0505000000 .tstyle_view .civilComState select { border: 1px solid #ddd; }

.sub_0505000000 .return_bg { width: 1000%; background: rgba(0, 0, 0, 0.5); height: 1000%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 200; display: none; }

.sub_0505000000 .return_bg.active { display: block; }

.sub_0505000000 .return_bg .returnPopup { position: fixed; width: 30rem; height: 25rem; background: #fff; top: 0%; left: 50%; transform: translate(-50%, -50%); top: 50%; overflow: hidden; }

.sub_0505000000 .return_bg .returnPopup .title { width: 100%; height: 3.5rem; line-height: 3.5rem; padding: 0 2rem; background-color: #353541; color: #fff; font-size: 1.1rem; font-weight: 500; }

.sub_0505000000 .return_bg .returnPopup .contBox { background-color: #fff; width: 100%; padding: 2rem 2rem; }

.sub_0505000000 .return_bg .returnPopup .contBox .stitle { font-size: 1.2rem; color: #333; font-weight: 500; margin-bottom: .8rem; }

.sub_0505000000 .return_bg .returnPopup .contBox .sPeti_returnReason { border: 1px solid #ddd; }

.sub_0505000000 .return_bg .returnPopup .contBox .sPeti_returnReason textarea { border: none; height: 7.5rem; width: 100%; padding: .5rem; }

.sub_0505000000 .return_bg .returnPopup .contBox .sPeti_returnReason textarea::-webkit-input-placeholder { color: #707070; font-size: 16px; }

.sub_0505000000 .return_bg .returnPopup .contBox .sPeti_returnReason textarea:-ms-input-placeholder { color: #707070; font-size: 16px; }

.sub_0505000000 .return_bg .returnPopup .contBox .sPeti_returnReason textarea::-ms-input-placeholder { color: #707070; font-size: 16px; }

.sub_0505000000 .return_bg .returnPopup .contBox .sPeti_returnReason textarea::placeholder { color: #707070; font-size: 16px; }

.sub_0505000000 .return_bg .returnPopup .contBox .sPeti_returnReason .textCount { width: 100%; background-color: #f8f9fa; font-size: 13px; color: #999; height: 2rem; line-height: 2rem; padding: 0 1rem; }

.sub_0505000000 .return_bg .returnPopup .close { width: 1.5rem; height: 1.5rem; font-size: 1.5rem; position: absolute; right: 1.5rem; top: 1rem; color: #fff; line-height: 1.5rem; cursor: pointer; }

.sub_0505000000 .return_bg .returnPopup .close:before { content: ''; color: #fff; width: 1.5rem; font-family: 'xeicon'; height: 1.5rem; line-height: 1.5rem; }

.sub_0505000000 .myFaqImport_bg { width: 1000%; background: rgba(0, 0, 0, 0.5); height: 1000%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 200; display: none; }

.sub_0505000000 .myFaqImport_bg.active { display: block; }

.sub_0505000000 .myFaqImport_bg .myFaqPopup { position: fixed; width: 40rem; background: #fff; top: 0%; left: 50%; transform: translate(-50%, -50%); top: 50%; overflow: hidden; }

.sub_0505000000 .myFaqImport_bg .myFaqPopup > .title { width: 100%; height: 3.5rem; line-height: 3.5rem; padding: 0 2rem; background-color: #353541; color: #fff; font-size: 1.1rem; font-weight: 500; }

.sub_0505000000 .myFaqImport_bg .myFaqPopup .contBox { background-color: #fff; width: 100%; padding: 2rem 2rem; height: 30rem; overflow: hidden; overflow-y: scroll; }

.sub_0505000000 .myFaqImport_bg .myFaqPopup .contBox .listFaq ul li .answer .answer_box > a { float: right; margin-bottom: 1rem; }

.sub_0505000000 .myFaqImport_bg .myFaqPopup .close { width: 1.5rem; height: 1.5rem; font-size: 1.5rem; position: absolute; right: 1.5rem; top: 1rem; color: #fff; line-height: 1.5rem; cursor: pointer; }

.sub_0505000000 .myFaqImport_bg .myFaqPopup .close:before { content: ''; color: #fff; width: 1.5rem; font-family: 'xeicon'; height: 1.5rem; line-height: 1.5rem; }

.sub_0505000000 .pointWrite { margin-top: 2rem; }

.sub_0505000000 .pointWrite .stripe_box .stbox { padding: 2rem; }

.sub_0505000000 .pointWrite .stripe_box .stbox .title { font-size: .8rem; color: #333; padding-left: 3.5rem; display: inline-block; position: relative; }

.sub_0505000000 .pointWrite .stripe_box .stbox .title:before { content: ''; width: 2.3rem; height: 2.3rem; background: url(/home/img/sub/0505000000_03.png) no-repeat; position: absolute; left: 0; top: .2rem; background-size: contain; }

.sub_0505000000 .pointWrite .stripe_box .stbox .title span { font-size: 1rem; color: #3c4165; font-weight: 500; }

.sub_0505000000 .pointWrite .stripe_box .stbox .pointBox { float: right; }

.sub_0505000000 .pointWrite .stripe_box .stbox .pointBox .pointStar { padding: 0 2.5rem; float: left; background: #f8f9fa; border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; height: 3rem; line-height: 3rem; }

.sub_0505000000 .pointWrite .stripe_box .stbox .pointBox .pointStar .stitle { display: inline-block; float: left; font-size: .9rem; color: #111; font-weight: 500; padding-right: 1rem; }

.sub_0505000000 .pointWrite .stripe_box .stbox .pointBox .pointStar .star_rating { font-size: 0; letter-spacing: -4px; float: left; }

.sub_0505000000 .pointWrite .stripe_box .stbox .pointBox .pointStar .star_rating a { font-size: 1rem; letter-spacing: 0; display: inline-block; margin-left: 2px; color: #ccc; text-decoration: none; }

.sub_0505000000 .pointWrite .stripe_box .stbox .pointBox .pointStar .star_rating a:first-child { margin-left: 0; }

.sub_0505000000 .pointWrite .stripe_box .stbox .pointBox .pointStar .star_rating a.on { color: #ffba14; }

.sub_0505000000 .pointWrite .stripe_box .stbox .pointBox .pointStar:after { content: ''; display: block; clear: both; }

.sub_0505000000 .pointWrite .stripe_box .stbox .pointBox a.btn { height: 3rem; line-height: 3rem; padding: 0 2rem 0 1.6rem; background: #555555; display: inline-block; color: #fff; border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; }

.sub_0505000000 .pointWrite .stripe_box .stbox:after { content: ''; display: block; clear: both; }

.sub_0505000000 .pointView { margin-top: 2rem; }

.sub_0505000000 .pointView .stripe_box .stbox { padding: 2rem; text-align: center; }

.sub_0505000000 .pointView .stripe_box .stbox .pointResult { height: 3rem; background-color: #f8f9fa; line-height: 3rem; padding: 0 3rem; border-radius: 2rem; display: inline-block; margin-bottom: .5rem; }

.sub_0505000000 .pointView .stripe_box .stbox .pointResult .result { font-size: 1rem; color: #111; float: left; padding-right: .5rem; font-weight: 500; }

.sub_0505000000 .pointView .stripe_box .stbox .pointResult .star_rating { font-size: 0; letter-spacing: -4px; float: left; }

.sub_0505000000 .pointView .stripe_box .stbox .pointResult .star_rating a { font-size: 1rem; letter-spacing: 0; display: inline-block; margin-left: 2px; color: #ccc; text-decoration: none; pointer-events: none; }

.sub_0505000000 .pointView .stripe_box .stbox .pointResult .star_rating a:first-child { margin-left: 0; }

.sub_0505000000 .pointView .stripe_box .stbox .pointResult .star_rating a.on { color: #ffba14; }

.sub_0505000000 .pointView .stripe_box .stbox .desc { font-size: .8rem; color: #111; }

.sub_0505000000 .assignBox { border: 1px solid #ddd; }

.sub_0505000000 .assignBox .title { height: 3rem; line-height: 3rem; padding: 0 2rem 0 3.5rem; font-size: 1rem; color: #3c4165; font-weight: 500; position: relative; }

.sub_0505000000 .assignBox .title:before { content: ''; width: 1rem; font-family: 'xeicon'; font-size: 1rem; color: #3c4165; position: absolute; left: 2rem; }

.sub_0505000000 .assignBox .assign { background-color: #f8f9fa; padding: 1.5rem 2rem; }

.sub_0505000000 .assignBox .assign .assignSearch { border-bottom: 1px solid #ddd; height: 3.1rem; line-height: 2rem; padding-bottom: 1rem; margin-bottom: 1rem; }

.sub_0505000000 .assignBox .assign .assignSearch .stitle { font-weight: 500; color: #333; display: inline-block; }

.sub_0505000000 .assignBox .assign .assignSearch .btn_basic { float: right; }

.sub_0505000000 .assignBox .assign .duty li { border-radius: .25rem; border: 1px solid #ddd; height: 2rem; line-height: 1.9rem; padding: 0 1rem; display: inline-block; background: #fff; margin-right: .5rem; margin-bottom: .2rem; }

.sub_0505000000 .assignBox .assign .duty li p { font-size: .8rem; margin-right: .5rem; color: #333; display: inline; }

.sub_0505000000 .assignBox .assign .duty li a { color: #acacac; }

.sub_0505000000 .assignBox .assign .duty:after { content: ''; display: block; clear: both; }

.sub_0505000000 .board_info { clear: both; }

.sub_0505000000 ~ #webfilterTargetFrame { display: none; }

/* 0601000000 동영상으로보는 중부 */
.youtubeList { border-bottom: none !important; }

.youtubeList:after { display: none; }

.youtubeList > ul > li { padding: 1rem 1.3% 0 1.3% !important; border-bottom: none !important; overflow: hidden; }

.youtubeList > ul > li figure { position: relative; }

.youtubeList > ul > li figure a { display: block; width: 100%; height: 12rem; }

.youtubeList > ul > li figure a:focus { border: 1px solid #8caee5; outline: 1px solid #8caee5; height: 12rem; }

.youtubeList > ul > li figure a .photo { position: relative; }

.youtubeList > ul > li figure a .photo:before { content: ''; width: 3rem; height: 3rem; border-radius: 50%; background-color: #9c1c2b; position: absolute; right: 10%; bottom: 10%; }

.youtubeList > ul > li figure a .photo:after { content: ''; background: url(/home/img/sub/0601000000_01.png) no-repeat center; font-family: 'xeicon'; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; color: #fff; font-size: 1rem; position: absolute; right: 10%; bottom: 10%; }

.youtubeList > ul > li figure a figcaption { position: absolute; bottom: -100%; left: 0; width: 100%; height: 100%; transition: all .3s; background-color: rgba(193, 163, 135, 0.8); z-index: 10; }

.youtubeList > ul > li figure a figcaption .title { color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: left; padding: 0 30px; white-space: inherit !important; text-overflow: inherit !important; }

.youtubeList > ul > li figure a:hover figcaption { bottom: 0; transition: all .2s ease-out; }

.youtubeList > ul > li figure a:focus figcaption { bottom: 0; transition: all .2s ease-out; }

.youtubeList > ul:after { content: ''; display: block; clear: both; }

#sub_0602020000 { border: 3px solid #9c1c2b; margin: 0; position: relative; }

#sub_0602020000 h3 { background-color: #fafafa; margin: 0; padding: 20px 40px; }

#sub_0602020000 #sub06_radio { padding: 20px 40px; }

#sub_0602020000 #sub06_radio_Txt { padding: 20px 40px; background-color: #f2efe9; height: 259px; overflow: hidden; overflow-y: scroll; font-size: 16px; line-height: 24px; font-family: 'Noto Sans KR'; font-weight: 300; }

#sub_0602020000 #sub06_radio_searClose1 { position: absolute; right: 0; top: 0; }

.sub_0606000000 ul { width: calc(100% + 1rem); }

.sub_0606000000 ul li { width: calc(33.33% - 1rem); margin-right: 1rem; float: left; margin-bottom: 1.5rem; }

.sub_0606000000 ul li img { width: 100%; }

.sub_0606000000 ul li .info { padding: 1rem 1.5rem; border: 1px solid #ddd; border-top: none; }

.sub_0606000000 ul li .info .name { font-size: .9rem; color: #000; font-weight: 500; }

.sub_0606000000 ul li .info .career1 { font-size: .9rem; color: #9f1d2c; }

.sub_0606000000 ul li .info .career2 { font-size: .9rem; color: #333; height: 4.2rem; }

.sub_0606000000 ul:after { content: ''; display: block; clear: both; }

.sub_0705020000 .stripe_box .stbox { padding: 1.5rem 3rem; }

.sub_0705020000 .stripe_box .stbox .board_info .desc { font-size: .9rem; font-weight: 500; display: inline-block; color: #333; padding-left: 2rem; position: relative; width: 18rem; float: left; line-height: 2.1rem; }

.sub_0705020000 .stripe_box .stbox .board_info .desc:before { content: ''; width: 1.4rem; height: 1.4rem; position: absolute; left: 0; background: url(/home/img/sub/0705020000_01.png) no-repeat; top: .3rem; background-size: contain; }

.sub_0705020000 .stripe_box .stbox .board_info fieldset { width: calc(100% - 18rem); float: left; clear: inherit; }

.sub_0705020000 .stripe_box .stbox .board_info fieldset span.form-select { width: 7.5rem; }

.sub_0705020000 .stripe_box .stbox .board_info fieldset span.form-input { width: calc(100% - 13rem); }

.sub_0705020000 .stripe_box .stbox .board_info fieldset span.form-input input { padding-right: 0; }

.sub_0705020000 .stripe_box .stbox .board_info fieldset span.form-btn { width: 5rem; margin-left: 0; }

.sub_0706000000 .process { width: calc(100% + 1.5rem); }

.sub_0706000000 .process li { border: 1px solid #ddd; width: calc(25% - 1.5rem); margin-right: 1.5rem; position: relative; float: left; margin-top: 1rem; height: 5.5rem; padding: .7rem .5rem 0; text-align: center; line-height: 4.5rem; box-sizing: border-box; margin-bottom: 1rem; background-color: #f6f6f6; }

.sub_0706000000 .process li p { color: #333; font-size: .8rem; font-weight: 400; text-align: center; line-height: 1.2; vertical-align: middle; display: inline-block; }

.sub_0706000000 .process li span { width: 2rem; height: 2rem; text-align: center; line-height: 2rem; background-color: #3c4165; color: #fff; border-radius: 50%; font-weight: 500; position: absolute; left: 50%; transform: translateX(-50%); top: -1rem; }

.sub_0706000000 .process li:after { content: ''; position: absolute; right: -1.5rem; width: 1rem; height: 1rem; top: 50%; transform: translateY(-50%); font-size: 1rem; color: #737373; font-family: 'xeicon'; line-height: 1; }

.sub_0706000000 .process li:last-child:after { display: none; }

.sub_0706000000 .process:after { content: ''; display: block; clear: both; }

.sub_0706000000 .download { width: calc(100% + 1rem); }

.sub_0706000000 .download li { border: 1px solid #ddd; padding: 1rem; float: left; width: calc(50% - 1rem); margin-right: 1rem; }

.sub_0706000000 .download li img { float: left; }

.sub_0706000000 .download li a { float: right; margin-top: .2rem; }

.sub_0706000000 .download li:after { content: ''; display: block; clear: both; }

.sub_0706000000 .download:after { content: ''; display: block; clear: both; }

.sub_0707000000 .relateSite { width: calc(100% + 1rem); }

.sub_0707000000 .relateSite li { float: left; width: calc(25% - 1rem); margin-right: 1rem; }

.sub_0707000000 .relateSite:after { content: ''; display: block; clear: both; }

/* 
    게시판에서 상태 표시 
    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; }

/* 0101020000 총장과의 대화 */
div.tstyle_list > div.dbody > ul > li.answer a:nth-child(1) { float: left; width: auto; max-width: calc(100% - 5.4rem); }

div.tstyle_list > div.dbody > ul > li.answer a:nth-child(2) { float: left; width: 5.4rem; }

div.tstyle_view .mnd_impossible { height: 3rem; line-height: 3rem; text-align: center; border-bottom: 1px solid #ddd; margin-bottom: .5rem; }

div.tstyle_view .mnd_impossible p { padding-left: 1rem; position: relative; display: inline-block; }

div.tstyle_view .mnd_impossible p:before { content: ''; width: 1rem; height: 1rem; border-radius: 50%; background-color: #9c1c2b; position: absolute; left: -.2rem; top: 1.05rem; }

div.tstyle_view .mnd_impossible p:after { content: '!'; width: 1rem; height: 1rem; font-size: 12px; color: #fff; left: -.2rem; position: absolute; font-weight: 800; }

div.tstyle_view .btn_answer_standby { font-size: 15px; margin-right: .8rem; background: #eee; border-radius: 4px; font-weight: 300; color: #333; padding: 0.1rem .5rem; }

div.tstyle_view .btn_answer_ing { font-size: 15px; margin-right: .8rem; background: #9b8873; border-radius: 4px; font-weight: 300; color: #fff; padding: 0.1rem .5rem; }

div.tstyle_view .btn_answer_end { font-size: 15px; margin-right: .8rem; background: #9c1c2b; border-radius: 4px; font-weight: 300; color: #fff; padding: 0.1rem .5rem; }

.pre_answer_box { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f8f9fa; padding: 2rem 3rem; }

.pre_answer_box .title { font-size: .85rem; color: #333; position: relative; padding-bottom: .5rem; font-weight: 500; }

.pre_answer_box .title:before { content: ''; font-family: 'xeicon'; font-weight: 500; width: 1rem; height: 1rem; font-size: 1rem; color: #999; position: absolute; left: -1.2rem; top: 0rem; }

/*로그인*/
.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%; 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%; 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: ''; 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; }

div.list1 { display: table; width: 100%; background-color: #fafafa; table-layout: fixed; }

div.list1 + .list1 { margin-top: 1rem; }

div.list1 .m-visible { display: none; }

div.list1 .title { font-size: 0.9rem; display: table-cell; width: 5rem; padding: 0 1.5rem; background-color: #c1a488; color: #fff; text-align: center; vertical-align: middle; line-height: 1.3; }

div.list1 .title.type1 { background-color: #9c1c2b; }

div.list1 .title.type2 { background-color: #162b48; }

div.list1 .title.type3 { background-color: #796566; }

div.list1 .title.type4 { background-color: #5a5a5a; }

div.list1 .group { display: table-cell; padding: 1.6rem 2.4rem; vertical-align: top; }

div.list1 .group.type1 { padding: 0; }

div.list1 .group.type2 { font-size: 0.95rem; border: 1px solid #ccc; background-color: #fff; font-weight: 400; color: #333; text-align: center; vertical-align: middle; }

div.list1 .group.img { text-align: center; }

div.list1 .cont { display: table; overflow: hidden; width: calc(100% + 1.25rem); table-layout: fixed; }

div.list1 .cont + .cont { margin-top: 0.5rem; }

div.list1 .cont.type1 { width: 100%; }

div.list1 .cont.type1 .item { padding: 0 0 0 2rem; }

div.list1 .cont.type1 .item::before, div.list1 .cont.type1 .item::after { display: none; }

div.list1 .cont.type1 .item .label { position: relative; width: 100%; }

div.list1 .cont.type2 { width: calc(100% + 2rem); margin-left: -2rem; }

div.list1 .cont.type2 .item { padding: 3.25rem 0 0 2rem; }

div.list1 .cont.type2 .item::before { left: 2rem; right: 0; height: 4.75rem; }

div.list1 .cont.type2 .item::after { left: 2rem; right: 0; }

div.list1 .cont.type2 .item .label { left: 2rem; width: calc(100% - 2rem); }

div.list1 .cont.type2 .item .desc::before { left: 2rem; top: 3.25rem; right: 0; }

div.list1 .cont.type3 { width: 100%; }

div.list1 .cont.type3 .item { padding: 6rem 0 0 2rem; }

div.list1 .cont.type3 .item::before { height: 7.5rem; }

div.list1 .cont.type3 .item::after { border-radius: 0 0 1.5rem 1.5rem; }

div.list1 .cont.type3 .item .desc::before { top: 6rem; }

div.list1 .cont.type3 .item .label { left: 2rem; width: calc(100% - 2rem); }

div.list1 .cont.type4 { width: calc(100% + 2.25rem); }

div.list1 .cont.type4 .label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 2.25rem); }

div.list1 .cont.type4 .item { padding-right: 2.25rem; }

div.list1 .cont.type4 .item::after, div.list1 .cont.type4 .item .desc::before { right: 2.25rem; }

div.list1 .cont.type4 .item .desc::after { top: 50%; transform: translateY(-50%); font-size: 1.5rem; position: absolute; right: 0; width: 2.25rem; margin-top: 2rem; font-family: "xeicon"; font-weight: 600; content: ''; color: #a5a5a5; text-align: center; }

div.list1 .cont.type4 .item:last-child .desc::after { display: none; }

div.list1 .item { position: relative; z-index: 0; display: table-cell; overflow: hidden; padding-top: 4.5rem; padding-right: 1.25rem; vertical-align: middle; }

div.list1 .item::before { position: absolute; left: 0; top: 0; right: 1.25rem; z-index: -1; height: 6rem; background-color: #fafafa; content: ''; }

div.list1 .item::after { position: absolute; left: 0; bottom: 0; right: 1.25rem; z-index: -2; height: 100rem; border-radius: 0 0 2rem 2rem; background-color: #fff; content: ''; }

div.list1 .item.type1 { font-size: 0.9rem; }

div.list1 .item.type1::before { display: block !important; right: 0; height: 1.5rem; background-color: #fff; }

div.list1 .item.type1::after { display: block !important; left: 2rem; right: 0; border: 1px solid #d2d2d2; border-top: 0 none; }

div.list1 .item.type1 .desc::before { top: 0; left: 2rem; right: 0; border: 1px solid #d2d2d2; border-bottom: 0 none; }

div.list1 .item.type2::before { background-color: #fff; }

div.list1 .item.type2::after { background-color: #f4f4f4; }

div.list1 .item.type2 .desc { padding: 1.5rem; }

div.list1 .item.type2 .desc::before { background-color: #f4f4f4; }

div.list1 .item.type3::before, div.list1 .item.type3::after, div.list1 .item.type3 .desc::before { border: 0 none; }

div.list1 .item.type4 { padding-top: 0 !important; }

div.list1 .item.type4::before { height: 1.5rem; }

div.list1 .item.type4 .desc::before { top: 0; }

div.list1 .label { height: 2.5rem; border: 3px solid #c1a488; line-height: 2.2rem; font-size: 0.85rem; position: absolute; left: 0; top: 0; width: calc(100% - 1.25rem); border-radius: 2.5rem; background-color: #fff; font-weight: 600; color: #333; text-align: center; }

div.list1 .label::before { left: 50%; transform: translateX(-50%); position: absolute; bottom: -0.75rem; width: 0.2rem; height: 0.2rem; border-radius: 100%; background-color: #9b8873; content: ''; opacity: 0.5; }

div.list1 .label::after { left: 50%; transform: translateX(-50%); position: absolute; bottom: -1.5rem; width: 0.4rem; height: 0.4rem; border-radius: 100%; background-color: #9b8873; content: ''; }

div.list1 .label.type1 { height: 3.25rem; border: 3px solid #c1a488; line-height: 2.95rem; font-size: 1rem; margin-bottom: 2.75rem; border-radius: 1rem; font-weight: 400; }

div.list1 .label.type1::before { bottom: -1.4rem; }

div.list1 .label.type1::after { bottom: -2.25rem; }

div.list1 .label.type2::before, div.list1 .label.type2::after { display: none; }

div.list1 .desc { width: 100%; padding: 1.5rem 0.5rem; text-align: center; word-break: keep-all; }

div.list1 .desc::before { position: absolute; left: 0; top: 4.5rem; right: 1.25rem; height: 1.5rem; border-radius: 2rem 2rem 0 0; background-color: #fff; content: ''; }

div.list1 .desc.type1 { font-size: 0.9rem; padding: 0.75rem; border-radius: 1rem; border: 1px solid #d2d2d2; }

div.list1 .desc.type1::before { display: none; }

div.list1 .desc.type1 + .desc { margin-top: 0.5rem; }

div.list1 .desc.type2 { border-color: #ccc; background-color: #ccc; }

div.list1.type1 { background: none; }

div.list1.type1 .title { font-size: 1rem; width: 6.5rem; font-weight: 400; word-break: keep-all; }

div.list1.type1.type3 { position: relative; left: -0.75rem; width: 53rem; max-width: 100%; margin: 2rem auto 0 !important; }

div.list1.type1.type3 .group { padding: 0 !important; }

div.list1.type1.type3 .item { padding-left: 3.75rem; }

div.list1.type1.type3 .item::after, div.list1.type1.type3 .item .desc::before, div.list1.type1.type3 .item .label { left: 3.75rem; width: calc(100% - 3.75rem); }

div.list1.type1.type3 .item .desc::after { top: 50%; transform: translateY(-50%); position: absolute; left: 1.875rem; width: 1rem; height: 0.4rem; margin-top: 1.25rem; border-right: 0.4rem dotted #9b8873; border-left: 0.25rem dotted #cdc3b9; content: ''; transform: translateX(-50%); }

div.list1.type1.type3 .item:first-child .desc::after { display: none; }

div.list1.type2 + div.list1.type2 { margin: -0.75rem 0 0; }

div.list1.type2 + div.list1.type2 .title { position: relative; padding-bottom: 1rem; }

div.list1.type2 + div.list1.type2 .title::before { position: absolute; left: 1rem; top: -0.25rem; right: 1rem; height: 1px; background-color: #fff; content: ''; opacity: 0.24; }

div.list1.type2 + div.list1.type2 .group { padding-top: 0; }

div.list1.type2 .item { padding-top: 4rem; }

.search_wrap .search_box { border: .25rem solid #f3f3f3; padding: 1.5rem .5rem 0rem; margin-bottom: 1.25rem; }

.search_wrap .search_box .search_input { display: block; margin: 0 auto 1.25rem; width: 26rem; height: 2.2rem; }

.search_wrap .search_box .search_input .search_txt { height: 2.2rem; margin: 0; padding: .2rem .5rem; width: 17rem; float: left; border: 1px solid #ddd; }

.search_wrap .search_box .search_input .search_btn { width: 2.4rem; height: 2.2rem; background-color: #000; float: left; }

.search_wrap .search_box .search_input .search_btn:before { content: ''; font-family: 'xeicon'; color: #fff; height: 2.2rem; line-height: 2.2rem; font-size: .9rem; margin: 0 auto; }

.search_wrap .search_box .search_input .bt_option { border: 1px solid #ddd; width: 6rem; display: inline-block; height: 2.2rem; margin-left: .5rem; line-height: 2.2rem; padding: 0 .5rem; font-size: .8rem; position: relative; }

.search_wrap .search_box .search_input .bt_option:before { content: ''; font-family: 'xeicon'; width: .8rem; height: 2.1rem; line-height: 2.1rem; font-size: .8rem; position: absolute; right: .5rem; }

.search_wrap .search_box .search_option_box { width: 100%; padding: .75rem 3rem; background-color: #f7f7f7; height: 3rem; display: none; }

.search_wrap .search_box .search_option_box ul li { float: left; }

.search_wrap .search_box .search_option_box ul li + li { margin-left: 1rem; }

.search_wrap .search_box .search_option_box ul li span { color: #000; margin: 0 .5rem; font-weight: 500; }

.search_wrap .search_box .search_option_box ul li button { border: 1px solid #ddd; background-color: #fff; color: #767676; height: 1.5rem; line-height: 1.4rem; padding: 0 .5rem; width: 4rem; }

.search_wrap .search_box .search_option_box ul li button.on { border: 1px solid #9c1c2b; color: #9c1c2b; }

.search_wrap .search_box .search_option_box ul:after { content: ''; display: block; clear: both; }

.search_wrap .search_box.active { padding: 1.5rem .5rem 0.5rem; }

.search_wrap .search_box.active .search_option_box { display: block; }

.search_wrap .search_box.active .search_input .bt_option:before { content: ''; }

.search_wrap .t_error { margin-bottom: .5rem; }

.search_wrap .t_error:before { content: ''; font-family: 'xeicon'; color: #a93a47; margin-right: .3rem; }

.search_wrap .t_error span { text-decoration: underline; }

.search_wrap .search_word_box { width: 10.25rem; float: right; padding: 1.5rem 1.25rem; border-top: 1px solid #ddd; }

.search_wrap .search_word_box .popular { padding-bottom: 1.25rem; border-bottom: 1px solid #ddd; }

.search_wrap .search_word_box .popular #tab_wrap_sw { margin-top: 1.5rem; position: relative; }

.search_wrap .search_word_box .popular #tab_wrap_sw .tab li { width: calc(50% - 1px); margin-right: 1px; height: 1.35rem; line-height: 1.35rem; text-align: center; float: left; }

.search_wrap .search_word_box .popular #tab_wrap_sw .tab li a { background-color: #eaeaea; color: #555; display: block; font-size: .7rem; }

.search_wrap .search_word_box .popular #tab_wrap_sw .tab li a.on { background-color: #000; color: #fff; }

.search_wrap .search_word_box .popular #tab_wrap_sw .tab:after { content: ''; display: block; clear: both; }

.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents { margin-top: .5rem; }

.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents .desc { position: absolute; top: -1.2rem; font-size: .7rem; line-height: .7rem; }

.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents .desc:before { content: ''; font-family: 'xeicon'; margin-right: .3rem; }

.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul { font-size: .75rem; }

.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul li { margin-bottom: 2px; line-height: 1rem; }

.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul li span { width: 1rem; height: 1rem; background-color: #a3a3a3; color: #fff; text-align: center; margin-right: .5rem; display: inline-block; line-height: 1rem; font-size: .65rem; float: left; }

.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul li:nth-child(1) span, .search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul li:nth-child(2) span, .search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul li:nth-child(3) span { background-color: #9c1c2b; }

.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul li a { width: calc(100% - 1.5rem); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; }

.search_wrap .search_word_box .recom { padding-top: 1rem; }

.search_wrap .search_word_box .recom ul li { float: left; display: inline-block; margin-right: .3rem; font-size: .75rem; }

.search_wrap .search_word_box .recom ul:after { content: ''; display: block; clear: both; }

.search_wrap .search_word_box .title { color: #000; font-weight: 500; margin-bottom: .5rem; }

.search_wrap .search_result_box { width: calc(100% - 10.25rem); border-top: 1px solid #ddd; border-right: 1px solid #ddd; padding: 1.5rem 2rem 0 0; float: left; }

.search_wrap .search_result_box .cont { position: relative; }

.search_wrap .search_result_box .cont .more { display: inline-block; position: absolute; right: 1rem; top: 0.2rem; font-size: .75rem; }

.search_wrap .search_result_box .cont .more:after { content: ''; font-family: 'xeicon'; position: absolute; right: -.8rem; font-size: .75rem; }

.search_wrap .search_result_box .cont .list li { margin-bottom: 1.5rem; }

.search_wrap .search_result_box .cont .photo li { float: left; width: calc(33.33% - .67rem); margin-bottom: 2rem; }

.search_wrap .search_result_box .cont .photo li + li { margin-left: 1rem; }

.search_wrap .search_result_box .cont .photo li:nth-child(3n-2) { margin-left: 0; }

.search_wrap .search_result_box .cont .photo li img { width: 100%; height: 8.25rem; margin-bottom: .2rem; }

.search_wrap .search_result_box .cont .photo li .title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 1.3rem; }

.search_wrap .search_result_box .cont .photo:after { content: ''; display: block; clear: both; }

.search_wrap .search_result_box .cont .divi { color: #555; background-color: #f2f2f2; border-radius: 1rem; display: inline-block; margin-right: .5rem; height: 1.5rem; line-height: 1.5rem; padding: 0 .75rem; }

.search_wrap .search_result_box .cont .route { display: inline-block; line-height: 1.5rem; }

.search_wrap .search_result_box .cont .title { margin-top: .3rem; font-weight: 500; font-size: .85rem; }

.search_wrap .search_result_box .cont .date { margin-top: .2rem; }

.search_wrap .search_result_box .cont .desc { margin-top: .2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.5rem; }

.search_wrap .search_result_box .cont .desc1 span { margin-right: .6rem; position: relative; }

.search_wrap .search_result_box .cont .desc1 span + span:before { content: ''; width: 1px; height: .7rem; background-color: #ddd; position: absolute; left: -.3rem; top: 5px; }

.search_wrap .search_result_box .cont .ai_quotient { text-align: right; font-size: .8rem; color: #dc3c3c; font-weight: 600; }

.search_wrap .search_result_box .cont .search_more { font-size: .75rem; display: inline-block; margin-bottom: .5rem; }

.search_wrap .search_result_box .cont .list_more li { float: left; width: 20%; border: 1px solid #ddd; height: 2rem; line-height: 2rem; padding: 0 .8rem; position: relative; }

.search_wrap .search_result_box .cont .list_more li a { display: inline-block; width: 100%; }

.search_wrap .search_result_box .cont .list_more li:after { content: ''; font-family: 'xeicon'; position: absolute; right: .5rem; font-size: .75rem; z-index: -1; }

.search_wrap .search_result_box .cont .list_more li + li { border-left: none; }

.search_wrap .search_result_box .cont .list_more li:hover { background-color: #000; border: 1px solid #000; color: #fff; }

.search_wrap .search_result_box .cont .list_more li:hover:after { color: #fff; z-index: 0; }

.search_wrap .search_result_box .cont .list_more:after { content: ''; display: block; clear: both; }

.search_wrap .search_result_box .cont .link:after { content: ''; font-family: 'xeicon'; margin: 0 5px; font-size: .8rem; font-weight: 400; }

.search_wrap .search_result_box .cont .down:after { content: ''; font-family: 'xeicon'; margin: 0 5px; font-size: .8rem; font-weight: 400; }

.search_wrap .search_result_box .cont + .cont { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #ddd; }

.search_wrap .search_result_box .cont + .cont .more { top: 1.6rem; }

.search_wrap .search_result_box.no_result .no_result_box { background-color: #f9f9f9; border: 1px solid #ddd; padding: 4rem 0.5rem; }

.search_wrap .search_result_box.no_result .no_result_box:before { content: ''; width: 6.5rem; height: 6.5rem; background: url(/home/img/contents/no_search_result.png) no-repeat center; background-size: contain; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 1rem; }

.search_wrap .search_result_box.no_result .no_result_box p { text-align: center; }

.search_wrap .search_result_box.no_result .no_result_box p strong { color: #343434; font-size: 1rem; font-weight: 400; }

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

#li0705010200 a { padding-left: 4.5rem; }

#li0705010200 a:before { content: ''; background: url(/home/img/layout/aivory.png) center; background-size: contain; width: 4.5rem; height: 1rem; display: block; position: absolute; left: 50%; transform: translate(-4.25rem, -0.45rem); top: 50%; }

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

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

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

/* 개인정보처리방침 */
.privacy-area .label_wrap{
	position: relative;
	display: flex;
	justify-content: space-around;
	flex-flow: row wrap;
	margin: 0 -0.5rem;
	box-sizing: border-box;
}
.privacy-area .label_wrap > li{
	display: flex;
	width: 33.3%;
	margin-bottom: 1rem;
	padding: 0 0.5rem;
	text-align: center;
	word-break: keep-all;
}
.privacy-area .label_box{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 2rem 1rem;
	box-shadow: 0 0.2rem 0.8rem rgb(22 71 170 / 20%);
	border-radius: 10px;
}
.privacy-area .label_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 10px;
}
.privacy-area .label_box .label_cnt{
	display: block;
	margin-top: 0.5rem;
}
.privacy-area .label_box:hover:before,
.privacy-area .label_box:focus:before,
.privacy-area .label_wrap .active .label_box:before{
	border: 2px solid #1647aa;
}
.privacy-area .label_wrap .label_layer{
	display: none;
	position: absolute;
	top: 100%;
	left: 0.5rem;
	width: calc(100% - 1rem);
	padding: 1rem;
	background: #fff;
	border: 1px #ddd solid;
	border-radius: 10px;
	z-index: 1;
	box-shadow: 0 0.2rem 0.8rem rgb(22 71 170 / 20%);
	text-align: left;
}
.privacy-area .label_wrap .label_layer .label_desc_top{
	position: relative;
	display: block;
	margin-bottom: 0.5rem;
	padding: 0 1rem;
	font-size: 1rem;
	font-weight: 600;
	color: #04c;
}
.privacy-area .label_wrap .label_layer .label_desc_top:before{
	content: "";
	position: absolute;
	top: 0.9rem;
	left: 0;
	display: block;
	width: 0.5rem;
	height: 3px;
	background-color: #04c;
}
.privacy-area .label_wrap .label_layer .btn_close{
	position: absolute;
	right: 1rem;
	top: 1rem;
	color: #04c;
	z-index: 2;
}
.privacy-area .label_wrap > li:hover .label_layer,
.privacy-area .label_wrap .active .label_layer{
	display: block;
}

.privacy-area .cnt_list{
	display: flex;
	flex-flow: row wrap;
}
.privacy-area .cnt_list > li{
	width: 50%;
}

.privacy-area .label_refer_wrap{
	margin: 0;
}
.privacy-area .label_refer_wrap h2.title1{
	margin-top: 0;
	padding-top: 2.5rem;
}
.privacy-area .label_refer_wrap .list_icon{
	display: inline-block;
	margin-right: 0.5rem;
}
.privacy-area .label_refer_wrap .list_icon img{
	width: 2rem;
}

.privacy-area .label_Contents{
	margin-top: 2rem;
}

.privacy-area .label_Contents .title{
	margin-bottom: 1rem;
	text-align: center;
	font-size: 1.25rem;
	color: #111;
}
.privacy-area .label_Contents .cnt_list {
	border: 1px #ddd solid;
	padding: 2rem;
}
.privacy-area .label_Contents .cnt_list > li{
	margin: 0.5rem 0;
}
.privacy-area .label_Contents .cnt_list [class^="num"]{
	position: relative;
	display: flex;
	align-items: center;
}
.privacy-area .label_Contents .cnt_list [class^="num"] .icon{
	content: "";
	display: inline-block;
	margin-right: 0.5rem;
	white-space: nowrap;
}
.privacy-area .label_Contents .cnt_list [class^="num"] .icon img{
	display: inline-block;
	width: 2rem;
	height: 2rem;
}

.privacy-area .table-wrap table{
	width: calc(100% + 2px);
}
.privacy-area .table-wrap.small table thead tr th{
	border: 1px #ccc solid;
	border-bottom: 0;
}
.privacy-area .table-wrap.small table tbody tr th,
.privacy-area .table-wrap.small table tbody tr td, 
.privacy-area .table-wrap.small table tbody tr th{
	border: 1px #ccc solid;
}



@media (max-width: 1650px) { .userserB a { position: fixed; top: inherit; right: 2rem; bottom: 2rem; width: 4rem; height: 4rem; padding-top: 1.1rem; }
  .userserB a:before { display: none; }
  .userserB a:after { width: 4rem; height: 4rem; }
  .userser .visual-nav { position: fixed; top: 52.5%; }
}

@media (max-width: 1400px) { 
	#snb .nav { left: 2rem; transform: translateX(0); }
	#content { width: 100%; padding-left: 17rem; padding-right: 2rem; }
	.clubView .clubimgslider .bx-wrapper .bx-controls a.bx-prev { left: 0; }
	.clubView .clubimgslider .bx-wrapper .bx-controls a.bx-next { right: 0; }
	.majorView .professor { width: 100%; }
	.majorView .professor > li { width: 100%; }
	.sub_0106030200 ul.doc li, .sub_0107020000 ul.doc li { width: 100%; }
	.sub_0106030200 ul.doc li:nth-child(odd), .sub_0107020000 ul.doc li:nth-child(odd) { margin-right: 0; }
	.sub_0106030200 ul.doc li:nth-child(3), .sub_0107020000 ul.doc li:nth-child(3) { border-bottom: 1px solid #ddd; }
	.youtubeList > ul > li figure a { height: 11rem; }
	.youtubeList > ul > li figure a:focus { height: 11rem; }
  
	.sub_0407020100 .faciBox { padding: 1rem 1.5rem; }
	.sub_0407020100 .faciBox ul li .title { width: 5rem; }
	.sub_0407020100 .faciBox ul li .faciChoice { width: calc(100% - 5rem); }
	.sub_0407020100 .faciBox ul li .faciChoice label.radio_l { width: 5rem; }
	.sub_0407020100 .faciBox ul li .faciChoice select { width: 5rem; }
	.sub_0407020100 .faciBox ul li .faciChoice input[type='text'] { width: calc(100% - 28rem); }
	.sub_0407020100 .faciReserWrap .calendar { margin-right: 1rem; }
	.sub_0407020100 .faciReserWrap .faciReserPDBox { width: calc(100% - 19.5rem); }
	.search_wrap .search_box .search_option_box { padding: .75rem 0rem; }
	.search_wrap .search_box .search_option_box ul { width: 34.2rem; margin: 0 auto; display: block; }
	.search_wrap .search_box .search_option_box ul li button { width: auto; } 
}

@media (max-width: 1320px) {
	.sub_0104010100 .organWrap.organWrap2:before,
	.sub_0104010200 .organWrap.organWrap2:before{height: calc(100% - 9rem);}
	
	.sub_0104010100 .organWrap > li.g3, 
	.sub_0104010200 .organWrap > li.g3,
	.sub_0104010100 .organWrap > li.g5, 
	.sub_0104010200 .organWrap > li.g5{padding-top: 6rem;margin-bottom: -6rem;}
	
	.sub_0104010100 .organWrap > li.g3 .organ3, 
	.sub_0104010200 .organWrap > li.g3 .organ3{ top:-5.6rem;}
	
	.sub_0104010100 .organWrap > li.g3 .organ3:before, .sub_0104010200 .organWrap > li.g3 .organ3:before {  }
	
   .sub_0104010100 .organWrap > li.g4 .organ4{ top:-3.65rem; } 
	
	.sub_0104010100 .organWrap > li.g5 .organ5, 
	.sub_0104010200 .organWrap > li.g5 .organ5{top: -9rem;}
	
	.sub_0104010100 .organWrap > li.g5 .organ5:before { top:57%; height: calc(100% - 34%); } 
	.sub_0104010200 .organWrap > li.g5 .organ5:before{height: calc(100% - 7.2rem);top: 6rem;}  
	
	.sub_0104010100 .organWrap > li.z3 .organz3, 
	.sub_0104010200 .organWrap > li.z3 .organz3{ top:-3.6rem;}
	  
	.sub_0104010100 .organWrap > li.z5, 
	.sub_0104010200 .organWrap > li.z5{padding-top: 6rem;margin-bottom: -6rem;}
	
	.sub_0104010100 .organWrap > li.z5 .organz5, 
	.sub_0104010200 .organWrap > li.z5 .organz5{top:-8.5rem;}
	
	.sub_0104010100 .organWrap > li.z5 .organz5:before,
	.sub_0104010200 .organWrap > li.z5 .organz5:before{top:63%;}
	 
	 .sub_0104010100 .organWrap > li.g6 .organ6:before { top: 45%; height: calc(100% - 35.5%); } 
	  
	 .sub_0104010100 .organWrap > li.z7 .organz7 {top:-2.7rem}
	 .sub_0104010200 .organWrap > li.z7 .organz7{top:-3.6rem;} 
}

@media (max-width: 1300px) { #contentWrap { padding: 0 !important; }
	.youtubeList > ul > li figure a { height: 10rem; }
	.youtubeList > ul > li figure a:focus { height: 10rem; }
	/* sub_0202010000, sub_0203010000*/
	.university > ul > li .majorWrap > li > a .major .majorName { float: inherit; display: block; }
	.university > ul > li .majorWrap > li > a .major .feature { float: left; }
	.majorView .corebox > img { width: 40%; }
	.majorView .corebox .major_info { width: 55%; }
	.sub_0305090200 .tbox3 a { position: inherit; right: inherit; top: inherit; margin: .5rem 0 0 7.5rem; }
	.sub_0705020000 .stripe_box .stbox .board_info .desc { margin-bottom: .5rem; width: auto; float: inherit; line-height: 1.5; }
	.sub_0705020000 .stripe_box .stbox .board_info fieldset { width: 100%; }
}

@media (max-width: 1200px) { 
	.userser.active .visual-nav { top: inherit; bottom: -24rem; right: 50%; transform: translate(50%, 0); height: 40rem; max-height: 40rem; }
	.userser.active .visual-nav::before { width: 100%; transform: translateX(-50%) scale(1); height: 40rem; }
	.userser.active .visual-nav::after { width: 27rem; height: 26rem; top: 54%; left: 50%; transform: translate(-50%, -50%) scale(1); max-height: 25rem; }
	.userser.active .visual-nav .depth1 { right: 50%; top: 10.5rem; transform: translate(50%, 0%); }
	.userser.active .visual-nav .depth1 > li ~ li { margin-top: 5px; }
	.userser .visual-nav .depth1 > li > a img, .userser .section1 .visual-nav .depth1 > li > a span { margin-right: 10px; margin-left: 0; }
	.userser .visual-nav .active .depth2 li:nth-child(1) { left: -260px; top: -50px; transition-delay: .2s; }
	.userser .visual-nav .active .depth2 li:nth-child(2) { left: -140px; top: -125px; transition-delay: .4s; }
	.userser .visual-nav .active .depth2 li:nth-child(3) { left: -50%; top: -180px; transform: translateX(-50%); transition-delay: .6s; }
	.userser .visual-nav .active .depth2 li:nth-child(4) { left: 140px; top: -125px; transition-delay: .8s; }
	.userser .visual-nav .active .depth2 li:nth-child(5) { left: 260px; top: -50px; transition-delay: 1s; }
	.userser .visual-nav li:first-child.active .depth2 li:nth-child(1) { left: -300px; top: -10px; transition-delay: .2s; }
	.userser .visual-nav li:first-child.active .depth2 li:nth-child(2) { left: -210px; top: -90px; transition-delay: .4s; }
	.userser .visual-nav li:first-child.active .depth2 li:nth-child(3) { left: -130px; top: -180px; transform: translate(0); transition-delay: .6s; }
	.userser .visual-nav li:first-child.active .depth2 li:nth-child(4) { left: 20px; top: -180px; transform: translate(0); transition-delay: .8s; }
	.userser .visual-nav li:first-child.active .depth2 li:nth-child(5) { left: 210px; top: -90px; transition-delay: 1s; }
	.userser .visual-nav li:first-child.active .depth2 li:nth-child(6) { left: 300px; top: -10px; transition-delay: 1.2s; }
	.userser .visual-nav .us_close { left: 50%; transform: translateX(-50%); top: 7.5rem; }
	#snb { margin-bottom: 3rem; }
	#snb:before { height: 14rem; }
	#snb:after { display: none; }
	#snb h2.title { height: 14rem; padding: 5rem 0 1rem; font-size: 2rem; }
	#snb h2.title:before { top: 8rem; }
	#snb .sub_title { 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; }
	#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; }
	#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 { 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; }
	/* .sub_0101010000 .greeting { height: 25rem; width: 18rem; } */
	
	/* .sub_0101010000 .greeting:after { bottom: 1.65rem; } */
	.sub_0101010000 .greeting:after { bottom: 1.65rem; right: 344px;}
	.sub_0101010000 .greeting .sign { font-size: .9rem; }
	.sub_0101010000 .greeting .sign img { width: 6rem; }
	
	.sub_0104010100 .organWrap > li > ul.d2b > li .d3a > li, 
	.sub_0104010200 .organWrap > li > ul.d2b > li .d3a > li{width: 12rem;}
	
	.sub_0104010100 .organWrap > li.z3 .organz3, .sub_0104010200 .organWrap > li.z3 .organz3 { top:-3rem; }
	
	.sub_0104010100 .organWrap > li.g5 .organ5:before, 
	.sub_0104010200 .organWrap > li.g5 .organ5:before{ height: calc(100% - 33.333%);
    top: 55%;
    transform: translateY(-50%);} 
	
	.sub_0104010100 .organWrap > li.z5,     
	.sub_0104010200 .organWrap > li.z5{ padding-top: 4rem; margin-bottom: -4rem;}
	
	.sub_0104010100 .organWrap > li.z5 .organz5, 
	.sub_0104010200 .organWrap > li.z5 .organz5{top:-6rem;}
	
	.sub_0104010100 .organWrap > li.z5 .organz5:before,
	.sub_0104010200 .organWrap > li.z5 .organz5:before{ top:60%; }
 
	.sub_0104010100 .organWrap > li.z7 .organz7{top:-2.7rem;} 
  
	.university ul.major > li { width: calc(50% - 1rem); }
  }

@media (max-width: 1024px) { 
	.sub_0101050000 .jbu-chancellor{padding-left: 0;}
	.sub_0101050000 .jbu-chancellor .chancellor-img,
	.sub_0101050000 .jbu-chancellor .chancellor-history{ float: none; width: auto;}
	.sub_0101050000 .jbu-chancellor .chancellor-img{text-align: center; margin-bottom: 3rem;}
	.sub_0101050000 .jbu-chancellor .chancellor-history{ text-align: center;}
	.sub_0101050000 .jbu-chancellor .chancellor-history > ul{position: relative; width: 60%; margin: 0 auto; }
	/* .sub_0101050000 .jbu-chancellor .chancellor-history > ul:after{left: 50%; } */
	.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li{display:flex; width: 100%; margin: 2rem auto; padding-left:1rem; background: #fff; text-align: left;}
	/* .sub_0101050000 .jbu-chancellor .chancellor-history > ul > li:before{left: calc(50% - 4px);} */
	.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li em{width: 50%; margin: 0;}
	.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li p{width: 50%;}
	.sub_0102010000 { background: none; min-height: auto; padding-top: 0; }
	.sub_0102010000 .year_wrap .history li .cont { padding-right: 0; }
	.sub_0102020000 .talentedWrap .talented > li.talented1:after, .sub_0102020000 .talentedWrap .talented > li.talented2:after, .sub_0102020000 .talentedWrap .talented > li.talented3:after { display: none; }
	.sub_0102030000 .vision_strategy .sy03 .substance .stitle { width: 10rem; height: 10rem; padding: 3.7rem 0; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li:before { width: 4rem; height: 4rem; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li:after { width: 2rem; height: 2rem; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_1 { transform: translateX(-250%); }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_1:before { right: -5rem; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_1:after { right: -4rem; top: 0rem; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_2 { transform: translateX(-250%); top: 10.5rem; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_2:before { right: -5rem; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_2:after { right: -4rem; top: 0rem; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_3 { transform: translateX(250%); }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_3:before { left: -5rem; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_3:after { left: -4rem; top: 0rem; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_4 { transform: translateX(250%); top: 10.5rem; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_4:before { left: -5rem; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_4:after { left: -4rem; top: 0rem; }
	.sub_0102030000 .vision_strategy .sy04 { height: 27rem; }
	.sub_0102030000 .vision_strategy .sy04 .title { height: 27rem; line-height: 27rem; }
	.sub_0102030000 .vision_strategy .sy04 .substance .indicator > li { width: calc(50% - 1rem); margin-bottom: 1rem; }
	.sub_0102030000 .vision_strategy .ta04 { height: 17rem; }
	.sub_0102030000 .vision_strategy .ta04 .title { height: 17rem; line-height: 17rem; }
	.sub_0102030000 .vision_strategy .ta05 .substance .talent > li { width: calc(33.3% - 3rem); margin: 0 1.5rem; }
	.sub_0102030000 .vision_strategy .ta05 .substance .talent > li:before { right: -2.9rem !important; }
	.sub_0102030000 .vision_strategy .go03 .substance .goal > li { font-size: .8rem; }
	.sub_0102030000 .vision_strategy .go04 .substance .task > li .list li { padding: .8rem .5rem; min-height: 3rem; }
	.sub_0102030000 .vision_strategy .se03 { height: 14rem; }
	.sub_0102030000 .vision_strategy .se03 .title { height: 14rem; line-height: 14rem; }
	.sub_0304010000 .schedule .calendar { width: 13rem; margin-right: 2rem; }
	.sub_0304010000 .schedule .content { width: calc(100% - 15rem); }
	.sub_0407020100 .faciBox ul li .title { float: inherit; }
	.sub_0407020100 .faciBox ul li .faciChoice { float: inherit; width: 100%; }
	.sub_0409040300 .sms { padding: 2rem 2rem 1rem; }
	.sub_0606000000 ul li { width: calc(50% - 1rem); }
	.member .MemberForm .title { padding: 0 1rem; }
	.member .MemberForm #login { padding: 2rem 1rem; }
	.member .MemberForm p.search { right: 1rem; }
	.member .MemberForm .certification { padding: 2rem 1rem; }
	div.list1 { display: block; }
	div.list1 .title { display: block !important; width: 100% !important; padding: 1rem !important; }
	div.list1 .group { display: block !important; padding: 1rem !important; }
	div.list1 .cont.type1, div.list1 .cont.type3 { width: calc(100% + 2rem) !important; margin: 0 0 0 -2rem !important; }
	div.list1 .cont.type1.m-type1, div.list1 .cont.type3.m-type1 { margin-top: 1rem !important; }
	div.list1 .label.type1 { font-size: 0.8rem; }
}

 
@media (max-width: 768px) { 
	#content { max-width: calc(100% - 2rem); }
	#snb .sub_title { font-size: .9rem; }
	.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; }
	.contentInfo #satisfy-wrap .satisfyForm li input { top: 0; }
	.userser.active .visual-nav { bottom: -28rem; }
	.userser .userser.active .visual-nav::before { width: 40rem; }
	.userser.active .visual-nav::after { top: 45%; width: 20rem; height: 22rem; }
	.userser.active .visual-nav .depth1 { top: 9rem; }
	.userser.active .visual-nav .depth1 > li { display: none; }
	.userser.active .visual-nav .depth1 > li.active { display: block; }
	.userser.active .visual-nav .depth1 > li ~ li { margin-top: 0; }
	.userser .visual-nav .depth1 > li > a > span::after { display: none; }
	.userser .visual-nav .depth1 > li > a span { margin-right: 0; }
	.userser .visual-nav .depth2 > li > a img { width: 2rem; height: 1.5rem; }
	.userser .visual-nav .depth1 li .depth2 > li { left: 50% !important; top: 50% !important; }
	.userser .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(1) { left: -200px !important; top: -10px !important; transition-delay: .2s; transition: all .2s; }
	.userser .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(2) { left: -140px !important; top: -60px !important; transition-delay: .4s; }
	.userser .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(3) { left: -100px !important; top: -120px !important; transform: translate(0); transition-delay: .6s; }
	.userser .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(4) { left: 0px !important; top: -120px !important; transform: translate(0); transition-delay: .8s; }
	.userser .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(5) { left: 140px !important; top: -60px !important; transition-delay: 1s; }
	.userser .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(6) { left: 200px !important; top: -10px !important; transition-delay: 1.2s; }
	.userser .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(1), .userser .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(1) { left: -160px !important; top: -40px !important; transition-delay: .2s; }
	.userser .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(2), .userser .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(2) { left: -85px !important; top: -80px !important; transition-delay: .2s; }
	.userser .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(3), .userser .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(3) { left: 0px !important; top: -120px !important; transition-delay: .2s; }
	.userser .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(4), .userser .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(4) { left: 85px !important; top: -80px !important; transition-delay: .2s; }
	.userser .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(5), .userser .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(5) { left: 160px !important; top: -40px !important; transition-delay: .2s; }
	.userser .visual-nav .us_close { top: 6rem; }
	.userser .visual-nav .controls-direction { display: block; }
	.sub_0101010000 .greeting { width: 100%; margin: 0; position: inherit; height: auto; }
	.sub_0101010000 .greeting *{font-size:15px; line-height:1.8;}
	.sub_0101010000 .gimg{padding: 3rem 0 2rem; background: #f7f7f6; text-align: center;}
	.sub_0101010000 .gimg:after{content: none;}
	.sub_0101010000 .greeting:before, 
	.sub_0101010000 .greeting:after { display: none; }
	.sub_0101010000 .greeting > div{ width: auto;}
	.sub_0101010000 .greeting .title { margin-bottom: .5rem; font-size: 1.5rem; line-height: 2rem; }
	.sub_0101010000 .gimg,
	.sub_0101010000 .gtxt{ width: 100%; float: inherit; }
	.sub_0101010000 .gtxt{ padding-top: 1rem;}
	/* .sub_0101010000 .sign img{height: 2rem;} */
	.sub_0101050000 .jbu-chancellor .chancellor-history > ul{
		width: 100%;
	}
	.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li{
		flex-flow: row wrap;
	}
	.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li em{
		width: 200px;
	}
	.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li p{
		width: calc(100% - 200px);
	}
	.sub_0102010000 .year_wrap .year { float: inherit; }
	.sub_0102010000 .year_wrap .history { width: 100%; float: inherit; }
	.sub_0102010000 .year_wrap .history:before { left: 3rem; }
	.sub_0102010000 .year_wrap .history li:first-child:before { left: 3rem; }
	.sub_0102010000 .year_wrap .history li .date { width: 4.5rem; float: left; }
	.sub_0102010000 .year_wrap .history li .cont { width: calc(100% - 4.5rem); padding-right: 0rem; }
	.sub_0102020000 .talentedWrap { padding: 10.5rem 0 12rem; }
	.sub_0102020000 .talentedWrap:before { top: 9rem; }
	.sub_0102020000 .talentedWrap:after { display: none; }
	.sub_0102020000 .talentedWrap .talented .talented2 { top: 26rem !important; }
	.sub_0102020000 .talentedWrap .talented .talented2:before { right: 2.5rem !important; top: -2rem !important; transform: rotate(-45deg); }
	.sub_0102020000 .talentedWrap .talented .talented2:after { right: 1.5rem !important; top: -3.5rem !important; }
	.sub_0102020000 .talentedWrap .talented .talented3 { top: 26rem !important; }
	.sub_0102020000 .talentedWrap .talented .talented3:before { left: 2.5rem !important; top: -2rem !important; transform: rotate(45deg); }
	.sub_0102020000 .talentedWrap .talented .talented3:after { left: 1.5rem !important; top: -3.5rem !important; }
	.sub_0102030000 .vision_strategy .sy03 { height: 25rem; }
	.sub_0102030000 .vision_strategy .sy03 .title { height: 3rem; line-height: 3rem; width: 100%; }
	.sub_0102030000 .vision_strategy .sy03 .title br { display: none; }
	.sub_0102030000 .vision_strategy .sy03 .substance { width: 100%; height: 22rem; }
	.sub_0102030000 .vision_strategy .sy03 .substance .stitle { display: none; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li { padding-left: 5rem; width: 12rem; left: 50% !important; transform: translateX(-50%) !important; text-align: left !important; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li:before { left: 0 !important; top: -.5rem !important; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li:after { left: 1rem !important; top: .5rem !important; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_2 { top: 7.5rem; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_3 { top: 12rem; }
	.sub_0102030000 .vision_strategy .sy03 .substance .goal li.goal_4 { top: 16.5rem; }
	.sub_0102030000 .vision_strategy .sy04 { height: 34rem; }
	.sub_0102030000 .vision_strategy .sy04 .title { height: 3rem; line-height: 3rem; width: 100%; }
	.sub_0102030000 .vision_strategy .sy04 .title br { display: none; }
	.sub_0102030000 .vision_strategy .sy04 .substance { width: 100%; height: 31rem; }
	.sub_0102030000 .vision_strategy .ta01 { height: 10rem; line-height: calc(10rem - 2px); }
	.sub_0102030000 .vision_strategy .ta01 .title { height: calc(10rem - 2px); }
	.sub_0102030000 .vision_strategy .ta03 { height: 9rem; line-height: 9rem; }
	.sub_0102030000 .vision_strategy .ta03 .title { height: 9rem; }
	.sub_0102030000 .vision_strategy .ta03 .substance { height: 9rem; line-height: 9rem; }
	.sub_0102030000 .vision_strategy .ta04 { height: 37rem; }
	.sub_0102030000 .vision_strategy .ta04 .title { height: 3rem; line-height: 3rem; width: 100%; }
	.sub_0102030000 .vision_strategy .ta04 .title br { display: none; }
	.sub_0102030000 .vision_strategy .ta04 .substance { width: 100%; height: 34rem; }
	.sub_0102030000 .vision_strategy .ta04 .substance .e_goal { padding: 1.5rem 1rem; }
	.sub_0102030000 .vision_strategy .ta04 .substance .e_goal > li { margin: 0 0 1rem; width: 100%; }
	.sub_0102030000 .vision_strategy .ta05 { height: 17rem; }
	.sub_0102030000 .vision_strategy .ta05 .title { height: 3rem; line-height: 3rem; width: 100%; }
	.sub_0102030000 .vision_strategy .ta05 .substance { width: 100%; }
	.sub_0102030000 .vision_strategy .ta05 .substance .talent > li { width: calc(33.3% - 2rem); margin: 0 1rem; }
	.sub_0102030000 .vision_strategy .go03 { height: 12rem; }
	.sub_0102030000 .vision_strategy .go03 .title { height: 3rem; line-height: 3rem; width: 100%; }
	.sub_0102030000 .vision_strategy .go03 .title br { display: none; }
	.sub_0102030000 .vision_strategy .go03 .substance { width: 100%; height: 9rem; }
	.sub_0102030000 .vision_strategy .go03 .substance .goal { padding: 1.5rem 1rem; }
	.sub_0102030000 .vision_strategy .go03 .substance .goal li { width: calc(25% - .4rem); margin: 0 .2rem; }
	.sub_0102030000 .vision_strategy .go03 .substance .goal li:before { display: none; }
	.sub_0102030000 .vision_strategy .go03 .substance .goal li:after { display: none; }
	.sub_0102030000 .vision_strategy .go04 { height: 27rem; }
	.sub_0102030000 .vision_strategy .go04 .title { height: 3rem; line-height: 3rem; width: 100%; }
	.sub_0102030000 .vision_strategy .go04 .title br { display: none; }
	.sub_0102030000 .vision_strategy .go04 .substance { width: 100%; height: 24rem; }
	.sub_0102030000 .vision_strategy .go04 .substance .task { padding: 1rem 1rem; }
	.sub_0102030000 .vision_strategy .go04 .substance .task > li { width: calc(25% - .4rem); margin: 0 .2rem; }
	.sub_0102030000 .vision_strategy .go04 .substance .task > li:before { display: none; }
	.sub_0102030000 .vision_strategy .se03 { height: 17rem; }
	.sub_0102030000 .vision_strategy .se03 .title { height: 3rem; line-height: 3rem; width: 100%; }
	.sub_0102030000 .vision_strategy .se03 .title br { display: none; }
	.sub_0102030000 .vision_strategy .se03 .substance { width: 100%; height: 14rem; }
	.sub_0102030000 .vision_strategy .se04 { height: 16rem; }
	.sub_0102030000 .vision_strategy .se04 .title { height: 3rem; line-height: 3rem; width: 100%; }
	.sub_0102030000 .vision_strategy .se04 .title br { display: none; }
	.sub_0102030000 .vision_strategy .se04 .substance { width: 100%; height: 13rem; }
	.sub_0102030000 .vision_strategy .se05 { width: 100%; margin-left: 0; }
	.sub_0102030000 .vision_strategy .se06 { height: 16rem; }
	.sub_0102030000 .vision_strategy .se06 .title { height: 3rem; line-height: 3rem; width: 100%; }
	.sub_0102030000 .vision_strategy .se06 .title br { display: none; }
	.sub_0102030000 .vision_strategy .se06 .substance { width: 100%; height: 13rem; }
	.sub_0104010100 .organWrap:before, .sub_0104010200 .organWrap:before { height: 0; }
	.sub_0104010100 .organWrap > li, .sub_0104010200 .organWrap > li { margin-bottom: 0 !important; }
	.sub_0104010100 .organWrap > li.z5, .sub_0104010200 .organWrap > li.z5{padding-top: 2rem;}
	.sub_0104010100 .organWrap > li.g3, 
	.sub_0104010200 .organWrap > li.g3, 
	.sub_0104010100 .organWrap > li.g5, 
	.sub_0104010200 .organWrap > li.g5{padding-top: 2rem;}
	.sub_0104010100 .organWrap > li > p, .sub_0104010200 .organWrap > li > p { width: 100%; }
	.sub_0104010100 .organWrap > li > p:before, .sub_0104010200 .organWrap > li > p:before { display: none; }
	.sub_0104010100 .organWrap > li > ul, .sub_0104010200 .organWrap > li > ul { width: 100%; left: 0; top: 1rem !important; }
	.sub_0104010100 .organWrap > li > ul.d2b:before, .sub_0104010200 .organWrap > li > ul.d2b:before { display: none; }
	.sub_0104010100 .organWrap > li > ul.d2b > li:before, .sub_0104010200 .organWrap > li > ul.d2b > li:before { display: none; }
	.sub_0104010100 .organWrap > li > ul.d2b > li > p, .sub_0104010200 .organWrap > li > ul.d2b > li > p { width: 8rem; }
	.sub_0104010100 .organWrap > li > ul.d2b > li .d3a, .sub_0104010200 .organWrap > li > ul.d2b > li .d3a { width: calc(100% - 8rem); }
	.sub_0104010100 .organWrap > li > ul.d2b > li.text1, .sub_0104010200 .organWrap > li > ul.d2b > li.text1 { width: 100%; }
	.sub_0104010100 .organWrap > li > ul.d2b > li.text1 > p, .sub_0104010200 .organWrap > li > ul.d2b > li.text1 > p { width: 100%; }
	.sub_0104010100 .organWrap > li > ul.d2b > li.text1.fl, .sub_0104010200 .organWrap > li > ul.d2b > li.text1.fl { width: calc(50% - .5rem); }
	.sub_0104010100 .organWrap > li.g1 .organ1:after{display: none;}
	.sub_0104010100 .organWrap > li.g1 .organ1, .sub_0104010200 .organWrap > li.g1 .organ1 { margin-top: 0rem; }
	.sub_0104010100 .organWrap.organWrap2:before, .sub_0104010200 .organWrap.organWrap2:before { height: 0; }
	.sub_0104010100 .organWrap > li.g2 .organ2>li:first-child { width:100%; }
	.sub_0104010100 .organWrap > li.g2 .organ2:before { display:none; }
	.sub_0104010100 .organWrap > li.g2:before { display:none; }
	.sub_0105010000 .box2 { padding-right: 1rem; padding-top: 15rem; }
	.sub_0105010000 .box2.cont1 { background: url(/home/img/sub/0105010000_01.jpg) no-repeat; background-position: center 10%; padding-top: 18rem; }
	.sub_0105010000 .box2.cont2 { background: url(/home/img/sub/0105010000_02.jpg) no-repeat; background-position: center 10%; }
	.sub_0105010000 .box2.cont3 { background: url(/home/img/sub/0105010000_03.jpg) no-repeat; background-position: center 10%; }
	.sub_0105030100 .box0 img { transform: scale(1.5); position: relative; top: 2rem; }
	.sub_0105030100 .box0 .down { padding-top: 6rem; }
	.sub_0105030100 .cymbal { width: calc(100% + .5rem); }
	.sub_0105030100 .cymbal li { margin-right: .5rem; width: calc(33% - .5rem); }
	.sub_0105030200 .imgmobile { display: block; }
	.sub_0105030200 .imgpc { display: none; }
	.sub_0105030300 .color > li > p { padding-left: 0; padding-bottom: .5rem; }
	.sub_0105030300 .color > li .colorbox { width: 100%; }
	.sub_0105030300 .color > li .colorbox.subcolor li { width: calc(33.33% - .5rem); margin-bottom: .5rem; }
	.sub_0105030400 .forbid { width: 14rem; }
	.sub_0105030400 .forbid li { width: 6rem; height: 7.5rem; }
	.sub_0106030200 .layer_popup .popup, .sub_0107020000 .layer_popup .popup { width: calc(100% - 2rem); }
	/* sub_0202010000, sub_0203010000*/
	.university ul.major { width: 100%; }
	.university ul.major > li { width: 100%; margin-right: 0; height: auto; }
	/* sub_0202020000 이하 학부*/
	.majorView .corebox { padding: 2rem 1.2rem; }
	.majorView .corebox > img { float: inherit; margin: 0 auto 1rem; display: block; width: 100%; height: auto; }
	.majorView .corebox .major_info { width: 100%; margin-left: 0; height: auto; padding-bottom: 0;}
	.majorView .corebox .major_info .name:before { top: .45rem; }
	.majorView .corebox .major_info .desc { margin-bottom: 1rem; }
	.majorView .corebox .major_info .table-wrap.small { position: relative; }
	.majorView .pro_view_wrap { width: calc(100% + 2rem); }
	.majorView .pro_view_wrap .pro_view { width: calc(100% - 4rem); padding: 1.5rem; }
	.majorView .pro_view_wrap .pro_view:before { width: 100%; }
	.majorView .pro_view_wrap .pro_view .pro_detail { width: 100%; margin: 2rem 0rem 0; left: 0; }
	.majorView .pro_view_wrap .pro_view .pro_detail h4, .majorView .pro_view_wrap .pro_view .pro_detail p, .majorView .pro_view_wrap .pro_view .pro_detail ul { margin: 0; }
	.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%); }
	.sub_0305010000 > ul > li .title { width: 5rem; }
	.sub_0305090200 .process { width: calc(100% + 0rem); }
	.sub_0305090200 .process li { width: calc(50% - 2rem); }
	.sub_0305140100 .process { width: calc(100% + 2rem); }
	.sub_0305140100 .process > li { width: calc(50% - 2rem); margin-bottom: 2rem !important; }
	.sub_0305140100 .process > li:nth-child(4), .sub_0305140100 .process > li:nth-child(5), .sub_0305140100 .process > li:nth-child(6) { float: left; margin-bottom: 1rem; }
	.sub_0305140100 .process > li:after { display: none; }
	.sub_0305150100 .kbdown img { display: block; margin: 0 auto 1rem; float: inherit; }
	.sub_0305150100 .process ul li { width: calc(50% - 1rem); }
	.sub_0311030100 .military { width: calc(100% + 0rem); }
	.sub_0311030100 .military li { width: 100%; }
	.sub_0311010400.bul1 { width: 100%; }
	.sub_0311010400.img { width: 100%; clear: both; }
	/* sub_04020200 동아리현황 */
	.clubView > img { width: 100%; margin-bottom: 1rem; }
	.clubView .club_info { width: 100%; margin-left: 0; margin-bottom: 1rem; }
	.clubView .club_intro { padding: 1rem; }
	/* 0403010000 이하 슬라이드 공통 */
	.sub_slider #bx-pager a img { width: 16%; margin: 0 .3% .5rem; }
	.sub_0403010000 .facilities li { width: calc(100% - 2rem); }
	.sub_0403010000 .doc li .call { float: inherit; width: 100%; }
	.sub_0404010000 .facilities li { width: calc(100% - 2rem); }
	.sub_0404010000 .doc li .call { float: inherit; width: 100%; }
	/* 0406010000 식단 */
	.menutableWrap .menutable .using_time_wrap .using_time { max-width: 377px; }
	.menutableWrap .menutable .using_time_wrap .using_time .title { float: inherit; width: 100px; margin: .2rem auto .5rem; display: block; }
	.sub_0407020100 .faciBox ul li .faciChoice label.radio_l { width: calc(33.33% - .6rem); }
	.sub_0407020100 .faciBox ul li .faciChoice input[type='text'] { width: calc(100% - 11rem); }
	.sub_0407020100 .faciBox ul li .faciChoice label.radio_l.faci4, .sub_0407020100 .faciBox ul li .faciChoice label.radio_l.faci8 { width: auto; }
	.sub_0407020100 .faciReserWrap .calendar { width: 100%; margin-bottom: .5rem; }
	.sub_0407020100 .faciReserWrap .faciReserPDBox { width: 100%; }
	.sub_0407020200 .stripe_box .stbox { padding: 1rem 1rem; }
	.sub_0407020200 .stripe_box .stbox span { margin-bottom: .5rem; }
	.sub_0407020200 .stripe_box .stbox span.form-input { width: calc(100% - 5.5rem); }
	.sub_0409010000 .imgtextBox img { width: 100%; }
	.sub_0409010000 .imgtextBox > div { margin-top: 0rem; width: 1005; }
	.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: 100%; }
	.sub_0409010000 .num2 li { width: 100%; }
	.sub_0501020000 .stripe_box .board_info #m_name { width: 30%; }
	.sub_0501020000 .stripe_box .board_info #title { width: calc(70% - .5rem); }
	.sub_0501020000 .stripe_box .board_info .btn_basic { width: 100%; margin-top: .5rem; }
	/* sub_0505000000 */
	.sub_0505000000 .tbox3 .desc { margin-right: 0; }
	.sub_0505000000 .tbox3 .beforeQA { float: inherit; margin-left: 7.5rem; margin-top: 1rem; }
	.sub_0505000000 .sPeti_answerWrap ul li { /* 답변내용 */ }
	.sub_0505000000 .sPeti_answerWrap ul li .sPeti_info { display: block; padding: .5rem .5rem; width: 100%; }
	.sub_0505000000 .sPeti_answerWrap ul li .sPeti_text { display: block; padding: 1rem 1rem; width: 100%; border-left: 1px solid #ddd; border-top: none; }
	.sub_0505000000 .sPeti_answerWrap ul li .sPeti_answer_t { display: block; padding: .5rem .5rem; width: 100%; }
	.sub_0505000000 .sPeti_answerWrap ul li .sPeti_answer_write { display: block; width: 100%; border-left: 1px solid #ddd; border-top: none; }
	.sub_0505000000 .btn_faq { position: relative; }
	.sub_0505000000 .return_bg .returnPopup { width: 18rem; overflow: inherit; }
	.sub_0505000000 div.tstyle_list > div.dbody > ul > [class*="condi"] > p { margin: 0 0rem; max-width: 6rem; }
	.sub_0505000000 div.tstyle_list > div.dbody > ul > li .faq_w { text-align: left !important; }
	.sub_0505000000 .pointWrite .stripe_box .stbox { padding: 1.5rem; }
	.sub_0505000000 .pointWrite .stripe_box .stbox .pointBox { margin-top: 1rem; }
	.sub_0505000000 .pointWrite .stripe_box .stbox .pointBox .pointStar { padding: 0 1rem; }
	.sub_0505000000 .pointWrite .stripe_box .stbox .pointBox a.btn { padding: 0 1.2rem 0 0.8rem; }
	.sub_0505000000 .pointView .stripe_box .stbox .pointResult { padding: 0 1.5rem; }
	.sub_0505000000 .myFaqImport_bg .myFaqPopup { width: 20rem; }
	.sub_0505000000 .myFaqImport_bg .myFaqPopup .contBox { padding: 2rem 1rem; }
	.sub_0409040300 .sms { padding: 1rem; }
	.sub_0409040300 .sms .title { display: block; text-align: center; float: inherit; margin: 0 auto 1rem; }
	.sub_0409040300 .sms ul { float: inherit; width: 100%; }
	.sub_0409040300 .sms ul li .con { width: calc(100% - 6rem); }
	.sub_0409040300 .sms ul li .object { width: 5rem; margin-left: 1rem; }
	/*0601000000*/
	.youtubeList > ul > li { width: 50% !important; }
	.youtubeList > ul > li figure a .photo:before { display: none; }
	.youtubeList > ul > li figure a .photo:after { display: none; }
	.member .MemberForm { width: 100%; margin-right: 0; margin-bottom: 1rem; }
	.member .info { margin-top: 0; }
	.sub_0705020000 .stripe_box .stbox { padding: 1.5rem 2rem; }
	.sub_0706000000 .process { width: calc(100% + 1.5rem); }
	.sub_0706000000 .process li { width: calc(50% - 1.5rem); margin-bottom: 1rem; }
	.sub_0706000000 .process li:after { display: none; }
	.sub_0706000000 .download { width: calc(100%); }
	.sub_0706000000 .download li { width: 100%; margin-bottom: .5rem; }
	.sub_0707000000 .relateSite li { width: calc(50% - 1rem); }
	.member .pwsearchBox form ul li input[type='password'] { width: calc(100% - 7.5rem); }
	.member .pwsearchBox form ul li span.notice { display: inline-block; }
	div.list1.m-hidden, div.list1 .m-hidden { display: none !important; }
	div.list1 .m-visible { display: block !important; }
	div.list1 .title { padding: 0.75rem; }
	div.list1 .group { padding-top: 0 !important; }
	div.list1 .group.type2, div.list1 .group.img { padding-top: 1rem !important; }
	div.list1 .cont { display: inline-block; width: 100% !important; margin: 0 !important; }
	div.list1 .cont.m-type1.type1 { margin-top: 0 !important; }
	div.list1 .cont.m-type1 .item { float: none; width: 100%; }
	div.list1 .cont.type1 { width: 100% !important; margin: 0 !important; }
	div.list1 .cont.type4 .desc::after { display: none; }
	div.list1 .item, div.list1 .item.type1 { display: block; clear: both; float: left; width: calc(50% - 0.5rem); margin-top: 1rem; padding: 0 !important; }
	div.list1 .item::before, div.list1 .item::after, div.list1 .item.type1::before, div.list1 .item.type1::after { display: none !important; }
	div.list1 .item:nth-child(2n), div.list1 .item:nth-child(2).m-hidden + .item, div.list1 .item.type1:nth-child(2n), div.list1 .item.type1:nth-child(2).m-hidden + .item { clear: none; float: right; }
	div.list1 .item.type1, div.list1 .item.type1.type1 { font-size: 0.8rem; }
	div.list1 .item.type1::before, div.list1 .item.type1::after, div.list1 .item.type1.type1::before, div.list1 .item.type1.type1::after { display: none !important; }
	div.list1 .item.type1 .desc, div.list1 .item.type1.type1 .desc { border: 1px solid #d2d2d2; }
	div.list1 .item.type2 .desc, div.list1 .item.type1.type2 .desc { margin-top: 0.5rem; border-radius: 1rem; background-color: #f4f4f4; }
	div.list1 .item.type4 .desc, div.list1 .item.type1.type4 .desc { margin-top: 0; }
	div.list1 .item.type4 .label.m-visible, div.list1 .item.type1.type4 .label.m-visible { margin-bottom: 2rem; }
	div.list1 .label { display: block; position: relative; left: 0 !important; width: 100% !important; }
	div.list1 .desc { font-size: 0.8rem; margin-top: 1.5rem; padding: 0.5rem; border-radius: 1rem; background-color: #fff; }
	div.list1 .desc::before { display: none !important; }
	div.list1 .desc.type1 { font-size: 0.8rem; }
	div.list1 .desc.type1.type2 { margin-top: 0; }
	div.list1.type1 .group { padding: 0 !important; }
	div.list1.type1.type3 { left: 0; margin-top: 0 !important; }
	div.list1.type1.type3 .item .desc::after { display: none; }
	.search_wrap .search_box .search_option_box { padding: .75rem 1rem; height: auto; }
	.search_wrap .search_box .search_option_box ul { width: 185px; left: 0; transform: translateX(0); margin: 0 auto; display: block; }
	.search_wrap .search_box .search_option_box ul li { float: inherit; margin-bottom: 4px; }
	.search_wrap .search_box .search_option_box ul li + li { margin-left: 0; }
	.search_wrap .search_word_box { width: 100%; padding: 1rem 0; }
	.search_wrap .search_word_box .popular { padding-bottom: .5rem; }
	.search_wrap .search_word_box .popular .title { position: relative; }
	.search_wrap .search_word_box .popular .title a { display: block; width: 100%; }
	.search_wrap .search_word_box .popular .title:after { content: ''; font-family: 'xeicon'; font-size: .6rem; position: absolute; right: .5rem; line-height: 1.2rem; top: 0; z-index: -1; }
	.search_wrap .search_word_box .popular #tab_wrap_sw { display: none; }
	.search_wrap .search_word_box .popular.active { padding-bottom: 1rem; }
	.search_wrap .search_word_box .popular.active #tab_wrap_sw { display: block; }
	.search_wrap .search_result_box { width: 100%; border-right: 0; padding: 1rem 0; }
	.search_wrap .search_result_box .cont .list li { margin-bottom: 1rem; }
	.search_wrap .search_result_box .cont .photo li img { height: 6rem; }
	.search_wrap .search_result_box .cont .more { top: 0; }
	.search_wrap .search_result_box .cont + .cont { margin-top: 1rem; padding-top: 1rem; }
	.search_wrap .search_result_box .cont + .cont .more { top: 1rem; } 
	
	.otp-img .img-pc{display: none;}
	.otp-img .img-mobile{display: inline-block;}
	
	
	/* 개인정보처리방침 */
	.privacy-area .cnt_list > li{
		width: 100%;
	}
}

@media (max-width: 499px) {
	.userser .visual-nav .us_close { top: 5rem; }
	.userser.active .visual-nav { height: 38rem; }
	.userser .userser.active .visual-nav::before { width: 32rem; }
	.userser .visual-nav .depth2 > li > a { width: 3.8rem; }
	.userser.active .visual-nav::after { top: 45%; width: 15rem; height: 22rem; }
	.userser.active .visual-nav .depth1 { top: 8rem; }
	.userser.active .visual-nav .depth1 > li { display: none; }
	.userser.active .visual-nav .depth1 > li.active { display: block; }
	.userser.active .visual-nav .depth1 > li ~ li { margin-top: 0; }
	.userser .visual-nav .depth1 > li > a > span::after { display: none; }
	.userser .visual-nav .depth1 > li > a span { margin-right: 0; }
	.userser .visual-nav .depth2 > li > a img { width: 2rem; height: 1.5rem; }
	.userser .visual-nav .depth1 li .depth2 > li { left: 50% !important; top: 50% !important; }
	.userser .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(1) { left: -137px !important; top: -20px !important; transition-delay: .2s; transition: all .2s; }
	.userser .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(2) { left: -90px !important; top: -70px !important; transition-delay: .4s; }
	.userser .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(3) { left: -60px !important; top: -117px !important; transform: translate(0); transition-delay: .6s; }
	.userser .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(4) { left: 5px !important; top: -117px !important; transform: translate(0); transition-delay: .8s; }
	.userser .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(5) { left: 90px !important; top: -70px !important; transition-delay: 1s; }
	.userser .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(6) { left: 137px !important; top: -20px !important; transition-delay: 1.2s; }
	.userser .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(1), .userser .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(1) { left: -120px !important; top: -40px !important; transition-delay: .2s; }
	.userser .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(2), .userser .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(2) { left: -65px !important; top: -80px !important; transition-delay: .2s; }
	.userser .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(3), .userser .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(3) { left: 0px !important; top: -120px !important; transition-delay: .2s; }
	.userser .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(4), .userser .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(4) { left: 65px !important; top: -80px !important; transition-delay: .2s; }
	.userser .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(5), .userser .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(5) { left: 120px !important; top: -40px !important; transition-delay: .2s; }
	.userser .visual-nav .controls-direction { display: block; }
	.userser .visual-nav .controls-direction a { top: 8rem; }
	.contentInfo #satisfy-wrap .blind { height: 1.2rem; }
	.contentInfo #satisfy-wrap .satisfyTitle { height: 2.2rem; }
	.contentInfo #satisfy-wrap .satisfyTitle .opinion_right { margin-top: 1rem; }
	.sub_0101050000 .jbu-chancellor .chancellor-history > ul:after{
		height: calc(100% - 10px - 20px - 15px);
	}
	.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li em,
	.sub_0101050000 .jbu-chancellor .chancellor-history > ul > li p{
		width: 100%;
	}
	.sub_0102030000 .vision_strategy .go03 { height: 14rem; }
	.sub_0102030000 .vision_strategy .go03 .substance .goal > li { width: calc(50% - .4rem); margin: 0 .2rem .2rem; }
	.sub_0102030000 .vision_strategy .go04 { height: 43rem; }
	.sub_0102030000 .vision_strategy .go04 .substance { height: 46rem; }
	.sub_0102030000 .vision_strategy .go04 .substance .task > li { width: calc(50% - .4rem); margin: 0 .2rem .2rem; }
	.sub_0102030000 .vision_strategy .se03 { height: 20rem; }
	.sub_0102030000 .vision_strategy .se04 { height: 18rem; }
	.sub_0102030000 .vision_strategy .se06 { height: 18rem; }
	.sub_0102030000 .vision_strategy .ta05 .substance .talent { padding: 1.5rem 1rem; }
	.sub_0102030000 .vision_strategy .ta05 .substance .talent > li { width: calc(33.3% - .4rem); margin: 0 .2rem; border-radius: 1rem; padding: 1.5rem 1rem; }
	.sub_0102030000 .vision_strategy .ta05 .substance .talent > li:before { display: none; }
	.sub_0105030100 .box0 img { transform: scale(2); }
	/* sub_0202020000 이하 학부*/
	.majorView .professor > li { padding: 1rem; }
	.majorView .professor > li a img { width: 4.5rem; height: auto; }
	.majorView .professor > li a .pro_info { width: calc(100% - 5.5rem); margin-left: 1rem; }
	.majorView .professor > li a .pro_info li + li span { width: 4rem; }
	.majorView .professor > li a .pro_info li + li p { width: calc(100% - 4rem); }
	.majorView .pro_view_wrap .pro_view .pro_top img { float: inherit; margin: 0 auto 1rem; display: block; width: 4.5rem; height: 5.5rem; }
	.majorView .pro_view_wrap .pro_view .pro_top .pro_info { float: inherit; margin-left: 0; width: 100%; }
	.majorView .pro_view_wrap .pro_view .pro_top .pro_info li + li span { width: 4rem; }
	.majorView .pro_view_wrap .pro_view .pro_top .pro_info li + li p { width: calc(100% - 4rem); }
	.majorView .pro_view_wrap .pro_view .pro_detail { height: 13.5rem; margin-top: 1rem; }
	.sub_0305090200 .tbox3 a { margin-left: 0; }
	.sub_0305140100 .process { width: calc(100% + 0rem); }
	.sub_0305140100 .process > li { width: calc(100% - 0rem); }
	.sub_0505000000 .tbox3 ol { padding-left: 0; }
	/* 0403010000 이하 슬라이드 공통 */
	/* 0406010000 식단 */
	.menutableWrap .menutable .top .date { font-size: 1.2rem; font-weight: 500; }
	.menutableWrap .menutable .top .arrow a { width: 2.5rem; height: 2.5rem; }
	.menutableWrap .menutable .top .arrow a:before { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; }
	.menutableWrap .menutable .using_time_wrap .using_time { max-width: 105px; }
	.menutableWrap .menutable .using_time_wrap .using_time ul li p { padding-right: 0; }
	.sub_0407020100 .agreeBox { line-height: 2rem; padding: .5rem 1rem; height: auto; }
	.sub_0407020100 .agreeBox label:first-child { float: inherit; display: block; text-align: left; }
	.sub_0409040300 .sms ul li .con { width: calc(100% - 0rem); border-bottom: none; }
	.sub_0409040300 .sms ul li .con:before { bottom: 0rem; border-right: 1px solid #a7a7a7; right: 50%; transform: translateX(50%) rotate(135deg); }
	.sub_0409040300 .sms ul li .object { width: 80%; margin: 1rem 10%; }
	/*0601000000*/
	.youtubeList > ul > li { width: 100% !important; }
	.sub_0606000000 ul { width: 100%; }
	.sub_0606000000 ul li { width: 100%; margin-right: 0; }
	.sub_0606000000 ul li .info .career2 { height: auto; }
	div.list1 .item { float: none !important; width: 100% !important; }
	div.list1 .label { height: auto; padding: 0.5rem 1rem; line-height: 1.2; word-break: keep-all; }
	.search_wrap .search_box .search_input { width: 100%; }
	.search_wrap .search_box .search_input .search_txt { width: calc(100% - 7.6rem); }
	.search_wrap .search_box .search_input .bt_option { width: 5rem; margin-left: .2rem; }
	.search_wrap .search_result_box .cont .photo li { width: calc(33.33% - .34rem); }
	.search_wrap .search_result_box .cont .photo li + li { margin-left: .5rem; }
	.search_wrap .search_result_box .cont .photo li img { height: 4rem; }
	.search_wrap .search_result_box .cont .list_more li { width: auto; padding: 0 5px; }
	.search_wrap .search_result_box .cont .list_more li:after { display: none; } 
}

@media print { 
	#header, 
	#snb, 
	.content_info + #sns_wrap, 
	.content_info .location, 
	.contentInfo, 
	.depth4_tabN ul, 
	#footer { display: none; }
	.content_info { 
		height: 100%; 
		padding-bottom: 1rem; 
	}
	table { page-break-after:auto; page-break-inside: auto;}
	tr { page-break-inside:avoid; page-break-after:auto }
	thead { display:table-header-group }
	tfoot { display:table-footer-group }
	.table-wrap{
		display: block;
	}
}