/* 본문제목 */
h3, h4, h5, h6,
.h3, .h4, .h5, .h6 {position:relative; font-weight:400; text-align: left; letter-spacing: -1px}
h3, .h3 {margin: 25px 0 15px; line-height:32px; color: #222222; font-size:29px; font-weight:600}
h3:not(:first-child) {margin-top:50px;}
h4, .h4 {margin: 20px 0 10px; padding-left: 30px; line-height:28px; color: #0059b7; font-size: 24px; font-weight:600}
h5, .h5 {margin: 10px 0; padding-left: 30px; line-height:24px; color: #242424; font-size: 21px; font-weight:600; letter-spacing: 0}
h6, .h6 {margin: 10px 0; padding-left:30px; line-height:23px; color: #363636; font-size: 19px; font-weight:600; letter-spacing: 0}

h4:before, h5:before, h6:before, .h4:before, .h5:before, .h6:before {position:absolute; display:inline-block; content:""; background:url(/common/images/template.png) no-repeat}
h4:before, .h4:before {left:2px; top:4px; width:18px; height:18px; background-position:left -160px}
h5:before, .h5:before {left:3px; top:5px; width:15px; height:12px; background-position:-40px -160px}
h6:before, .h6:before {left:10px; top:9px; width:8px; height:5px; background-position:-80px -160px}

h3 span, h4 span, h5 span, h6 span,
.h3 span, .h4 span, .h5 span, .h6 span {color:#777; font-size:0.85em; font-weight:normal}

.h0  {margin: 0; padding: 0; color :#666; font-size: 1em; font-weight:400; letter-spacing:0}
h3.skip:before, h4.skip:before, h5.skip:before, h6.skip:before,.h0:before {display:none}

/* 목록(List) */
ul.bu {margin:0 0 0 20px; padding:0; text-align:left;}
ul.bu li {position: relative; margin:3px 0; padding: 0 0 0 10px !important; list-style: none}
ul.bu ul li {padding-left:15px}
ul.bu > li:before {position:absolute; left:0; top:10px; display:inline-block; content:""; width:3px; height:3px; background-color:#7d8791}
ul.bu ul li:before {position:absolute; left:0; top:8px; display:inline-block; content:""; width:7px; height:5px; background:url(../images/template.png) no-repeat left -200px}
ul.bu ul ul li {padding-left:9px}
ul.bu ul ul li:before {position:absolute; left:0; top:10px; display:inline-block; content:""; width:2px; height:2px; background:#a3a3a3}
ul.bu ul, ul.bu ul ul, ul.bu ul ul ul {margin: 0; padding: 0 0 5px 0}
ul.nobu {margin-left:20px;}
ul.nobu li ul {margin-left:1em;}
ul.bu_arw li {position:relative; padding-left:10px;}
ul.bu_arw li:before {position:absolute; left:0; top:8px; display:inline-block; content:""; width:7px; height:5px; background:url(../images/template.png) no-repeat left -200px; content:''}

.blt {position:relative; margin: 0 0 0 20px; padding: 2px 0 3px 10px; text-align:left;}
.blt:before {position:absolute; left:0; top:10px; display:inline-block; content:""; width:3px; height:3px; background-color:#7d8791}

ul.num {margin:0; padding:2px 0 5px 24px}
ul.num > li {position:relative; margin: 3px 0; padding: 0 0 0 27px !important; list-style: none}
ul.num li .item {position:absolute; display:inline-block; left:0; top:1px; width:19px; height:20px; line-height:20px; background:#003b87; font-size:11px; color:#fff; text-align:center; font-weight:600}

ol.num {margin:0; padding:2px 0 5px 24px}
ol.num li {position:relative; margin: 3px 0; padding: 0 0 0 27px; list-style: none}
ol.num li .item {position:absolute; display:inline-block; left:0; top:1px; width:19px; height:20px; line-height:20px; background:#003b87; font-size:11px; color:#fff; text-align:center; font-weight:600}


.num ol{margin:0;}
.num ol li{padding:0 0 0 10px;}
.num ol li:before {position:absolute; left:0; top:10px; display:inline-block; content:""; width:3px; height:3px; background-color:#7d8791}


.num ul{margin:0;}
.num ul li{padding:0 0 0 10px;}
.num ul li:before {position:absolute; left:0; top:10px; display:inline-block; content:""; width:3px; height:3px; background-color:#7d8791}

p.num{ position:relative;margin:2px 0 5px 24px; padding: 0 0 0 27px;}
p.num .item {position:absolute; display:inline-block; left:0; top:1px; width:19px; height:20px; line-height:20px; background:#003b87; font-size:11px; color:#fff; text-align:center; font-weight:600}

ul.num.type2 {}
ul.num.type2 li {padding:2px 0 1px 30px}
ul.num.type2 li .item {margin-top:0; width:24px; height:24px; background:transparent url(/common/images/template.png) no-repeat left top; font-size:0}
ul.num.type2 li.n1 .item {background-position:0 -80px}
ul.num.type2 li.n2 .item {background-position:-40px -80px}
ul.num.type2 li.n3 .item {background-position:-80px -80px}
ul.num.type2 li.n4 .item {background-position:-120px -80px}
ul.num.type2 li.n5 .item {background-position:-160px -80px}
ul.num.type2 li.n6 .item {background-position:-200px -80px}
ul.num.type2 li.n7 .item {background-position:-240px -80px}
ul.num.type2 li.n8 .item {background-position:-280px -80px}
ul.num.type2 li.n9 .item {background-position:-320px -80px}
ul.num.type2 li.n10 .item {background-position:-360px -80px}
ul.num.type2 li.n11 .item {background-position:0 -120px}
ul.num.type2 li.n12 .item {background-position:-40px -120px}
ul.num.type2 li.n13 .item {background-position:-80px -120px}
ul.num.type2 li.n14 .item {background-position:-120px -120px}
ul.num.type2 li.n15 .item {background-position:-160px -120px}
ul.num.type2 li.n16 .item {background-position:-200px -120px}
ul.num.type2 li.n17 .item {background-position:-240px -120px}
ul.num.type2 li.n18 .item {background-position:-280px -120px}
ul.num.type2 li.n19 .item {background-position:-320px -120px}
ul.num.type2 li.n20 .item {background-position:-360px -120px}

ol.num.type2 {}
ol.num.type2 li {padding:2px 0 1px 30px}
ol.num.type2 li .item {margin-top:0; width:24px; height:24px; background:transparent url(/common/images/template.png) no-repeat left top; font-size:0}
ol.num.type2 li.n1 .item {background-position:0 -80px}
ol.num.type2 li.n2 .item {background-position:-40px -80px}
ol.num.type2 li.n3 .item {background-position:-80px -80px}
ol.num.type2 li.n4 .item {background-position:-120px -80px}
ol.num.type2 li.n5 .item {background-position:-160px -80px}
ol.num.type2 li.n6 .item {background-position:-200px -80px}
ol.num.type2 li.n7 .item {background-position:-240px -80px}
ol.num.type2 li.n8 .item {background-position:-280px -80px}
ol.num.type2 li.n9 .item {background-position:-320px -80px}
ol.num.type2 li.n10 .item {background-position:-360px -80px}
ol.num.type2 li.n11 .item {background-position:0 -120px}
ol.num.type2 li.n12 .item {background-position:-40px -120px}
ol.num.type2 li.n13 .item {background-position:-80px -120px}
ol.num.type2 li.n14 .item {background-position:-120px -120px}
ol.num.type2 li.n15 .item {background-position:-160px -120px}
ol.num.type2 li.n16 .item {background-position:-200px -120px}
ol.num.type2 li.n17 .item {background-position:-240px -120px}
ol.num.type2 li.n18 .item {background-position:-280px -120px}
ol.num.type2 li.n19 .item {background-position:-320px -120px}
ol.num.type2 li.n20 .item {background-position:-360px -120px}


ul.num li ul.bu li,ol.num li ul.bu li{padding-left:15px}

/* 테이블 서식 */
.table_unit {margin-top:-23px; font-size:0.9em; text-align:right}

/* 테이블 */
table.table {position:relative; border-collapse: collapse; width: 100%; margin:5px 0 10px 0; border-top:#000 solid 1px}
table.table:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:1px; background:#000}
table.table:after {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#000}
table.table th, table.table td {border: 1px solid #e2e2e2; padding:14px 10px; vertical-align:middle}
table.table thead tr:first-child th, table.table thead tr:first-child td {border-top-color:#000}
table.table tbody tr:last-child {border-bottom:#000 solid 1px}
table.table tbody tr:last-child th, table.table tbody tr:last-child td {border-bottom:none}
table.table tfoot tr:first-child th, table.table tfoot tr:first-child td {border-top-color:#e2e2e2}
table.table tfoot tr:last-child th, table.table tfoot tr:last-child td {border-bottom-color:#000}
table.table td.vertical_top {vertical-align:top}
table.table td {background-color:#fff}
table.table th, table.table td a {color:#555555}
table.table thead, table.table tfoot {font-weight: normal; color:#191919}
table.table thead th, table.table tfoot th {background:#f7f7f7; color: #191919; font-weight: 600; text-align: center; vertical-align: middle; font-size:16px}
table.table thead.alt th, table.table tfoot.alt th {font-weight: normal}
table.table tbody td {word-break:keep-all}
table.table tbody td.f11 {font-size:11px}
table.table tbody th {text-align:center; color:#191919; font-size:16px; font-weight:600}
table.table th,
table.table td.th {background: #f7f7f7; font-weight: normal; text-align: inherit}
table.table td.th {font-weight:bold; text-align:center;}
table.table tbody tr:first-child th, table.table tbody tr:first-child td {border-top:none}
table.table th:first-child, table.table td:first-child {border-left:none}
table.table th:last-child, table.table td:last-child {border-right:none}

.table td img {vertical-align:middle}
td ul, td li {text-align:left}
ul.text_center li {text-align:center}
td ul.bu {margin:0; padding: 0}
td .num {margin:0; padding: 0}
td .blt {margin:0;}

table.tbl_comm th,
table.tbl_comm td {padding:8px 10px;}
table.tbl_comm thead th {padding:14px 10px;}



/* 오버스크롤테이블(내용이 많아 가로값이 넘을경우) */
@media all and (max-width:1000px) {
	.over_scroll_table {overflow-x:auto; padding-bottom:10px}
	.over_scroll_table table {width:1000px}
}

/* 텝메뉴 */
.tab_menu {margin:30px auto 10px}
.tab_menu li {position:relative; z-index:10; float:left; width:25%; height:55px; line-height:55px; margin:-1px 0 0 -1px; padding:0 47px 0 20px; border:solid 1px #d3d3d3; box-sizing:border-box}
.tab_menu li:before {position:absolute; top:calc(50% - 13px); right:15px; width:23px; height:23px; border-style:solid; border-width:1px; border-color:transparent; background-repeat:no-repeat; background-position:center center; background-image:url(../images/template/tab_menu_icon.png); content:''}
.tab_menu li.active:before,.tab_menu li.actived:before, .tab_menu li:hover:before {border-color:#FFF; background-image:url(../images/template/tab_menu_icon_on.png)}
.tab_menu li a {display:inline-block; width:98%; padding:0 1%; font-size:17px; line-height:20px; vertical-align:middle; letter-spacing:-1px}
.tab_menu li a:before {position:absolute; left:0; top:0; display:inline-block; width:100%; height:100%; content:''; background:transparent}
.tab_menu li.active,.tab_menu li.actived,.tab_menu li:hover {z-index:11; border-color:#0059b7; background-color:#0059b7}
.tab_menu li.active a,.tab_menu li.actived a,.tab_menu li a:hover {color:#fff}
.tab_menu li.active,.tab_menu li.actived a {font-weight:600}

.tab_menu .tab_menu_wrap.type2 {border:1px solid #d3d3d3; border-top-color:#0059b7; padding:0 28px}
.tab_menu .tab_menu_wrap.type2 li {height:56px; width:25%; margin:0; padding:0 20px 0 15px; line-height:56px; box-sizing:border-box; border:none; background:#fff}
.tab_menu .tab_menu_wrap.type2 li:nth-child(1), .tab_menu .tab_menu_wrap.type2 li:nth-child(2), .tab_menu .tab_menu_wrap.type2 li:nth-child(3), .tab_menu .tab_menu_wrap.type2 li:nth-child(4) {border-top:none}
.tab_menu .tab_menu_wrap.type2 li:before {right:0; top:calc(50% - 6px); width:1px; height:11px; border:none; background-image:none; background-color:#b2b2b2}
.tab_menu .tab_menu_wrap.type2 li:nth-child(4n):before, .tab_menu .tab_menu_wrap.type2 li:last-child:before {display:none}
.tab_menu .tab_menu_wrap.type2 li a {position:relative; box-sizing:border-box; width:100%; padding:0 0 0 22px; font-size:15px; line-height:18px; text-align:left}
.tab_menu .tab_menu_wrap.type2 li a:before {position:absolute; left:0; top:calc(50% - 6px); display:block; width:14px; height:11px; background:url(../images/template/tab_menu_type2.png) no-repeat left bottom; content:''}
.tab_menu .tab_menu_wrap.type2 li.actived a:before, .tab_menu .tab_menu_wrap.type2 li a:hover:before {background-position:left top;}
.tab_menu .tab_menu_wrap.type2 li.actived a, .tab_menu .tab_menu_wrap.type2 li a:hover, .tab_menu .tab_menu_wrap.type2 li:hover a {color:#0059b7}

/*학과 및 학부소개- 구분할땐 <li class="dot"></li>넣어주어야함. 프로그램화 불가능함*/
.temp_tabmenu{margin-bottom:20px;border:1px solid #bec4d4;background-color:#ebeef5;}
.temp_tabmenu > ul> li{float:left;position:relative;width:25%;box-sizing:border-box;}
.temp_tabmenu > ul> li.full{float:left;position:relative;width:100%;box-sizing:border-box;}
.temp_tabmenu > ul> li > a{display:block;position:relative;padding:10px 2% 10px 30px;box-sizing:border-box;}
.temp_tabmenu > ul> li > a:before{content:'';display:block;position:absolute;top:16px;left:10px;width:12px;height:11px;background:url(/common/images/template/tab_menu_type3.png) no-repeat ;}
.temp_tabmenu > ul> li.dot{width:100%;margin:0;padding:0;}

.temp_tabmenu ul li.has{display:table;float:none;width:100%;}
.temp_tabmenu ul li.has:after{display:block; visibility:hidden; clear:both; content:"."; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
.temp_tabmenu ul li.has > a{display:table-cell;width:27%;height:100%;vertical-align:top;}
.temp_tabmenu ul li.has ul {display:table-cell; width:75%;padding:10px 0 10px 3%; box-sizing:border-box;background-color:#fff; vertical-align:middle;}
.temp_tabmenu ul li.has ul li { float:left; position:relative; padding:0 30px;}
.temp_tabmenu ul li.has ul li:first-child{padding-left:0;}
.temp_tabmenu ul li.has ul li:before{content:'';display:block;position:absolute;top:8px;left:0;width:1px;height:10px;background-color:#ddd;}
.temp_tabmenu ul li.has ul li:first-child:before {display:none;}

@media all and (max-width:1000px) {
	.tab_menu li a {font-size:14px; line-height:18px}
	.temp_tabmenu > ul> li > a br{display:none;}
	.temp_tabmenu > ul> li{width:33.3333%;}
	.temp_tabmenu ul li.has > a{width:33.3333%;}
	.temp_tabmenu ul li.has ul{width:76.6666%;}
}
@media all and (max-width:640px) {
	.tab_menu li {width:50%; padding:0 26px 0 4%}
	.tab_menu li:before {right:4px; top:calc(50% - 10px); width:18px; height:18px; background-size:8px}
	.tab_menu .tab_menu_wrap.type2 {padding:0 4%}
	.tab_menu .tab_menu_wrap.type2 li {width:49%}
	.tab_menu .tab_menu_wrap.type2 li:nth-child(even) {margin:0}
	.tab_menu .tab_menu_wrap.type2 li:nth-child(even):before {display:none}

	.temp_tabmenu > ul> li{width:50%;}
	.temp_tabmenu ul li.has{display:block;}
	.temp_tabmenu ul li.has > a{display:block;width:100%;}
	.temp_tabmenu ul li.has ul{display:block;width:100%;}
}

/* 버튼 / 링크 / */
a.blank {display:inline-block; margin:0 2px; text-decoration:underline; white-space: nowrap}
a.blank:after {content:""; display:inline-block; width:22px; height:22px; margin:0; border-bottom:1px solid #474747; background:transparent url(/common/images/template.png) no-repeat 0px -320px; vertical-align: text-bottom}
a.blank.type2 {border-bottom:none; text-decoration:underline; color:#000}
a.blank.type2:after {width:21px; height:17px; border-bottom:none; background-position:-80px -400px; vertical-align:bottom; margin-left:3px}
a.down {display:inline-block; margin:0 2px; color: #222; text-decoration:underline; white-space: nowrap}
a.down:after {content:""; display:inline-block; width:22px; height:22px; margin:0; border-bottom:1px solid #474747; background:transparent url(/common/images/template.png) no-repeat -70px -258px; vertical-align: text-bottom;}
a.link {color:#1754ac; text-decoration:underline;}

/*텍스트버튼*/
.text_btn {position: relative; display:inline-block; margin:1px 2px; height:auto; line-height:inherit; padding:6px 40px 3px 10px; border:1px solid #8d8d8d; background:#fff; color:#2b2b2b; text-decoration: none; vertical-align: middle; box-sizing: content-box}
.text_btn:before { content:''; display:inline-block; overflow:hidden; position:absolute; top:0; right:0; width:30px; height:32px; background:#f6f6f6 url(/common/images/template.png) no-repeat; border:none; border-left:1px solid #868686;  white-space:nowrap; text-indent:120%}
.text_btn.download:before { background-position:-68px -254px}
.text_btn.link:before { background-position:-108px -254px}
.text_btn.email:before {background-position:-171px -258px}


/*버튼스타일*/
.btn {position: relative; display:inline-block; margin:0; height:auto; line-height:inherit; margin:1px; padding:12px 30px 10px 30px; border:1px solid #0059b7; background:#0059b7; color:#fff; line-height:16px; text-decoration: none; vertical-align: top; cursor: pointer; box-sizing: content-box}
.btn.arrow,.btn.link,.btn.download,.btn.download2,.btn.link2 {padding:12px 40px 10px 12px}
.btn.arrow:after,.btn.link:after,.btn.download:after,.btn.download2:after, .btn.link2:after {content:""; display:inline-block; position:absolute; right:10px; top:calc(50% - 8px); width:15px; height:15px; background:transparent url(/common/images/template.png) no-repeat -3px -298px}
.btn.link2:after {top:calc(50% - 7px)}
a.btn:visited,a.btn:link {color:#fff}
.btn.type2 {border-color:#09213b; background-color:#09213b}
.btn.type3,.btn.type3:link,.btn.type3:visited {border:1px solid #09213b !important; background-color:#ffffff; color:#252525;}
.btn.type4 {border-color:#e76111; background-color:#e76111;}
.btn.type5 {border-color:#007e75; background-color:#007e75;}
.btn.type6 {border-color:#666e89; background-color:#666e89;}
.btn.type7 {border-color:#a13105; background-color:#a13105;}
.btn.type8{padding:5px 20px 5px 20px;}
.btn.type9{border-color:#0059b7; background-color:#0059b7;}

input.btn {height:auto !important; line-height:normal}
span.btn {cursor:auto}
.btn.large {padding:15px 50px; font-size:13px}
.btn.small {padding:5px 20px; font-size:13px}
.btn.small.arrow,.btn.small.link,.btn.small.download,.btn.small.download2,.btn.small.link2 {padding:5px 40px 5px 12px}
.btn.large.arrow,.btn.large.link,.btn.large.download,.btn.large.download2,.btn.large.link2 {padding:15px 40px 15px 12px}

/* arrow */
.btn.arrow:after { background-position:-3px -298px}
.btn.type3.arrow:after  {background-position:-3px -264px}

/*다운로드버튼1*/
.btn.download:after {background-position:-75px -298px}
.btn.type3.download:after  {background-position:-75px -264px}

/*다운로드버튼2*/
.btn.download2:after { background-position:-35px -298px}
.btn.type3.download2:after  {background-position:-35px -264px}

/* 새창링크 */
.btn.link:after {background-position:-114px -298px}
.btn.type3.link:after  {background-position:-114px -264px}

/* 새창링크2 */
.btn.link2:after {width:21px; height:17px; background-position:left -400px}
.btn.type3.link2:after  {background-position:-40px -400px}

/* 새창링크2 스타일2 */
.btn.link2.style2{padding:12px 67px 10px 17px;}
.btn.link2.style2:hover{border:1px solid #09213b; background-color:#fff; color:#3d3d3d; font-weight:600; text-decoration:none;}
.btn.link2.style2:hover:after{background-position:-40px -400px;}

/*오버효과-색변경*/
.btn.hover:hover {border-color:#09213b; background-color:#09213b;}

/*뷰어버튼*/
.viewer {position: relative; display:inline-block; margin:0; height:auto; line-height:inherit; padding:5px 40px 3px 10px; border:1px solid #868686; background:#fff; color:#2b2b2b; text-decoration: none; vertical-align: top; cursor: pointer; box-sizing: content-box}
.viewer:before {content:""; display:inline-block; width:20px; height:20px; margin-right:5px; vertical-align:middle; background:transparent url(/common/images/template.png) no-repeat}
.viewer.pdf:before {background-position:-120px -363px}
.viewer.excel:before {background-position:-150px -363px}
.viewer.hwp:before {background-position:-180px -363px}

.viewer:after {content:""; display:inline-block; position:absolute; right:0; top:0; width:30px; height:31px; background:#f6f6f6 url(/common/images/template.png) no-repeat -141px -258px; border-left:1px solid #868686}
a.viewer:visited,a.viewer:link {color:#2b2b2b}

/*다운로드+뷰어*/
.down_view {position: relative; display:inline-block; margin:0; height:auto; line-height:inherit; padding:6px 70px 3px 10px; border:1px solid #8d8d8d; background:#fff; color:#2b2b2b; text-decoration: none; vertical-align: top; box-sizing: content-box}
.down_view.type2 {border-color:#003499; background-color:#003499; color:#fff}
.down_view a { display:inline-block; overflow:hidden; position:absolute; top:0; width:30px; height:32px; background:#f6f6f6 url(/common/images/template.png) no-repeat; border:none; border-left:1px solid #868686;  white-space:nowrap; text-indent:120%}
.down_view a.down {right:29px;  background-position:-68px -254px}
.down_view a.view {right:0; background-position:-141px -258px}

.down_view.type2 a.down { background-position:-68px -288px;  background-color:#104bbf; border-color:#104bbf}
.down_view.type2 a.view { background-position:-141px -288px;  background-color:#002161; border-color:#002161}


/* 선, 박스 */
.line {display: block; margin:10px 0; border-bottom : 1px solid #ccc}
.dot {display: block; margin:10px 0; border-bottom : 1px dotted #ccc}
.dash {display: block; margin:10px 0; border-bottom : 1px dashed #ccc}

.box {position:relative; margin-bottom:30px; border:1px solid #d3d3d3; border-top:2px solid #003b87}
.box:before {position:absolute; top:-2px; left:-1px; border-top:#003b87 solid 6px; border-left:#003b87 solid 6px; width:142px; height:24px; content:''}

.box .box_wrap {padding:29px 30px}
.box .box_wrap .title {margin:0 0 13px; padding:0; line-height:26px; color:#272727; font-size:19px; font-weight:600}
.box .box_wrap .title1 {padding:0; line-height:26px; color:#272727; font-size:20px; font-weight:600}
.box .box_wrap .title.type2{margin-bottom:25px; font-size:27px; line-height:30px}
.box .box_wrap h4.title:before, .box .box_wrap h5.title:before, .box .box_wrap h6.title:before {display:none}
.box .box_wrap .text {line-height:23px; font-size:15px}


.box .box_wrap2 {padding:29px 30px}
.box .box_wrap2 .title {margin:0 0 13px; padding:0; line-height:26px; color:#272727; font-size:19px; font-weight:600}
.box .box_wrap2 .title1 {padding:0; line-height:26px; color:#272727; font-size:20px; font-weight:600}
.box .box_wrap2 .title.type2{margin-bottom:25px; font-size:27px; line-height:30px}
.box .box_wrap2 h4.title:before, .box .box_wrap h5.title:before, .box .box_wrap h6.title:before {display:none}
.box .box_wrap2 .text {line-height:23px; font-size:15px}

.box.type2 {position:relative; border:dotted 1px #bebebe;border-top:1px solid #000000;}
.box.type2:before {display:none}

.box.type3 {border-top:none; border-left:none; border-right:none}
.box.type3:before {position:absolute; top:0; left:0; border-left:#cdd2df solid 10px; border-top:#cdd2df solid 10px; width:175px; height:30px; content:''; z-index:-1}

.box.type4 {background-repeat:repeat; background-image:url(../images/template/box_type3_pattern.png); border:none; padding:8px}
.box.type4:before {display:none}
.box.type4 .box_wrap {background-color:#FFF}
.box.type4 .box_wrap2 {background-color:#FFF}

.box.type5 {border-top:#000 solid 1px}
.box.type5:before {display:none}

.box.type6 { position:relative; border:10px solid #eee; box-sizing:border-box;}
.box.type6:before{position:absolute; top:-10px; left:-10px; width:185px; height:40px; background:url(/common/images/template/box_type6_bg.png) no-repeat; border:none;}

.box.type7 { position:relative; border:1px solid #eee; background-color:#f9f9f9; box-sizing:border-box;}
.box.type7:before{display:none;}



/*박스, 게시판 박스와 결합하여 사용*/
.temp_titbox .box_wrap {min-height:80px; padding:40px 20px 40px 172px;}
.temp_titbox:before {display:none}
.temp_titbox .titbox_img {position:absolute; top:30px; left:30px; width:101px; height:101px; background-image:url(/common/images/template/temp_titbox_img.gif); ; background-position:center; background-repeat:no-repeat}
.temp_titbox .title {margin:0 0 13px; padding:0; line-height:26px; color:#272727; font-size:19px; font-weight:600}
.box.temp_titbox:before {display:block}
.temp_titbox .bu {margin:0;}
.temp_titbox .btn_wrap{margin-top:10px;}
.temp_titbox .btn_wrap > a,.temp_admission_titbox .btn_wrap > span{display:inline-block; margin-right:10px; vertical-align:middle;}

@media screen and (max-width:1000px) {
	.temp_titbox .box_wrap p br {display:none}
}
@media all and (max-width:640px) {
	.temp_titbox {padding:20px 4% 40px}
	.temp_titbox .box_wrap{padding:0}
	.temp_titbox .titbox_img {position:relative; left:auto; top:auto; margin:0 auto 20px}
	.temp_titbox .titbox_text { padding:10px 3%;}
}

/*공통박스 */
.box.temp_titbox2 {}
.box.temp_titbox2:before{display:block; position:absolute; left:0; top:0; width:96px; height:96px; border:0 none; background-image:url('/site/www/images/contents/cts30_box_icon.gif'); background-repeat:no-repeat; background-position:left center; z-index:10; content:''}
.box.temp_titbox2 .box_wrap{position:relative; padding:75px 30px 64px 373px}
.box.temp_titbox2 .box_wrap:before{display:block; position:absolute; left:90px; top:50%; width:239px; height:242px; margin-top:-121px; background-image:url('/site/www/images/contents/cts30_img.png'); background-position:left center; background-repeat:no-repeat; content:''}
.box.temp_titbox2 .title {font-size:27px; line-height:33px}
.box.temp_titbox2 .sub_tit{margin-bottom:15px; font-size:17px; color:#373737; font-weight:600}
.box.temp_titbox2 .btn {margin-top:28px}
@media screen and (max-width:800px) {
	.box.temp_titbox2 .box_wrap{padding-left:40%}
	.box.temp_titbox2 .box_wrap:before{left:7%; width:180px; height:182px; margin-top:-91px; background-size:180px auto}
}
@media screen and (max-width:640px) {
	.box.temp_titbox2 .box_wrap{padding:30px 5% 30px}
	.box.temp_titbox2 .box_wrap:before{position:static; margin:0 auto 30px}
}
@media screen and (max-width:414px) {
	.box.temp_titbox2:before {display:none}
	.box.temp_titbox2.box_wrap {padding:30px 5%}
}

/*공통박스 추가 반응형일때 가운데 정렬-  김선주 */
@media screen and (max-width:640px) {
	.box.temp_titbox2.style2 .box_wrap {text-align:center}
	.box.temp_titbox2.style2 .sub_tit br {display:none}
	.box.temp_titbox2.style2 .title {text-align:center; font-size:26px}
	.box.temp_titbox2.style2 .btn.link2 {padding-right:40px}
}
@media screen and (max-width:480px) {
	.box.temp_titbox2.style2 .title br {display:none}
}

/* 공통박스 추가 style3 */
.box.temp_titbox.style3:before {display:none}
.box.temp_titbox.style3 .box_wrap {position:relative; padding:34px 50px 33px 405px; min-height:212px}
.box.temp_titbox.style3 .box_wrap2 {position:relative; padding:34px 50px 33px 300px; min-height:212px}
.box.temp_titbox.style3 .img {position:absolute; left:38px; top:34px; border:1px solid #d9d9d9; line-height:0; box-shadow:9px 11px #d9d9d9}
.box.temp_titbox.style3 .title {margin-top:20px; margin-bottom:20px; word-break:keep-all}
.box.temp_titbox.style3 .btn {margin-top:20px}

@media screen and (max-width:800px) {
	.box.temp_titbox.style3 .box_wrap {padding-left:50%}
	.box.temp_titbox.style3 .box_wrap2 {padding-left:60%}
	.box.temp_titbox.style3 .img {width:38%; max-width:292px}
}
@media screen and (max-width:640px) {
	.box.temp_titbox.style3 .box_wrap {padding:30px 5% 5%; text-align:center}
	.box.temp_titbox.style3 .box_wrap2 {padding:30px 5% 5%; text-align:center}
	.box.temp_titbox.style3 .img {position:static; width:85%; margin:0 auto 40px}
	.box.temp_titbox.style3 .title {text-align:center}
	.box.temp_titbox.style3 .btn {text-align:center}
}

/* 공통박스 추가 style4 */
.box.temp_titbox.style4 .box_wrap {position:relative; min-height:175px; padding:34px 50px 33px 405px}
.box.temp_titbox.style4 .img {position:absolute; left:38px; top:34px; line-height:0; padding-right:10px; padding-bottom:10px; overflow:hidden}
.box.temp_titbox.style4 .img img {position:relative; z-index:40}
.box.temp_titbox.style4 .img:after {content:''; position:absolute; left:0; top:0; z-index:30; width:97%; height:97%; margin:3% 0 0 3%; background:url(/common/images/template/temp_titbox4_bg.gif) repeat left top}
.box.temp_titbox.style4 .title {margin-top:29px; font-size:21px}
@media screen and (max-width:800px) {
	.box.temp_titbox.style4 .box_wrap {padding:40px 5% 5%; text-align:center; min-height:auto}
	.box.temp_titbox.style4 .img {position:relative; left:0; top:0; width:85%; margin:0 auto 20px; max-width:315px}
	.box.temp_titbox.style4 .title {text-align:center}
}
@media screen and (max-width:640px) {
	.box.temp_titbox.style4 {padding:0}
	.box.temp_titbox.style4 .box_wrap {padding:40px 5% 8%}
}

/* 공통박스 추가 style5 */
.box.type2.temp_titbox.style5{margin-top:50px; border:1px solid #d3d3d3;}
.box.temp_titbox.style5:before{display:none;}
.box.temp_titbox.style5 .box_wrap{position:relative; min-height:205px; padding:20px 20px 20px 375px}
.box.temp_titbox.style5 .img{position:absolute; left:20px; top:20px; line-height:0;}
.box.temp_titbox.style5 .tit{ margin-top:10px;}
.box.temp_titbox.style5 .title_area {position:relative;padding:3px 195px 3px 0; }
.box.temp_titbox.style5 .title_area a{position:absolute;top:5px;right:0;}

@media screen and (max-width:1000px) {
	.box.temp_titbox.style5 .title_area {position:relative;margin-bottom:10px;padding-right:0; }
	.box.temp_titbox.style5 .title_area a{position:relative; top:auto; right:auto; }
}
@media screen and (max-width:800px) {
	.box.temp_titbox.style5 .box_wrap {padding:40px 5% 5%; text-align:center; min-height:auto}
	.box.temp_titbox.style5 .img {position:relative; left:0; top:0; width:85%; margin:0 auto 20px; max-width:315px}
	.box.temp_titbox.style5 .tit{text-align:center}
}
@media screen and (max-width:640px) {
	.box.temp_titbox.style5 {padding:0}
	.box.temp_titbox.style5 .box_wrap {padding:40px 5% 8%}
}

/* 공통박스 추가 style6 */
.box.temp_titbox.style6:before{display:none;}
.box.temp_titbox.style6 .box_wrap{position:relative; padding:32px 27px 0;}
.box.temp_titbox.style6 h4.h0{margin-bottom:25px; padding-right:195px; font-size:23px;}
.box.temp_titbox.style6 .btn.link2.style2{position:absolute;right:30px;top:22px;}
.box.temp_titbox.style6 p{margin-bottom:10px;}
.box.temp_titbox.style6 h4.h0, .box.temp_titbox.style6 p, .box.temp_titbox.style6 ul.bu{margin-left:7px; margin-right:10px;}
.box.temp_titbox.style6 .dot{margin:18px 0 13px;}
.box.temp_titbox.style6 ul.shortcut li{position:relative; float:left; margin:0 0 10px 120px; padding-left:20px;}
.box.temp_titbox.style6 ul.shortcut li:first-child{margin-left:10px;}
.box.temp_titbox.style6 ul.shortcut > li:before{position:absolute;left:0;top:10px; display:inline-block; content:""; width:6px; height:3px; background-color:#7d8791;}
.box.temp_titbox.style6 ul.shortcut > li a:after{display:inline-block; content:""; width:6px; height:12px; padding-left:22px; background:url(/common/images/arrow.png) top right no-repeat;}
.box.temp_titbox.style6 .contact{min-height:60px; background-color:#f2f2f2; vertical-align:middle;}
.box.temp_titbox.style6 .contact li{position:relative; float:left; min-width:250px; margin:15px 15px 0 0; padding-left:25px; line-height:2.1;}
.box.temp_titbox.style6 .contact li:before{position:absolute;left:0;top:7px; display:inline-block; content:""; width:1px; height:17px; background-color:#c3c3c3;}
.box.temp_titbox.style6 .contact li:first-child:before{display:none;}
.box.temp_titbox.style6 .contact li span{float:left; display:block; content:""; width:30px; height:30px; margin-right:11px; vertical-align:middle;}
/* .box.temp_titbox.style6 .contact li span{float:left; display:block; content:""; width:30px; height:30px; margin-right:11px; background:url(/common/images/icon.png) no-repeat; vertical-align:middle;}
.box.temp_titbox.style6 .contact li:nth-child(2) span{background-position:-39px}
.box.temp_titbox.style6 .contact li:nth-child(3) span{background-position:-79px;} */
.box.temp_titbox.style6 .contact li.excess{width:250px; line-height:1.3;}
@media screen and (max-width:1000px) {
	.box.temp_titbox.style6 ul.shortcut li{margin-left:11%;}
	.box.temp_titbox.style6 br{display:none;}
	.box.temp_titbox.style6 .contact{height:100px; padding-top:7px;}
	.box.temp_titbox.style6 .contact li{width:45%; height:40px; padding-left:3%; margin:10px 9px 0 0;}
	.box.temp_titbox.style6 .contact li:last-child:before{display:none;}
}
@media all and (max-width:800px) {
	.box.temp_titbox.style6 ul.shortcut li{width:44%; margin-left:10px;}
	.box.temp_titbox.style6 .shortcut li:first-child, .box.temp_titbox.style6 ul.shortcut li:nth-child(3){margin-left:10px;}
}
@media all and (max-width:640px) {
	.temp_titbox{padding:10px 0 0;}
	.box.temp_titbox.style6 .box_wrap{padding:32px 5px 0;}
	.box.temp_titbox.style6 h4.h0{margin-bottom:10px; padding-right:0;text-align:center;}
	.box.temp_titbox.style6 .btn.link2.style2{display:block;position:relative;top:auto;right:auto;max-width:200px; margin:0 auto 20px; box-sizing:border-box;}
}
@media all and (max-width:520px) {
	.box.temp_titbox.style6 .contact{height:140px; padding-top:10px;}
	.box.temp_titbox.style6 .contact li{width:100%; margin:5px 9px 0 0; }
	.box.temp_titbox.style6 .contact li:before{display:none;}
	.box.temp_titbox.style6 .contact li.excess{line-height:2.1;}
}
@media all and (max-width:400px) {
	.box.temp_titbox.style6 .contact li{width:90%;}
	.box.temp_titbox.style6 .contact li.excess{line-height:1.3;}
}

.nobg {background: none}

.photo_tempbox {font-size:0}
.photo_tempbox .listbox {display:inline-block; border:#d3d3d3 solid 1px; vertical-align:top}
.photo_tempbox .listbox .photo {display:block; padding:4px; line-height:0}
.photo_tempbox .listbox .textbox {display:block; padding:9px 4% 12px; line-height:20px; text-align:center; font-size:12px}

/* 절차 */
.temp_process {border:#d3d3d3 solid 1px; background-color:#f9f9f9; margin:15px 0 20px; padding-left:48px; padding-right:48px}
.temp_process.type1 {padding-top:44px; padding-bottom:44px}
.temp_process.type2 {padding-top:30px; padding-bottom:30px}
.temp_process ol li {position:relative; float:left}
.temp_process.divide2 ol li {width:46.6%; margin-left:6.8%}
.temp_process.divide3 ol li {width:28.8%; margin-left:6.8%}
.temp_process.divide4 ol li {width:22%; margin-left:4%}
.temp_process.divide5 ol li {width:17.6%; margin-left:3%}
.temp_process.divide6 ol li {width:14.5%; margin-left:2.6%}
.temp_process ol li:before {position:absolute; top:calc(50% - 6px); width:6px; height:12px; background-repeat:no-repeat; background-position:center center; background-image:url(../images/template/temp_process_arrow.png); content:''}
.temp_process ol li:first-child:before {display:none}
.temp_process.divide2 ol li:before {left:-8%}
.temp_process.divide3 ol li:before {left:-13%}
.temp_process.divide4 ol li:before {left:-10%}
.temp_process.divide5 ol li:before {left:-10.5%}
.temp_process.divide6 ol li:before {left:-11%}
.temp_process ol li .titbox {display:table; table-layout:fixed; width:100%; box-sizing:border-box; border-style:solid; border-width:1px}
.temp_process.type2 ol li .titbox {font-size:1.12em; font-weight:600}
.temp_process ol li .titbox {border-color:#d3d3d3; background-color:#FFF}
.temp_process.type2 ol li .titbox {background-color:#e8e8e8; color:#4d4d4d}
.temp_process ol li .titbox.first {border-color:#0059b7; background-color:#0059b7; color:#FFF}
.temp_process ol li .titbox.last {border-color:#003164; background-color:#003164; color:#FFF}
.temp_process ol li .titbox p {display:table-cell; width:100%; text-align:center; vertical-align:middle}
.temp_process.type1 ol li .titbox p {height:61px}
.temp_process.type2 ol li .titbox p {height:45px}
.temp_process ol li:first-child {margin-left:0}
.temp_process ol li .textbox {border:#d3d3d3 solid 1px; border-top:none; background-color:#FFF; padding:9px 20px}
.temp_process ol li .textbox .innerbox {display:table; table-layout:fixed; width:100%; height:61px; box-sizing:border-box}
.temp_process ol li .textbox .innerbox p {display:table-cell; width:100%; height:61px; text-align:center; vertical-align:middle}
.temp_process ol li .textbox .innerbox ul.bu {padding:0;margin:0}
.temp_process ol li .textbox .innerbox ul.bu li {float:none; width:auto; margin:0}

.temp_process.type1 ol li .titbox.first a.blank,.temp_process.type1 ol li .titbox.last a.blank,
.temp_process.type1 ol li .titbox.first a.down,.temp_process.type1 ol li .titbox.last a.down{color:#fff;}
.temp_process.type1 ol li .titbox.first a.blank:after,.temp_process.type1 ol li .titbox.last a.blank:after{border-color:#fff; background-position: -111px -291px;}
.temp_process.type1 ol li .titbox.first a.down:after,.temp_process.type1 ol li .titbox.last a.down:after{border-color:#fff; background-position: -69px -291px;}


@media all and (max-width:800px) {
	.temp_process {padding-left:4%; padding-right:4%}
}
@media all and (max-width:600px) {
	.temp_process ol li {float:none; width:auto !important; margin-left:0 !important; margin-top:30px}
	.temp_process ol li:first-child {margin-top:0}
	.temp_process ol li:before {transform:rotate(90deg); top:-21px; left:50% !important}
	.temp_process ol li .textbox .innerbox {display:block; width:auto; height:auto; box-sizing:content-box}
	.temp_process ol li .textbox .innerbox p {display:block; width:auto; height:auto}
}

/* 강조 글자 */
.small {font-size: 0.92em}
.large {font-size: 1.167em; letter-spacing: -1px}
.bold {font-weight:600;}
.underline {padding-bottom:1px; border-bottom:1px solid #888}
.warning {position:relative; margin:10px 0; padding-left:30px; color:#373737}
.warning:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:23px; height:23px;  background:url(/common/images/template.png) no-repeat left -360px}
.talk{padding-left:25px; background:url(/site/www/images/contents/cts64_talk.png) left center no-repeat}
#contents li .warning { padding-left:30px !important; color:#373737}
#contents li .warning:before { left:0; top:0; width:23px; height:23px;  background:url(/common/images/template.png) no-repeat left -360px}
th span.small {font-weight:normal;}

.em_white{color:#fff;}
.em_blue {color:#0041b7}
.em_orange {color:#e25400}
.em_red {color:#df0101}
.em_green {color:#398308}
.em_purple {color:#8a56af}
.em_point {color:#e8209f}
.em_b_white{color:#fff;font-weight:bold;}
.em_b_blue {color:#0041b7; font-weight:bold}
.em_b_orange {color:#e25400; font-weight:bold}
.em_b_red {color:#df0101; font-weight:bold}
.em_b_green {color:#398308; font-weight:bold}
.em_b_purple {color:#8a56af; font-weight:bold}
.em_b_point {color:#e8209f; font-weight:bold}

/* 텍스트 정렬 */
.text_center {text-align:center}
.text_right {text-align:right}
.text_left {text-align:left}
.vertical_top {vertical-align:top}
.vertical_middle {vertical-align:middle}
.vertical_bottom {vertical-align:bottom}
.float_left {float:left;}
.float_right {float:right;}

/* 들여쓰기 */
.indent {margin-left:25px}
.indent10 {margin-left: 10px}
.indent20 {margin-left: 20px}
.indent30 {margin-left: 30px}
.indent40 {margin-left: 40px}
.indent50 {margin-left: 50px}

/* margin */
.margin_0 {margin:0 !important}
.margin_10 {margin:10px !important}
.margin_20 {margin:20px !important}
.margin_30 {margin:30px !important}

.margin_t_0 {margin-top:0 !important}
.margin_t_5 {margin-top:5px !important}
.margin_t_10 {margin-top:10px !important}
.margin_t_15 {margin-top:15px !important}
.margin_t_20 {margin-top:20px !important}
.margin_t_25 {margin-top:25px !important}
.margin_t_30 {margin-top:30px !important}
.margin_t_35 {margin-top:35px !important}
.margin_t_40 {margin-top:40px !important}
.margin_t_45 {margin-top:45px !important}
.margin_t_50 {margin-top:50px !important}

.margin_r_0 {margin-right:0 !important}
.margin_r_5 {margin-right:5px !important}
.margin_r_10 {margin-right:10px !important}
.margin_r_15 {margin-right:15px !important}
.margin_r_20 {margin-right:20px !important}
.margin_r_25 {margin-right:25px !important}
.margin_r_30 {margin-right:30px !important}
.margin_r_35 {margin-right:35px !important}
.margin_r_40 {margin-right:40px !important}
.margin_r_45 {margin-right:45px !important}
.margin_r_50 {margin-right:50px !important}

.margin_b_0 {margin-bottom:0 !important}
.margin_b_5 {margin-bottom:5px !important}
.margin_b_10 {margin-bottom:10px !important}
.margin_b_15 {margin-bottom:15px !important}
.margin_b_20 {margin-bottom:20px !important}
.margin_b_25 {margin-bottom:25px !important}
.margin_b_30 {margin-bottom:30px !important}
.margin_b_35 {margin-bottom:35px !important}
.margin_b_40 {margin-bottom:40px !important}
.margin_b_45 {margin-bottom:45px !important}
.margin_b_50 {margin-bottom:50px !important}
.margin_b_120 {margin-bottom:120px !important}

.margin_l_0 {margin-left:0 !important}
.margin_l_5 {margin-left:5px !important}
.margin_l_10 {margin-left:10px !important}
.margin_l_15 {margin-left:15px !important}
.margin_l_20 {margin-left:20px !important}
.margin_l_25 {margin-left:25px !important}
.margin_l_30 {margin-left:30px !important}
.margin_l_35 {margin-left:35px !important}
.margin_l_40 {margin-left:40px !important}
.margin_l_45 {margin-left:45px !important}
.margin_l_50 {margin-left:50px !important}

/* padding */
.padding_0 {padding:0 !important}
.padding_10 {padding:10px !important}
.padding_20 {padding:20px !important}
.padding_30 {padding:30px !important}

.padding_t_0 {padding-top:0 !important}
.padding_t_5 {padding-top:5px !important}
.padding_t_10 {padding-top:10px !important}
.padding_t_15 {padding-top:15px !important}
.padding_t_20 {padding-top:20px !important}
.padding_t_25 {padding-top:25px !important}
.padding_t_30 {padding-top:30px !important}
.padding_t_35 {padding-top:35px !important}
.padding_t_40 {padding-top:40px !important}
.padding_t_45 {padding-top:45px !important}
.padding_t_50 {padding-top:50px !important}

.padding_r_0 {padding-right:0 !important}
.padding_r_5 {padding-right:5px !important}
.padding_r_10 {padding-right:10px !important}
.padding_r_15 {padding-right:15px !important}
.padding_r_20 {padding-right:20px !important}
.padding_r_25 {padding-right:25px !important}
.padding_r_30 {padding-right:30px !important}
.padding_r_35 {padding-right:35px !important}
.padding_r_40 {padding-right:40px !important}
.padding_r_45 {padding-right:45px !important}
.padding_r_50 {padding-right:50px !important}

.padding_b_0 {padding-bottom:0 !important}
.padding_b_5 {padding-bottom:5px !important}
.padding_b_10 {padding-bottom:10px !important}
.padding_b_15 {padding-bottom:15px !important}
.padding_b_20 {padding-bottom:20px !important}
.padding_b_25 {padding-bottom:25px !important}
.padding_b_30 {padding-bottom:30px !important}
.padding_b_35 {padding-bottom:35px !important}
.padding_b_40 {padding-bottom:40px !important}
.padding_b_45 {padding-bottom:45px !important}
.padding_b_50 {padding-bottom:50px !important}

.padding_l_0 {padding-left:0 !important}
.padding_l_5 {padding-left:5px !important}
.padding_l_10 {padding-left:10px !important}
.padding_l_15 {padding-left:15px !important}
.padding_l_20 {padding-left:20px !important}
.padding_l_25 {padding-left:25px !important}
.padding_l_30 {padding-left:30px !important}
.padding_l_35 {padding-left:35px !important}
.padding_l_40 {padding-left:40px !important}
.padding_l_45 {padding-left:45px !important}
.padding_l_50 {padding-left:50px !important}

/* width */
.w5p {width:5% !important}
.w10p {width:10% !important}
.w15p {width:15% !important}
.w20p {width:20% !important}
.w25p {width:25% !important}
.w30p {width:30% !important}
.w35p {width:35% !important}
.w40p {width:40% !important}
.w45p {width:45% !important}
.w50p {width:50% !important}
.w55p {width:55% !important}
.w60p {width:60% !important}
.w65p {width:65% !important}
.w70p {width:70% !important}
.w75p {width:75% !important}
.w80p {width:80% !important}
.w85p {width:85% !important}
.w90p {width:90% !important}
.w95p {width:95% !important}
.w100p {width:100% !important}

/* template 가이드용 스타일 */
.template pre {margin:10px 0; padding:10px 20px 0; border:1px solid #e9e9e9; background:#fafafa; font-size:13px}
.template .tab_item {margin:15px 0 20px}
.template .tab_item {border-left:1px solid #d9d9d9}
.template .tab_item li {float:left; display:inline; width:15%; border-top:1px solid #d9d9d9; background:#eee}
.template .tab_item li.active {border-top:solid 1px #d9d9d9; background:#fff}
.template .tab_item li a {display:block; padding:0; line-height:46px; font-size:15px; text-align:center; border-right:1px solid #d9d9d9; text-decoration:none; white-space:nowrap}

.template .tab_item li.active a, .tab_obj li a:hover {}
.tab_obj {display:none; position: relative; padding:0}

/*빈이미지*/
.prepare {text-align:center; padding-top:70px}

/* 이미지크게보기 */
.img_wrap {display:inline-block; position:relative; max-width:100%}
.img_wrap img{display:block; float:left; max-width:100%; padding:0}
.img_wrap .img_zoom{display:none; overflow:hidden; position:absolute; bottom:0; right:0; z-index:10; width:25px; height:25px; padding:6px; background:url("/common/images/board/mask.png"); font-size:12px}
.img_wrap .img_zoom a{display:block; width:25px; height:25px; background: url('/common/images/board/bbs_icon.png') no-repeat 0 -200px; font-size:0; line-height:0; text-indent: 100%}

/* 이미지 크게보기-박스결합 */
.box.img_wrap {position:static;  width:100%}
.box.img_wrap img {float:none}

@media screen and (max-width:800px) {
	.img_wrap .img_zoom {display:block}
}

/*감추기 - 개발쪽에서 프로그램용으로 사용*/
.hide {display:none}

/* intro_box */
.intro_box{width:100%; height:272px; padding-top:46px; text-align:center;}
.intro_box h3.h0{color:#fff; font-size:37px; font-weight:600; text-align:center; line-height:48px;}
.intro_box .dot{display:inline-block; width:170px;}
.btn_h {position: relative; display:inline-block; margin:0; height:auto; font-size:0; line-height:inherit; margin:1px; padding:12px 30px 10px 30px; border:1px solid #0059b7; background:#0059b7; color:#fff; line-height:16px; text-decoration: none; vertical-align: top; cursor: pointer; box-sizing: content-box}
.intro_box .btn{margin-top:20px; padding:13px 20px 13px 50px; border:1px solid #3578c4; background:#3578c4;}
.intro_box .btn_h{margin-top:20px; padding:13px 20px 13px 40px; border:1px solid #3578c4; background:#3578c4;}
.intro_box .btn.home:after{content:""; display:inline-block; position:absolute; left:18px; top:calc(45% - 8px); width:23px; height:18px; background:url(/site/www/images/contents/intro_home_ico.png) top center no-repeat;}
.intro_box .btn_h.home:after{content:""; display:inline-block; position:absolute; left:18px; top:calc(45% - 8px); width:23px; height:18px; background:url(/site/www/images/contents/intro_home_ico.png) top center no-repeat;}

/* intro_box type2 */
.intro_box.type2{padding-top:100px;}
.intro_box.type2 .btn{border:1px dotted rgba(255,255,255,0.45); background:rgba(0,0,0,0);}
.intro_box.type2 .btn:hover{border:1px solid #fff;}


/*pdf 뷰어 프로그램 아이프레임고정*/
#pdf_view iframe {width:100%; height:1150px;}

/* 대학원 콘텐츠 공통박스 */
.ctsbox{padding:30px 28px; border:1px solid #d3d3d3; border-bottom:0;}
.ctsbox p{margin:5px;}
.ctsbox div.dash{margin:30px 0;}
.ctsbox ul li{float:left; width:23%;}
.ctsbox ul li.excess{width:100%;}
.listbox{margin-right:-60px;}
.guide{min-height:60px; background-color:#f2f2f2; border:1px solid #d3d3d3; border-top:0; vertical-align:middle;}
.guide li{position:relative; float:left; width:250px; margin:15px 9px 0 0; padding-left:33px; line-height:2.1;}
.guide li:before{position:absolute;left:0;top:7px; display:inline-block; content:""; width:1px; height:17px; background-color:#c3c3c3;}
.guide li:first-child:before{display:none;}
.guide li span{float:left; display:block; content:""; width:30px; height:30px; margin-right:11px; vertical-align:middle;}
li span.into{background:url(/common/images/icon_into.png) top center no-repeat;}
li span.bachelor{background:url(/common/images/icon_bachelor.png) top center no-repeat;}
li span.place{background:url(/common/images/icon_place.png) top center no-repeat;}
li span.course{background:url(/common/images/icon_course.png) top center no-repeat;}
li span.tel{background:url(/common/images/icon_tel.png) top center no-repeat;}
li span.fax{background:url(/common/images/icon_fax.png) top center no-repeat;}
@media screen and (max-width:1000px) {
	.ctsbox ul li{width:31%;}
	.guide ul.shortcut li{margin-left:11%;}
	.guide li{width:29%; padding-left:3%;/* height:40px;  margin:10px 9px 0 0; */}
	/* .guide li:last-child:before{display:none;} */
}
@media all and (max-width:800px) {
	.ctsbox ul li{width:48%;}
	.guide li{width:28%;}
}
@media all and (max-width:520px) {
	.guide{height:130px; }
	.guide li{width:100%; margin-top:10px; padding-left:5%;}
	.guide li:before{display:none;}
	.listbox{margin-right:0;}
}

.temp_infobox ul li { float:left; position:relative; width:205px; height:130px; margin-left:15px; padding:30px 3%; border:1px solid #d3d3d3; box-sizing:border-box; text-align:center;}
.temp_infobox ul li:first-child { margin-left:0;}
.temp_infobox ul li:before {content:''; display:block; position:absolute; top:0; left:50%; width:28px; height:2px; margin-left:-14px; background-color:#0b5fbf;}
.temp_infobox ul li .title { font-weight:600; font-size:17px;}

@media all and (max-width:1000px) {
	.temp_infobox ul { text-align:center;}
	.temp_infobox ul li {display:inline-block; float:none; margin:10px 3%; vertical-align:top;}
	.temp_infobox ul li:first-child  { margin-left:5%;}
}
@media all and (max-width:640px) {
	.temp_infobox ul li { float:left; width:46%; margin:10px 2%;}
	.temp_infobox ul li:first-child  { margin-left:2%;}
}

/*링크페이지 리스트 추가*/
.temp_link_list ul { margin-left:-2%;}
.temp_link_list ul li { float:left; position:relative; width:47.8%;  margin:5px 0 5px 2%; padding:10px 150px 10px 10px; border:1px solid #d3d3d3; box-sizing:border-box;line-height:44px; }
.temp_link_list ul li span.text { display:inline-block; line-height:20px; word-break:keep-all;}
.temp_link_list ul li a { position:absolute; top:10px; right:10px;}
@media all and (max-width:640px) {
	.temp_link_list ul { margin-left:0;}
	.temp_link_list ul li { width:100%; margin-left:0;}
}

/*연혁- 정보화본부에 들어가있음*/
.temp_history{padding-top:20px;}
.temp_history .contents_box{position:relative;  margin:30px 0 20px;padding-left:220px;}
.temp_history .contents_box:first-child { margin-top:0;}
.temp_history .contents_box:before{position:absolute; left:166px; top:5px; display:inline-block; width:1px; height:calc(100% + 30px); content:''; background-color:#e1e1e1;}
.temp_history .contents_box:last-child:before{display:none;}
.temp_history .contents_box:after{ content:''; display:block; position:absolute; right:0; bottom:0; width:calc(100% -  220px); height:1px; border-bottom:1px dotted #d2d2d2;}
.temp_history .contents_box .title_box{position:absolute; left:0; top:0; width:130px; font-size:25px; line-height:24px; color:#033e87; font-weight:600; text-align:center;}
.temp_history .contents_box .title_box:after{content:''; display:inline-block; overflow:hidden; position:absolute; left:160px; top:5px; width:6px; height:6px; border:3px solid #003b87; border-radius:100%; background-color:#fff; }
.temp_history .contents_box .title_box span {font-size:31px; }
.temp_history .contents_box .cont_box{position:relative; padding:3px 0 0 92px;}
.temp_history .contents_box .cont_box .title{position:absolute; left:0; top:0;width:70px; font-weight:600; color:#303030;}
.temp_history .contents_box .cont_box .title:after { content:''; display:block; position:absolute;top:calc(50% - 4px); right:0;width:1px; height:8px; background:#b6b6b6;}
.temp_history .contents_box .cont_box .cont{padding-bottom:10px;}
.temp_history .contents_box .cont_box .cont li{position:relative; padding:0 0 10px 0; font-size:15px; line-height:18px; color:#333;}

@media only screen and (max-width:640px){
	.temp_history .contents_box{padding-left:0;}
	.temp_history .contents_box:before,.temp_history .contents_box:after,.temp_history .contents_box .title_box:after{display:none;}
	.temp_history .contents_box .title_box{position:relative; top:0; left:0; width:inherit; padding-left:22px; text-align:left; margin-bottom:10px;}
	.temp_history .contents_box .title_box:before{content:''; display:inline-block; overflow:hidden; position:absolute; top:5px; left:0; width:6px; height:6px; border:3px solid #003b87; border-radius:100%; background-color:#fff; }
	.temp_history .contents_box .cont_box { padding-left:60px;}
	.temp_history .contents_box .cont_box .title {width:30px; padding-right:5px;}
}

/*대학, 대학원 다른단과대학보기 셀렉트*/

.temp_select{ display:inline-block;position:relative; width:200px; height:40px; margin-bottom:10px; border:1px solid #222; background:#fff; text-align:left}
.temp_select .tit{display:block; position:relative; width:100%; height:40px; padding:0 20px; box-sizing:border-box; font-size:15px; cursor:pointer; text-align:left; text-decoration:none; line-height:40px;}
.temp_select .tit:after{position:absolute; top:calc(50% - 13px); right:15px; width:23px; height:23px; border-style:solid; border-width:1px; border-color:transparent; background-repeat:no-repeat; background-position:center center; background-image:url(../images/template/tab_menu_icon.png); content:''}
.temp_select.active .tit:after{background-position:left bottom}
.temp_select .target{display:none; overflow-y: scroll; position:absolute; left:0; top:41px; z-index:10; width:100%; max-height:300px; background:#fff; border:1px solid #2a334f; border-top:none; box-sizing:border-box;}
.temp_select .target{margin-right:10px; padding:20px 10px;}
.temp_select .target li{padding:5px 0;}
.temp_select .target li a{display:block; position:relative; padding-left:15px; color:#343333; font-size:15px; line-height:20px;}
.temp_select .target li a:before{content:''; display:block; position:absolute; left:0; top:8px; width:5px; height:2px; background:#2a334f}
.temp_select .target li a:hover{color:#275cab; font-weight:600;}


/* 홍보동영상 공통*/
.temp_video .temp_titbox .titbox_img {top:30px; background-image:url(/site/www/images/contents/cts105_titbox_img.gif);}
.temp_video .video_area {padding:20px; border:1px solid #d3d3d3;}
.temp_video .video_area .note {margin-top:20px;}
.temp_video .video_area .note .title {margin-bottom:10px; font-size:17px; font-weight:600;}
.temp_video .video_area .noteArea {padding-right:20px; overflow-y:auto; height:80px; color:#373737; font-size:15px; line-height:25px;}

@media screen and (max-width:1000px) {
	.temp_video .temp_titbox .titbox_img {top:auto;}
}

/* 대학소개 > 캠퍼스안내 > 찾아오시는길 공통 */
.map_api_wrap .api_wrap {position:relative;margin-bottom:50px}
.map_api_wrap .api_wrap .map_box .root_daum_roughmap {width:100%;height:460px;overflow:hidden}
.map_api_wrap .api_wrap .map_box .root_daum_roughmap .wrap_map {height:500px}
.map_api_wrap .api_wrap .map_box .root_daum_roughmap .wrap_controllers {display:none}
.map_api_wrap .api_wrap .map_info {position:absolute;bottom:0;left:0;width:100%;padding:25px 0;background-image:url(/site/www/images/contents/map_info_bg.png);background-repeat:repeat;color:#fff;text-align:left;z-index:10}
.map_api_wrap .api_wrap .map_info .title {display:inline;padding-right:23px;margin-left:33px;font-size:19px;font-weight:600}
.map_api_wrap .api_wrap .map_info ul {position:relative;display:inline-block;vertical-align:middle}
.map_api_wrap .api_wrap .map_info ul:before {position:absolute;left:0;top:5px;display:block;width:1px;height:13px;background:#99a2ab;content:''}
.map_api_wrap .api_wrap .map_info ul li {float:left;margin-left:20px;text-align:left}
.map_api_wrap .api_wrap .map_info li div {display:inline-block}
.map_api_wrap .api_wrap .map_info li .title {position:relative;font-size:17px;margin-left:0}
.map_api_wrap .api_wrap .map_info li .title:before {position:absolute;right:8px;top:8px;display:block;width:6px;height:1px;background-color:#fff;content:''}
.map_api_wrap .api_wrap .map_info li .text {font-size:15px}
.map_contents {border-top:1px solid #ddd}
.map_contents.first {border-top:none}
.map_contents .cont_box {position:relative;min-height:100px;padding:0 0 35px 210px;margin-top:32px}
.map_contents .cont_box:before {content:'';position:absolute;left:50%;top:0;margin-left:-45%;display:inline-block;width:102px;height:102px;background-position:center center;background-repeat:no-repeat;background-size:100%}
.map_contents .cont_box.car:before {background-image:url(/site/www/images/contents/map_icon1.png)}
.map_contents .cont_box.bus:before {background-image:url(/site/www/images/contents/map_icon2.png)}
.map_contents .cont_box.subway:before {background-image:url(/site/www/images/contents/map_icon3.png)}
.map_contents .cont_box.mycar:before {background-image:url(/site/www/images/contents/map_icon4.png)}
.map_contents .cont_box.parking:before {background-image:url(/site/www/images/contents/map_icon5.png)}
.map_contents .cont_box .bu {margin-left:0;padding:0 0 0 5px}

@media only screen and (max-width:1000px) {
	.map_api_wrap .api_wrap .map_info {padding:15px 0;text-align:center}
	.map_api_wrap .api_wrap .map_info p.title {display:block;margin-bottom:10px}
	.map_api_wrap .api_wrap .map_info ul:before {display:none}
}
@media only screen and (max-width:640px) {
	.map_api_wrap .api_wrap .map_box .root_daum_roughmap {height:300px}
	.map_api_wrap .api_wrap .map_box .root_daum_roughmap .wrap_map {height:300px}
	.map_api_wrap .api_wrap .map_info li div {display:inline}
	.map_api_wrap .api_wrap .map_info ul li {margin-right:20px}
	.map_contents .cont_box {padding-left:120px}
	.map_contents .cont_box:before {width:70px;height:70px}
}

/*복지시설 리스트*/
.temp_welfare {margin-right:-20px}
.temp_welfare .welfare_facilities {float:left;width:284px;height:363px;margin:0 14px 18px 0;border:1px dashed #d3d3d3; box-sizing:border-box;}
.temp_welfare.type2 .welfare_facilities {height:510px;}
.temp_welfare .welfare_facilities .color_area {height:214px;background-color:#ebeef5;text-align:center}
.temp_welfare .welfare_facilities .color_area img {display:inline-block;padding:20px 0 5px}
.temp_welfare .welfare_facilities .color_area p {font-size:17px;font-weight:600}
.temp_welfare .welfare_facilities .color_area.no_img{height:100px; line-height:100px;}
.temp_welfare .welfare_facilities .color_area.no_img p{display:inline-block; vertical-align:middle;}
.temp_welfare .welfare_facilities ul {margin-top:20px; padding-right:5%;}
.temp_welfare .welfare_facilities ul ul{margin-top:10px;}
@media only screen and (max-width:1000px) {
	.temp_welfare{text-align:center;}
	.temp_welfare .welfare_facilities {display:inline-block; float:none; text-align:left; vertical-align:top;}
}
/*부총장 정보박스*/
.temp_namecard{position:relative; box-sizing:border-box;}
.temp_namecard .photo_area{ }
.temp_namecard .text_area{position:absolute; top:55px; left:60px;}
.temp_namecard .text_area .title{margin:10px 0 40px; font-size:35px; color:#303030;}
.temp_namecard .text_area ul li{position:relative; margin:5px 0; padding-left:55px; line-height:39px; vertical-align:middle;}
.temp_namecard .text_area ul li:before{content:''; display:block; position:absolute; top:3px; left:0; width:33px; height:33px; background:url(/site/www/images/contents/temp_namcard_icon.png) no-repeat;}
.temp_namecard .text_area ul li.email:before{background-position:left bottom;}
.temp_namecard .text_area ul li span{display:inline-block; vertical-align:top;}
.temp_namecard .text_area ul li span.tit{width:125px; font-size:16px; font-weight:600;}
.temp_namecard .text_area ul li span.text{font-size:15px;}
.temp_namecard .text_area ul li span.text:before{content:':'; display:inline-block; margin-right:20px; vertical-align:top;}

.temp_namecard .photo_area .mobile{display:none;}

@media only screen and (max-width:1000px) {
	.temp_namecard .text_area .title{margin:0 0 20px;}
}
@media only screen and (max-width:800px) {
	.temp_namecard .text_area{top:30px; left:20px;}
	.temp_namecard .text_area .title{font-size:25px;}
}
@media only screen and (max-width:640px) {
	.temp_namecard {background-color:#d1c7be;}
	.temp_namecard .text_area{position:static; padding:35px 5% 20px;}
	.temp_namecard .photo_area .web{display:none;}
	.temp_namecard .photo_area .mobile{display:block;}


}