@charset "utf-8";
/*=============================================================
   import url('/contents/template/page/common.css');
===============================================================*/

/*  ****************************  리스트  ****************************  */
/* 가로리스트 스타일  190614 - 배포 후 삭제 */
.uni-list-table {width:100%; background:#fff; word-break:keep-all;}
.uni-list-table caption {position:absolute;width:1px !important;height:1px !important;padding:0px !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}
.uni-list-table thead, .uni-list-table tbody {font-size:15px; text-align:center;}
.uni-list-table thead {color:#333;}
.uni-list-table tbody, .board_table tbody a {color:#333;}
.uni-list-table tr th {padding:14px 3px; background:#fafafa; border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.uni-list-table tr td {padding:14px 3px; border-bottom:1px dashed #d9d9d9; vertical-align:middle;}
.uni-list-table tr:last-child td {padding:14px 3px; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.uni-list-table tr td.subject {text-align:left; padding:14px 10px; line-height:18px;}
.uni-list-table tr td a:hover {text-decoration:underline;}
.uni-list-table tr.recommendation {background:#f9f9f9;}
.uni-list-table tr.recommendation td.subject {font-weight:bold;}
.uni-list-table tr.recommendation td.subject a {color:#257bca;}

/*============================================================================================================================
													Default 설정
=============================================================================================================================*/
html, body, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {font-family:"맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif; letter-spacing: -1px;position:absolute;width:100%;top:0;}
body.en_site {letter-spacing: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul, nav ul li{list-style:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;color:#333;background:transparent;text-decoration:none;}
img{vertical-align:top;border:none;}
table{border-collapse:collapse;border-spacing:0;}
input, textarea, select {margin:0;padding:0;box-sizing:border-box;vertical-align:top;border:1px solid #999;color:#333;border-radius:0;font-family:"맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;}
video {width:100%; height:auto;background:#000;}
button {border:0;}

@media print {
	.site_section, .header, .location_section, .emergency_notice, .banner, .footer, .site_util_area {display: none;}
}

@media only print and (orientation: landscape) {
	body { min-width:1440px; }
}

/* 라디오 및 체크 버튼 설정 */
input[type="checkbox"], input[type="radio"] {width:17px;height:17px;margin:0 6px;vertical-align:middle;}
input[type="checkbox"] + label, input[type="radio"] + label {display:inline-block;box-sizing:border-box;width:auto;vertical-align:middle;border:none;cursor:pointer;}
input[type="radio"] {border:none;}

.RadioCheckbox {text-align: center;}
.RadioCheckbox p {position:relative; margin:0 8px 8px 0; display: inline-block;}
/* .RadioCheckbox p:last-child {margin:8px 0 0 0;}
.RadioCheckbox p.block {position:relative; margin:0 8px 8px 0; display: block; text-align:left;}
.RadioCheckbox p.block:last-child {margin:0 0 8px 0;}
.RadioCheckbox p label {color:#423c32;}
.RadioCheckbox p>input[type="checkbox"], .RadioCheckbox p>input[type="radio"] { position:relative; top:-1px; vertical-align:middle; }
.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"], .RadioCheckbox p:not(#cssbrowser)>input[type="radio"] { position:absolute; left:0; top:0; width:20px; height:20px; margin:0; opacity:0; }
.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"] + label, .RadioCheckbox p:not(#cssbrowser)>input[type="radio"] + label {
	margin:0 0 0 0; padding:0 0 0 25px; font-size:13px; line-height:22px; display:inline-block; background:url('/res/theme/uni/images/common/icon/bg_radiocheckbox.png') no-repeat left top;
	width:100%; height:24px; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.RadioCheckbox p:not(#cssbrowser)>input[type="radio"] + label { background-position:left -100px;}
.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:disabled + label { background-position:left -25px;}
.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:checked + label { background-position:left -50px;}
.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:checked:disabled + label { background-position:left -75px;}
.RadioCheckbox p:not(#cssbrowser)>input[type="radio"]:disabled + label { background-position:left -125px;}
.RadioCheckbox p:not(#cssbrowser)>input[type="radio"]:checked + label { background-position:left -150px;}
.RadioCheckbox p:not(#cssbrowser)>input[type="radio"]:checked:disabled + label { background-position:left -175px;} */

/* Select box 스타일 초기화 */
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff url('/contents/page/image/add_2018/header/select-arrow.png') no-repeat 90% 50%;}

/* IE 에서 Select box 화살표 제거 */
select::-ms-expand {display: none;}

/* 원내과정검색 팝업창 */
select.form-control {background:#fff url('/contents/page/image/add_2018/header/select-arrow.png') no-repeat 95% 50% !important;}

/* 레이어 팝업창 */
.ui-dialog {line-height:18px; font-size:15px;}

/*======================================
			align
========================================*/
.fl{float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fr{float:right; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.overflow_h{overflow:hidden;}

/*======================================
			font
========================================*/
.ellipsis{display:inline-block; width:auto; overflow : hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-text-overflow:ellipsis}
.tspace{letter-spacing:-1px}
.hspace{line-height:1.5em}
.fs11{font-size:.917em}
.fs10{font-size:.833em}
.ft_engtype{font-family:verdana}
.basic_font {font-size:14px; color:#333;}

.block {display:block;}
.inline-block {display:inline-block;}
.inline {display:inline;}
.none {display:none;}

/*======================================
			link
========================================*/
a:link,a:visited {color:#333; text-decoration:none;}
a:active,a:hover,a:focus{color:#000; text-decoration:none;}
/* 포커스 */
body a:focus {/*border:1px dashed #999; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;*/}
/* select:focus, a:focus {outline: 2px solid aqua;} */
/*======================================
			skip navigation
========================================*/
.skipNavi {position:absolute; left:0;top:0; z-index:999; width:100%; text-align:center;}
.skipNavi a {position:absolute; top:-999px; left:-999px;}
.skipNavi a:focus, .skipNavi a:active, .skipNavi a:hover {display:block; top:0; left:0; padding:7px 10px 5px; background:#000; color:#fff; font-weight:bold; font-size:14px; text-decoration:none}

/*======================================
				Etc
========================================*/
p {margin:0; padding:0;}
.nbrd {margin-top:-1px; border:0; background:none; }
hr {display:none; float: none; clear: both; height: 0; width:0; font-size: 0 !important; line-height: 0 !important; overflow: hidden; margin: 0 !important; padding: 0 !important; }
.bold {font-weight:bold !important;}
.clear {display:block; float: none; clear: both; height: 0 !important; width:0; font-size: 0 !important; line-height: 0 !important; overflow: hidden; margin: 0 !important; padding: 0 !important; }
.hide_txt {text-indent:100%; white-space:nowrap; overflow:hidden; display:block;}
.hidden {display:block;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;line-height:0;overflow:hidden;font-size:0;text-indent:-9999px;}
.error {color:#d94700; font-size:13px; line-height:16px;}
.errorField { border-color: #d94700; border-width: 1px; }
.bg_none {background: none !important; padding:0 !important; margin:0 !important; line-height: 18px;}
.alert {border:1px solid #edc967; background-color:#f9edb8; width:95%; margin:10px auto; padding:15px;}
.no_padding {padding:0 !important;}
.underline {border-bottom:1px solid #d9d9d9;}
.display_none {display:none;}
.border-right {border-right:1px solid #d9d9d9;}
.border-left {border-left:1px solid #d9d9d9;}
.bdline {border-bottom:1px dashed #d9d9d9;}
.clrb {clear:both;}

/*======================================
				Width
========================================*/
/* input, select */
input.error_input, select.error_input {border:2px solid #ff0000; background:#fbf0f0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.input_50 {width:50px;}
.input_60 {width:60px;}
.input_70 {width:70px;}
.input_80 {width:80px;}
.input_90 {width:90px;}
.input_100 {width:100px;}
.input_110 {width:110px;}
.input_120 {width:120px;}
.input_130 {width:130px;}

.input_140 {width:140px;}
.input_150 {width:150px;}
.input_160 {width:160px;}
.input_170 {width:170px;}
.input_180 {width:180px;}
.input_190 {width:190px;}
.input_200 {width:200px;}
.input_210 {width:210px;}
.input_220 {width:220px;}
.input_230 {width:230px;}
.input_240 {width:240px;}
.input_250 {width:250px;}
.input_300 {width:100%;}
.input_400 {width:100%;}
.input_500 {width:100%;}
.input_all {width:100%;}

.input_10p {width:10%;}
.input_20p {width:20%;}
.input_30p {width:30%;}
.input_40p {width:40%;}
.input_50p {width:50%;}
.input_60p {width:60%;}
.input_70p {width:70%;}
.input_80p {width:80%;}
.input_90p {width:90%;}

.select_50 {width:50px;}
.select_55 {width:55px;}
.select_58 {width:58px;}
.select_60 {width:60px;}
.select_60 {width:70px;}
.select_70 {width:80px;}
.select_80 {width:90px;}
.select_100 {width:100px;}
.select_100 {width:100px;}
.select_110 {width:110px;}
.select_120 {width:120px;}
.select_130 {width:130px;}
.select_140 {width:140px;}
.select_150 {width:150px;}
.select_200 {width:200px;}
.select_250 {width:250px;}
.select_300 {width:300px;}
.select_400 {width:400px;}
.select_all {width:100%;}

.w5p {width: 5%; }
.w6p {width: 6%; }
.w7p {width: 7%; }
.w8p {width: 8%; }
.w9p {width: 9%; }
.w10p {width: 10%;}
.w12p {width: 12%;}
.w13p {width: 13%;}
.w15p {width: 15%;}
.w18p {width: 18%;}
.w20p {width: 20%;}
.w23p {width: 23%;}
.w25p {width: 25%;}
.w30p {width: 30%;}
.w32p {width: 32%;}
.w33p {width: 33%;}
.w35p {width: 35%;}
.w40p {width: 40%;}
.w45p {width: 45%;}
.w46p {width: 46%;}
.w47p {width: 47%;}
.w48p {width: 48%;}
.w49p {width: 49%;}
.half {width: 50%;}
.w55p {width: 55%;}
.w60p {width: 60%;}
.w65p {width: 65%;}
.w70p {width: 70%;}
.w80p {width: 80%;}
.w90p {width: 90%;}
.w100p {width: 100%;}

.w5 {width: 5px;}
.w7 {width: 7px;}
.w8 {width: 8px;}
.w9 {width: 9px;}
.w10 {width: 10px;}
.w12 {width: 12px;}
.w13 {width: 13px;}
.w15 {width: 15px;}
.w18 {width: 18px;}
.w20 {width: 20px;}
.w23 {width: 23px;}
.w25 {width: 25px;}
.w30 {width: 30px;}
.w32 {width: 32px;}
.w33 {width: 33px;}
.w35 {width: 35px;}
.w40 {width: 40px;}
.w45 {width: 45px;}
.w50 {width: 50px;}
.w55 {width: 55px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w230 {width: 230px;}
.w250 {width: 250px;}
.wauto {width: auto;}

/*======================================
				Margin Step
========================================*/
.bm0 {margin-bottom:0;}
.bm1 {margin-bottom:1px;}
.bm3 {margin-bottom:3px;}
.bm5 {margin-bottom:5px;}
.bm6 {margin-bottom:6px;}
.bm7 {margin-bottom:7px;}
.bm8 {margin-bottom:8px;}
.bm7 {margin-bottom:9px;}
.bm10 {margin-bottom:10px;}
.bm13 {margin-bottom:13px;}
.bm14 {margin-bottom:14px;}
.bm15 {margin-bottom:15px;}
.bm20 {margin-bottom:20px;}
.bm30 {margin-bottom:30px;}
.bm40 {margin-bottom:40px;}
.bm50 {margin-bottom:50px;}
.bm60 {margin-bottom:60px;}
.bm100 {margin-bottom:100px;}

.lm3	{margin-left:3px; }
.lm5	{margin-left:5px; }
.lm10	{margin-left:10px; }
.lm15	{margin-left:15px; }
.lm20	{margin-left:20px; }
.lm25	{margin-left:25px; }
.lm30	{margin-left:30px; }
.lm40	{margin-left:40px; }
.lm45	{margin-left:45px; }
.lm50	{margin-left:50px; }
.lm60	{margin-left:60px; }
.lm70	{margin-left:70px; }
.lm80	{margin-left:80px; }
.lm90	{margin-left:90px; }
.lm100	{margin-left:100px; }
.lm150	{margin-left:150px; }
.lm170	{margin-left:170px; }

.tm1	{margin-top:1px; }
.tm2	{margin-top:2px; }
.tm3	{margin-top:3px; }
.tm5	{margin-top:5px; }
.tm6	{margin-top:6px; }
.tm8	{margin-top:8px; }
.tm10	{margin-top:10px; }
.tm13	{margin-top:13px; }
.tm15	{margin-top:15px; }
.tm20	{margin-top:20px; }
.tm25	{margin-top:25px; }
.tm30	{margin-top:30px; }
.tm40	{margin-top:40px; }
.tm45	{margin-top:45px; }
.tm50	{margin-top:50px; }
.tm55	{margin-top:55px; }
.tm60	{margin-top:60px; }
.tm70	{margin-top:70px; }
.tm80	{margin-top:80px; }
.tm85	{margin-top:85px; }
.tm90	{margin-top:90px; }

.rm0	{margin-right:0; }
.rm3	{margin-right:3px; }
.rm5	{margin-right:5px; }
.rm10	{margin-right:10px; }
.rm15	{margin-right:15px; }
.rm20	{margin-right:20px; }
.rm25	{margin-right:25px; }
.rm30	{margin-right:30px; }

.bp3	{padding-bottom:3px;}
.bp5	{padding-bottom:5px;}
.bp10	{padding-bottom:10px;}
.bp15	{padding-bottom:15px;}
.bp20	{padding-bottom:20px;}
.bp25	{padding-bottom:25px;}

.lp3	{padding-left:3px;}
.lp4	{padding-left:4px;}
.lp5	{padding-left:5px;}
.lp10	{padding-left:10px;}
.lp15	{padding-left:15px;}
.lp20	{padding-left:20px;}
.lp25	{padding-left:25px;}

.tp1	{padding-top:1px;}
.tp2	{padding-top:2px;}
.tp3	{padding-top:3px;}
.tp4	{padding-top:4px;}
.tp5	{padding-top:5px;}
.tp10	{padding-top:10px;}
.tp15	{padding-top:15px;}
.tp20	{padding-top:20px;}
.tp25	{padding-top:25px;}

.rp5	{padding-right:5px;}
.rp10	{padding-right:10px;}
.rp15	{padding-right:15px;}
.rp20	{padding-right:20px;}
.rp25	{padding-right:25px;}

.pd10	{padding: 10px;}
.pd15	{padding: 15px;}
.pd20	{padding: 20px;}

/*======================================
				Font size
========================================*/
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.font17 {font-size:17px;}
.font18 {font-size:18px;}
.font19 {font-size:19px;}
.font20 {font-size:20px;}
.font25 {font-size:25px;}
.font30 {font-size:30px;}

.lh10 {line-height:10px;}
.lh11 {line-height:11px;}
.lh12 {line-height:12px;}
.lh13 {line-height:13px;}
.lh14 {line-height:14px;}
.lh15 {line-height:15px;}
.lh16 {line-height:16px;}
.lh17 {line-height:17px;}
.lh18 {line-height:18px;}
.lh19 {line-height:19px;}
.lh20 {line-height:20px;}
.lh25 {line-height:25px;}
.lh30 {line-height:30px;}
.lh40 {line-height:40px;}

/*======================================
				Text Align
========================================*/
.tac {text-align: center !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.vmid{vertical-align:middle;}
.blockcenter {margin:0 auto;}
.vat {vertical-align:top;}

/*======================================
				Color
========================================*/
.accent	{color:#ff3300 !important;}
.lblue {color:#257bca !important;}
.dblue {color:#124b9a !important;}
.wblue {color:#205fb5;}
.important	{color:#ff3300 !important;}
.red {color:#ff3300 !important;}
.dred {color:#D62D10 !important}
.wgray {color:#878787 !important;}
.gray {color:#666666 !important;}
.lgray {color:#aaaaaa !important;}
.wgreen {color:#58830B !important;}
.dgreen {color:#529410 !important;}
.white {color:#fff !important;}
.orange {color:#ea5300 !important;}
.yellow {color:#ffd800 !important;}
.skyblue {color:#129dd1 !important;}
.brown {color:#ab7c3f !important;}
.purple {color:#a300e7 !important;}
.pink {color:#e2388c !important;}

/* 테마 기본색상 */
.theme_color {color:#e37000 !important;}

/*======================================
				백그라운드 color
========================================*/
.input_skyblue	{background-color:#dff6fe !important; height:30px; line-height:25px; width:50px; text-align:center;}
.input_pink 	{background-color:#fedfdf !important; height:30px; line-height:25px; width:50px; text-align:center;}

/*======================================
				기능
========================================*/
fieldset.field {margin:5px 10px; border:none; display:inline-block; width:284px; height:25px;}
fieldset.field label {display:inline-block; width:70px; height:25px; line-height:25px; text-align:center;}
fieldset.field input {width:160px; height:25px; line-height: 25px;}
fieldset.field input[type="radio"] {width:16px;}
fieldset.field select {height:25px; line-height:25px;}

/*============================================================================================================================
													일반 버튼
=============================================================================================================================*/
/*======================================
				Button
========================================*/
button {cursor:pointer;}
button:hover {outline:0 !important;}
.button a, .button button {text-align:center !important; display:inline-block; background:#e9e9e9; line-height:15px; font-size:16px; padding:14px; color:#333; border:1px solid #ddd; border-radius:1px; transition:all 0.2s;
font-family: "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif !important; box-sizing: content-box; border-radius:3px;letter-spacing:-1px;}
.button a:hover, .button button:hover {background:#ddd;}
.button.bold a, .button.bold button  {font-weight:bold;}

.button_color a, .button_color button {display:inline-block; background:#364c86; color:#fff; border:0;}
.button_color a:hover, .button_color button:hover {background:#4666af;}

.button_orange a, .button_orange button {display:inline-block; background:#e37000; color:#fff; border:1px solid #ce6600;}
.button_orange a:hover, .button_orange button:hover {background:#ce6600;}

.button_green a, .button_green button {display:inline-block; background:#8ca51a; color:#fff; border:1px solid #748915;}
.button_green a:hover, .button_green button:hover {background:#748915;}

.button_blue a, .button_blue button {display:inline-block; background:#157fcc; color:#fff; border:1px solid #0c6796;}
.button_blue a:hover, .button_blue button:hover {background:#0078b6; border:1px solid #0078b6;}

.button_cian a, .button_cian button {display:inline-block; background:#364c85; color:#fff; border:1px solid #364c85;}
.button_cian a:hover, .button_cian button:hover {background:#4666af;border:1px solid #4666af;}

.button_deepcian a, .button_deepcian button {display:inline-block; background:#007f8b; color:#fff; border:1px solid #006b75;}
.button_deepcian a:hover, .button_deepcian button:hover {background:#006b75;}

.button_white a, .button_white button {display:inline-block; background:#fff; color:#333; border:1px solid #999;}
.button_white a:hover, .button_white button:hover {background:#e9e9e9;}

.button_gray a, .button_gray button {display:inline-block; background:#666; color:#fff; border:1px solid #666;}
.button_gray a:hover, .button_gray button:hover {background:#444;border:1px solid #444;}

.button_yellow a, .button_yellow button {display:inline-block; background:#ffcc00; color:#333 !important; border:1px solid #ffcc00;}
.button_yellow a:hover, .button_yellow button:hover {background:#f4b50c;border:1px solid #f4b50c;}

/*======================================
				Button 20
========================================*/
.button_20 a, .button_20 button {text-align:center !important; display:inline-block; background:#e9e9e9; line-height:11px; font-size:11px; padding:3px 7px 4px 7px; color:#333; border:1px solid #ddd; transition:all 0.2s; border-radius:3px;}
.button_20 a:hover, .button_20 button:hover {background:#ddd;}
.button_20.bold a, .button_20.bold button  {font-weight:bold;}

.button_20_color a, .button_20_color button {display:inline-block; background:#364c86; color:#fff; border:1px solid #008c99;}
.button_20_color a:hover, .button_20_color button:hover {background:#008c99;}

.button_20_orange a, .button_20_orange button {display:inline-block; background:#e37000; color:#fff; border:1px solid #ce6600;}
.button_20_orange a:hover, .button_20_orange button:hover {background:#ce6600;}

.button_20_green a, .button_20_green button {display:inline-block; background:#8ca51a; color:#fff; border:1px solid #748915;}
.button_20_green a:hover, .button_20_green button:hover {background:#748915;}

.button_20_blue a, .button_20_blue button {display:inline-block; background:#0078b6; color:#fff; border:1px solid #0c6796;}
.button_20_blue a:hover, .button_20_blue button:hover {background:#0c6796;}

.button_20_cian a, .button_20_cian button {display:inline-block; background:#00a6b6; color:#fff; border:1px solid #008c99;}
.button_20_cian a:hover, .button_20_cian button:hover {background:#008c99;}

.button_20_deepcian a, .button_20_deepcian button {display:inline-block; background:#007f8b; color:#fff; border:1px solid #006b75;}
.button_20_deepcian a:hover, .button_20_deepcian button:hover {background:#006b75;}

.button_20_white a, .button_20_white button {display:inline-block; background:#fff; color:#333; border:1px solid #999;}
.button_20_white a:hover, .button_20_white button:hover {background:#e9e9e9;}

.button_20_gray a, .button_20_gray button {display:inline-block; background:#666; color:#fff; border:1px solid #444;}
.button_20_gray a:hover, .button_20_gray button:hover {background:#444;}

.button_20_yellow a, .button_20_yellow button {display:inline-block; background:#efe6b5; color:#333 !important; border:1px solid #f7e35b;}
.button_20_yellow a:hover, .button_20_yellow button:hover {background:#f7e35b;}

.button_20_black a, .button_20_black button {display:inline-block; background:#666; color:#fff !important; border:1px solid #666;}
.button_20_black a:hover, .button_20_black button:hover {background:#555;}

/*======================================
				Button 25
========================================*/
.button_25 a, .button_25 button {text-align:center !important; display:inline-block; background:#e9e9e9; line-height:11px; font-size:11px; /*padding:3px 7px 4px 6px;*/ padding:6px 7px 6px 7px; color:#333; border:1px solid #ddd; border-radius:1px; transition:all 0.2s; border-radius:3px;}
.button_25 a:hover, .button_25 button:hover {background:#ddd;}
.button_25.bold a, .button_25.bold button  {font-weight:bold;}

.button_25_color a, .button_25_color button {display:inline-block; background:#364c86; color:#fff; border:0;}
.button_25_color a:hover, .button_25_color button:hover {background:#4666af;}

.button_25_orange a, .button_25_orange button {display:inline-block; background:#e37000; color:#fff; border:1px solid #ce6600;}
.button_25_orange a:hover, .button_25_orange button:hover {background:#ce6600;}

.button_25_green a, .button_25_green button {display:inline-block; background:#8ca51a; color:#fff; border:1px solid #748915;}
.button_25_green a:hover, .button_25_green button:hover {background:#748915;}

.button_25_blue a, .button_25_blue button {display:inline-block; background:#0078b6; color:#fff; border:1px solid #0c6796;}
.button_25_blue a:hover, .button_25_blue button:hover {background:#0c6796;}

.button_25_cian a, .button_25_cian button {display:inline-block; background:#364c86; color:#fff; border:0;}
.button_25_cian a:hover, .button_25_cian button:hover {background:#4666af;}

.button_25_deepcian a, .button_25_deepcian button {display:inline-block; background:#007f8b; color:#fff; border:1px solid #006b75;}
.button_25_deepcian a:hover, .button_25_deepcian button:hover {background:#006b75;}

.button_25_white a, .button_25_white button {display:inline-block; background:#fff; color:#333; border:1px solid #999;}
.button_25_white a:hover, .button_25_white button:hover {background:#e9e9e9;}

.button_25_gray a, .button_25_gray button {display:inline-block; background:#666; color:#fff; border:1px solid #444;}
.button_25_gray a:hover, .button_25_gray button:hover {background:#444;}

.button_25_yellow a, .button_25_yellow button {display:inline-block; background:#efe6b5; color:#333 !important; border:1px solid #f7e35b;}
.button_25_yellow a:hover, .button_25_yellow button:hover {background:#f7e35b;}

/*======================================
				Button 30
========================================*/
.button_30 a, .button_30 button {text-align:center !important; display:inline-block; background:#e9e9e9; line-height:13px; font-size:13px;padding:7px 7px 8px 7px; color:#333; border:1px solid #ddd;transition:all 0.2s; border-radius:3px;}
.button_30 a:hover, .button_30 button:hover {background:#ddd;}
.button_30.bold a, .button_30.bold button  {font-weight:bold;}

.uew_banner_btn .button_30 a, .uew_banner_btn .button_30 button {line-height:15px; font-size:15px; padding:10px 20px;}

.button_30_color a, .button_30_color button {display:inline-block; background:#4666af; color:#fff; border:0;}
.button_30_color a:hover, .button_30_color button:hover {background:#4666af;}

.button_30_orange a, .button_30_orange button {display:inline-block; background:#e37000; color:#fff; border:1px solid #ce6600;}
.button_30_orange a:hover, .button_30_orange button:hover {background:#ce6600;}

.button_30_green a, .button_30_green button {display:inline-block; background:#8ca51a; color:#fff; border:1px solid #748915;}
.button_30_green a:hover, .button_30_green button:hover {background:#748915;}

.button_30_blue a, .button_30_blue button {display:inline-block; background:#0078b6; color:#fff; border:1px solid #0c6796;}
.button_30_blue a:hover, .button_30_blue button:hover {background:#0c6796;}

.button_30_cian a, .button_30_cian button {display:inline-block; background:#364c86; color:#fff; border:1px solid #364c86;}
.button_30_cian a:hover, .button_30_cian button:hover {background:#4666af; border:1px solid #4666af;}

.button_30_deepcian a, .button_30_deepcian button {display:inline-block; background:#007f8b; color:#fff; border:1px solid #006b75;}
.button_30_deepcian a:hover, .button_30_deepcian button:hover {background:#006b75;}

.button_30_white a, .button_30_white button {display:inline-block; background:#fff; color:#333; border:1px solid #999;}
.button_30_white a:hover, .button_30_white button:hover {background:#e9e9e9;}

.button_30_gray a, .button_30_gray button {display:inline-block; background:#666; color:#fff; border:1px solid #444;}
.button_30_gray a:hover, .button_30_gray button:hover {background:#444;}

.button_30_yellow a, .button_30_yellow button {display:inline-block; background:#fac917; color:#333 !important; font-weight:bold;border:1px solid #fac917;}
.button_30_yellow a:hover, .button_30_yellow button:hover {background:#fac917;}

/*======================================
				Button 36
========================================*/
.button_36 a, .button_36 button {text-align:center !important; display:inline-block; background:#e9e9e9; line-height:13px; font-size:13px;padding:10px 15px 11px; color:#333; border:1px solid #ddd; transition:all 0.2s; border-radius:3px;}
.button_36 a:hover, .button_36 button:hover {background:#ddd;}
.button_36.bold a, .button_36.bold button  {font-weight:bold;}

.button_36_color a, .button_36_color button {display:inline-block; background:#364c86; color:#fff; border:0;}
.button_36_color a:hover, .button_36_color button:hover {background:#008c99;}

.button_36_orange a, .button_36_orange button {display:inline-block; background:#e37000; color:#fff; border:1px solid #ce6600;}
.button_36_orange a:hover, .button_36_orange button:hover {background:#ce6600;}

.button_36_green a, .button_36_green button {display:inline-block; background:#8ca51a; color:#fff; border:1px solid #748915;}
.button_36_green a:hover, .button_36_green button:hover {background:#748915;}

.button_36_blue a, .button_36_blue button {display:inline-block; background:#0078b6; color:#fff; border:1px solid #0c6796;}
.button_36_blue a:hover, .button_36_blue button:hover {background:#0c6796;}

.button_36_lblue a, .button_36_lblue button {display:inline-block; background:#257bca; color:#fff; border:1px solid #257bca;}
.button_36_lblue a:hover, .button_36_lblue button:hover {background:#257bca;}

.button_36_cian a, .button_36_cian button {display:inline-block; background:#364c86; color:#fff; border:1px solid #364c86;}
.button_36_cian a:hover, .button_36_cian button:hover {background:#4666af;border:1px solid #4666af;}

.button_36_deepcian a, .button_36_deepcian button {display:inline-block; background:#007f8b; color:#fff; border:1px solid #006b75;}
.button_36_deepcian a:hover, .button_36_deepcian button:hover {background:#006b75;}

.button_36_white a, .button_36_white button {display:inline-block; background:#fff; color:#333; border:1px solid #999;}
.button_36_white a:hover, .button_36_white button:hover {background:#e9e9e9;}

.button_36_gray a, .button_36_gray button {display:inline-block; background:#666; color:#fff; border:1px solid #666;}
.button_36_gray a:hover, .button_36_gray button:hover {background:#444;border:1px solid #444;}

.button_36_yellow a, .button_36_yellow button {display:inline-block; background:#efe6b5; color:#333 !important; border:1px solid #daba46;}
.button_36_yellow a:hover, .button_36_yellow button:hover {background:#f7e35b;}

/*======================================
				Button 50
========================================*/
.button_50 a, .button_50 button {text-align:center !important; display:inline-block; background:#e9e9e9;font-size:16px;padding:8px 36px; color:#333;transition:all 0.2s; border-radius:3px;line-height:22px;}
.button_50 a:hover, .button_50 button:hover {background:#ddd;}
.button_50.bold a, .button_50.bold button  {font-weight:bold;}

.button_50_blue a, .button_50_blue button {background:#0078b6; color:#fff;}
.button_50_blue a:hover, .button_36_blue button:hover {background:#0c6796;}

.button_50_cian a, .button_50_cian button {background:#364c86; color:#fff;}
.button_50_cian a:hover, .button_50_cian button:hover {background:#4666af;}

.button_50_deepcian a, .button_50_deepcian button {background:#007f8b; color:#fff;}
.button_50_deepcian a:hover, .button_50_deepcian button:hover {background:#006b75;}

.button_60 a, .button_60 button {text-align:center !important; display:inline-block; background:#364c86; color:#fff;font-size:18px;padding:20px 36px;transition:all 0.2s; border-radius:3px;line-height:22px;}

.button_submit a, .button_submit button {width:100%;text-align:center !important; display:inline-block; background:#e37000; color:#fff;font-size:16px;padding:12px 0;transition:all 0.2s; border-radius:3px;line-height:22px;}
.button_submit a:hover, .button_submit button:hover {background:#ce6600;}
.button_submit.bold a, .button_submit.bold button  {font-weight:bold;}


/* 자료마당 검색버튼 2020년 개편 */
.button_data a, .button_data button {text-align:center !important; display:inline-block; background:#888;font-weight:bold;padding:11px 50px; color:#fff;transition:all 0.2s; border-radius:3px;line-height:23px;}
.button_data a:hover, .button_data button:hover {background:#666;}

.button_data_cian a, .button_data_cian button {background:#3b80f1;}
.button_data_cian a:hover, .button_data_cian button:hover {background:#4666af;}

/*======================================
				Button_circle
========================================*/
.button_circle a, .button_circle button {text-align:center !important; display:inline-block; background:#9e9e9e; font-size:13px; font-weight:bold; line-height:16px; padding:9px 12px 9px 12px; color:#fff; border-radius:25px; transition:all 0.2s;}
.button_circle a:hover, .button_circle button:hover {background:#7f7f7f;}

.button_circle_orange a, .button_circle_orange button {background:#e89237;}
.button_circle_orange a:hover, .button_circle_orange button:hover {background:#c47c30;}

.button_circle_pink a, .button_circle_pink button {background:#ee6a6a;}
.button_circle_pink a:hover, .button_circle_pink button:hover {background:#ca5656;}

.button_circle_purple a, .button_circle_purple button {background:#e687c8;}
.button_circle_purple a:hover, .button_circle_purple button:hover {background:#e687c8;}

.button_circle_yellow a, .button_circle_yellow button {background:#eac11c;}
.button_circle_yellow a:hover, .button_circle_yellow button:hover {background:#c7a20f;}

.button_circle_skyblue a, .button_circle_skyblue button {background:#57b7e8;}
.button_circle_skyblue a:hover, .button_circle_skyblue button:hover {background:#4699c4;}

.button_circle_green a, .button_circle_green button {background:#57a659;}
.button_circle_green a:hover, .button_circle_green button:hover {background:#458346;}

/*============================================================================================================================
												링크없는 버튼
=============================================================================================================================*/
/*======================================
				Colorbox
========================================*/
span.colorbox {text-align:center !important; display:inline-block; background:#e9e9e9; line-height:13px; font-size:13px; padding:12px 15px 13px 15px; color:#333; border:1px solid #ddd; border-radius:1px; transition:all 0.2s;
font-family: "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif !important; box-sizing: content-box; border-radius:3px;}
span.colorbox.bold {font-weight:bold;}

span.colorbox_color 	{background:#00a6b6; color:#fff; border:1px solid #008c99;}
span.colorbox_orange 	{background:#e37000; color:#fff; border:1px solid #ce6600;}
span.colorbox_green 	{background:#8ca51a; color:#fff; border:1px solid #748915;}
span.colorbox_blue 		{background:#0078b6; color:#fff; border:1px solid #0c6796;}
span.colorbox_cian 		{background:#00a6b6; color:#fff; border:1px solid #008c99;}
span.colorbox_deepcian 	{background:#007f8b; color:#fff; border:1px solid #006b75;}
span.colorbox_white 	{background:#ffffff; color:#333; border:1px solid #999999;}
span.colorbox_gray 		{background:#666666; color:#fff; border:1px solid #444444;}
span.colorbox_purple	{background:#443366; color:#fff; border:1px solid #443366;}
span.colorbox_yellow 	{background:#efe6b5; color:#333 !important; border:1px solid #f7e35b;}

/*======================================
				Colorbox 20
========================================*/
span.colorbox_20 {text-align:center !important; display:inline-block; background:#e9e9e9; line-height:11px; font-size:11px; padding:3px 7px 4px 7px; color:#333; border:1px solid #ddd; border-radius:1px; transition:all 0.2s; border-radius:3px;}
span.colorbox_20.bold {font-weight:bold;}

span.colorbox_20_color 		{background:#00a6b6; color:#fff; border:1px solid #008c99;}
span.colorbox_20_orange 	{background:#e37000; color:#fff; border:1px solid #ce6600;}
span.colorbox_20_green 		{background:#678005; color:#fff; border:1px solid #506105;}
span.colorbox_20_blue 		{background:#0078b6; color:#fff; border:1px solid #0c6796;}
span.colorbox_20_cian 		{background:#4666af; color:#fff; border:1px solid #4666af;}
span.colorbox_20_deepcian 	{background:#007f8b; color:#fff; border:1px solid #006b75;}
span.colorbox_20_white 		{background:#ffffff; color:#333; border:1px solid #999999;}
span.colorbox_20_gray 		{background:#666666; color:#fff; border:1px solid #444444;}
span.colorbox_20_purple 	{background:#443366; color:#fff; border:1px solid #443366;}
span.colorbox_20_yellow 	{background:#efe6b5; color:#333 !important; border:1px solid #f7e35b;}
span.colorbox_20_pink		{background:#e2388c; color:#fff; border:1px solid #e2388c;}
span.colorbox_20_deepgreen 	{background:#3a8d48; color:#fff; border:1px solid #3a8d48;}
span.colorbox_20_gothic	{background:#6d92a1; color:#fff; border:1px solid #6d92a1;}

/*======================================
				Colorbox 25
========================================*/
span.colorbox_25 {text-align:center !important; display:inline-block; background:#e9e9e9; line-height:11px; font-size:11px; /*padding:3px 7px 4px 6px;*/ padding:6px 7px 6px 7px; color:#333; border:1px solid #ddd; border-radius:1px; transition:all 0.2s; border-radius:3px;}
span.colorbox_25.bold {font-weight:bold;}

span.colorbox_25_color 		{background:#00a6b6; color:#fff; border:1px solid #008c99;}
span.colorbox_25_orange 	{background:#e37000; color:#fff; border:1px solid #ce6600;}
span.colorbox_25_green 		{background:#8ca51a; color:#fff; border:1px solid #748915;}
span.colorbox_25_blue 		{background:#0078b6; color:#fff; border:1px solid #0c6796;}
span.colorbox_25_cian 		{background:#4666af; color:#fff; border:1px solid #4666af;}
span.colorbox_25_deepcian 	{background:#007f8b; color:#fff; border:1px solid #006b75;}
span.colorbox_25_white 		{background:#ffffff; color:#333; border:1px solid #999999;}
span.colorbox_25_gray 		{background:#666666; color:#fff; border:1px solid #444444;}
span.colorbox_25_yellow 	{background:#efe6b5; color:#333 !important; border:1px solid #f7e35b;}

/*======================================
				Colorbox 30
========================================*/
span.colorbox_30 {text-align:center !important; display:inline-block; background:#e9e9e9; line-height:13px; font-size:13px; /*padding:7px 7px 8px 7px;*/ padding:7px 7px 8px 7px; color:#333; border:1px solid #ddd; border-radius:1px; transition:all 0.2s; border-radius:3px;}
span.colorbox_30.bold {font-weight:bold;}

span.colorbox_30_color 		{background:#00a6b6; color:#fff; border:1px solid #008c99;}
span.colorbox_30_orange 	{background:#e37000; color:#fff; border:1px solid #ce6600;}
span.colorbox_30_green 		{background:#8ca51a; color:#fff; border:1px solid #748915;}
span.colorbox_30_blue 		{background:#0078b6; color:#fff; border:1px solid #0c6796;}
span.colorbox_30_cian 		{background:#4666af; color:#fff; border:1px solid #4666af;}
span.colorbox_30_deepcian 	{background:#007f8b; color:#fff; border:1px solid #006b75;}
span.colorbox_30_white 		{background:#ffffff; color:#333; border:1px solid #999999;}
span.colorbox_30_gray 		{background:#666666; color:#fff; border:1px solid #444444;}
span.colorbox_30_yellow 	{background:#efe6b5; color:#333 !important; border:1px solid #f7e35b;}

/*======================================
				Colorbox 36
========================================*/
span.colorbox_36 {text-align:center !important; display:inline-block; background:#e9e9e9; line-height:13px; font-size:14px; padding:12px 14px; color:#333; border:1px solid #ddd; border-radius:1px; transition:all 0.2s; border-radius:3px;}
span.colorbox_36.bold {font-weight:bold;}

span.colorbox_36_color 		{background:#00a6b6; color:#fff; border:1px solid #008c99;}
span.colorbox_36_orange 	{background:#e37000; color:#fff; border:1px solid #ce6600;}
span.colorbox_36_green 		{background:#8ca51a; color:#fff; border:1px solid #748915;}
span.colorbox_36_blue 		{background:#0078b6; color:#fff; border:1px solid #0c6796;}
span.colorbox_36_lblue		{background:none; color:#257bca; border:1px solid #257bca;}
span.colorbox_36_cian 		{background:#4666af; color:#fff; border:1px solid #4666af;}
span.colorbox_36_deepcian 	{background:#007f8b; color:#fff; border:1px solid #006b75;}
span.colorbox_36_white 		{background:#ffffff; color:#333; border:1px solid #999999;}
span.colorbox_36_gray 		{background:#666666; color:#fff; border:1px solid #444444;}
span.colorbox_36_yellow 	{background:#efe6b5; color:#333 !important; border:1px solid #f7e35b;}
span.colorbox_36_naver		{background:none;border:1px solid #02ce39;}

/*============================================================================================================================
											링크없는 버튼 - outline
=============================================================================================================================*/
/*======================================
			Colorbox - outline
========================================*/
span.colorbox.outline {text-align:center !important; display:inline-block; background:#fff; line-height:13px; font-size:13px; padding:12px 15px 13px 15px; color:#333; border:1px solid #ddd; border-radius:1px; transition:all 0.2s;
font-family: "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif !important; box-sizing: content-box; border-radius:3px;}
span.colorbox.bold.outline {font-weight:bold;}

span.colorbox_color.outline 	{background:#fff; color:#333; border:1px solid #008c99;}
span.colorbox_orange.outline 	{background:#fff; color:#333; border:1px solid #ce6600;}
span.colorbox_green.outline 	{background:#fff; color:#333; border:1px solid #748915;}
span.colorbox_blue.outline 		{background:#fff; color:#333; border:1px solid #0c6796;}
span.colorbox_cian.outline 		{background:#fff; color:#333; border:1px solid #008c99;}
span.colorbox_deepcian.outline 	{background:#fff; color:#333; border:1px solid #006b75;}
span.colorbox_white.outline 	{background:#fff; color:#333; border:1px solid #999999;}
span.colorbox_gray.outline 		{background:#fff; color:#333; border:1px solid #444444;}
span.colorbox_yellow.outline 	{background:#fff; color:#333; border:1px solid #f7e35b;}

/*======================================
				Colorbox 20
========================================*/
span.colorbox_20.outline {margin:3px 0;text-align:center !important; display:inline-block; background:#fff; line-height:11px; font-size:11px; padding:4px; color:#333; border:1px solid #ddd; border-radius:1px; transition:all 0.2s; border-radius:3px;}
span.colorbox_20.bold.outline {font-weight:bold;}

span.colorbox_20_color.outline 		{background:#fff; color:#333; border:1px solid #008c99;}
span.colorbox_20_red.outline 		{background:#fff; color:#333; border:1px solid #ff0000;}
span.colorbox_20_orange.outline 	{background:#fff; color:#333; border:1px solid #ce6600;}
span.colorbox_20_green.outline 		{background:#fff; color:#333; border:1px solid #58830B;}
span.colorbox_20_blue.outline 		{background:#fff; color:#333; border:1px solid #0c6796;}
span.colorbox_20_cian.outline 		{background:#fff; color:#333; border:1px solid #008c99;}
span.colorbox_20_deepcian.outline 	{background:#fff; color:#333; border:1px solid #006b75;}
span.colorbox_20_white.outline 		{background:#fff; color:#333; border:1px solid #999999;}
span.colorbox_20_gray.outline 		{background:#fff; color:#333; border:1px solid #444444;}
span.colorbox_20_yellow.outline 	{background:#fff; color:#333; border:1px solid #f7e35b;}
span.colorbox_20_brown.outline		{background:#fff; color:#333; border:1px solid #b28850;}
span.colorbox_20_purple.outline 	{background:#fff; color:#333; border:1px solid #a300e7;}
span.colorbox_20_pink.outline 	{background:#fff; color:#333; border:1px solid #e2388c;}

/*======================================
				Colorbox 25
========================================*/
span.colorbox_25.outline {text-align:center !important; display:inline-block; background:#fff; line-height:11px; font-size:11px; /*padding:3px 7px 4px 6px;*/ padding:6px 7px; color:#333; border:1px solid #ddd; border-radius:1px; transition:all 0.2s; border-radius:3px;}
span.colorbox_25.bold.outline {font-weight:bold;}

span.colorbox_25_color.outline 		{background:#fff; color:#333; border:1px solid #008c99;}
span.colorbox_25_orange.outline 	{background:#fff; color:#333; border:1px solid #ce6600;}
span.colorbox_25_green.outline 		{background:#fff; color:#333; border:1px solid #748915;}
span.colorbox_25_blue.outline 		{background:#fff; color:#333; border:1px solid #0c6796;}
span.colorbox_25_cian.outline 		{background:#fff; color:#333; border:1px solid #008c99;}
span.colorbox_25_deepcian.outline 	{background:#fff; color:#333; border:1px solid #006b75;}
span.colorbox_25_white.outline 		{background:#fff; color:#333; border:1px solid #999999;}
span.colorbox_25_gray.outline 		{background:#fff; color:#333; border:1px solid #444444;}
span.colorbox_25_yellow.outline 	{background:#fff; color:#333; border:1px solid #f7e35b;}

/*======================================
				Colorbox 30
========================================*/
span.colorbox_30.outline {text-align:center !important; display:inline-block; background:#fff; line-height:13px; font-size:13px; /*padding:7px 7px 8px 7px;*/ padding:7px 7px 8px 7px; color:#333; border:1px solid #ddd; border-radius:1px; transition:all 0.2s; border-radius:3px;}
span.colorbox_30.bold.outline {font-weight:bold;}

span.colorbox_30_color.outline 		{background:#fff; color:#333; border:1px solid #008c99;}
span.colorbox_30_orange.outline 	{background:#fff; color:#333; border:1px solid #ce6600;}
span.colorbox_30_green.outline 		{background:#fff; color:#333; border:1px solid #748915;}
span.colorbox_30_blue.outline 		{background:#fff; color:#333; border:1px solid #0c6796;}
span.colorbox_30_cian.outline 		{background:#fff; color:#333; border:1px solid #008c99;}
span.colorbox_30_deepcian.outline 	{background:#fff; color:#333; border:1px solid #006b75;}
span.colorbox_30_white.outline 		{background:#fff; color:#333; border:1px solid #999999;}
span.colorbox_30_gray.outline 		{background:#fff; color:#333; border:1px solid #444444;}
span.colorbox_30_yellow.outline 	{background:#fff; color:#333; border:1px solid #f7e35b;}

/*======================================
				Colorbox 36
========================================*/
span.colorbox_36.outline {text-align:center !important; display:inline-block; background:#fff; line-height:13px; font-size:13px; padding:10px 13px 11px 13px; color:#333; border:1px solid #ddd; border-radius:1px; transition:all 0.2s; border-radius:3px;}
span.colorbox_36.bold.outline {font-weight:bold;}

span.colorbox_36_color.outline 		{background:#fff; color:#333; border:1px solid #008c99;}
span.colorbox_36_orange.outline 	{background:#fff; color:#333; border:1px solid #ce6600;}
span.colorbox_36_green.outline 		{background:#fff; color:#333; border:1px solid #748915;}
span.colorbox_36_blue.outline 		{background:#fff; color:#333; border:1px solid #0c6796;}
span.colorbox_36_cian.outline 		{background:#fff; color:#333; border:1px solid #008c99;}
span.colorbox_36_deepcian.outline 	{background:#fff; color:#333; border:1px solid #006b75;}
span.colorbox_36_white.outline 		{background:#fff; color:#333; border:1px solid #999999;}
span.colorbox_36_gray.outline 		{background:#fff; color:#333; border:1px solid #444444;}
span.colorbox_36_yellow.outline 	{background:#fff; color:#333; border:1px solid #f7e35b;}

/*======================================
				아이콘 버튼
========================================*/
ul.button_icon {overflow:hidden; float:left; padding:8px 0 7px 10px;}
ul.button_icon li {list-style:none; display:inline-block; text-indent:-9999px;}
ul.button_icon li a {display:block; width:34px; height:34px; color:#333;}

ul.button_icon li.img 	a 		{background: #e9e9e9 url('images/etc/button_icon_img_off.png') 9px center no-repeat; background-size:15px 15px; transition:all 0.2s;}
ul.button_icon li.img 	a:hover, ul.button_icon li.img.on a	{color:#fff; background: #00a6b6 url('images/etc/button_icon_img_on.png') 9px center no-repeat; background-size:15px 15px;}

ul.button_icon li.list 	a 		{background: #e9e9e9 url('images/etc/button_icon_list_off.png') 9px center no-repeat; background-size:15px 15px; transition:all 0.2s;}
ul.button_icon li.list 	a:hover, ul.button_icon li.list.on a {color:#fff; background: #00a6b6 url('images/etc/button_icon_list_on.png') 9px center no-repeat; background-size:15px 15px;}

/*======================================
			Basic Setting
========================================*/
/* Common */
hr, .view-tablet, .view-tablet-only, .view-browser, .view-browser-in, .col-tablet, .col-browser, .ie8_only {display:none;}
.view-mobile, .view-notbrowser {display:block;}
.col-mobile	{display:table-cell;}

.basic_big_title {display:block; font-weight:bold; color:#333; font-size:22px; margin:40px 0 0 0; background: url('/contents/page/image/kids_business/business_title_bg.jpg') no-repeat left 9px; padding:5px 15px 5px 13px;}
.circle_title {background:url('images/common/icon/ico_circle.png') no-repeat left top; padding-left:18px; line-height:14px; color:#675441; font-size:14px; font-weight:bold !important;}
.lec_title {margin-left:10px; padding:0 0 0 13px; font-size:18px; line-height:18px; font-weight:bold; background: url('/contents/page/image/support/support_bullet.gif') no-repeat 3px 0;}
.lec_title_01 {background: url('/contents/page/image/support/support_bullet_01.gif') no-repeat 3px 0;}
.lec_title_02 {background: url('/contents/page/image/support/support_bullet_02.gif') no-repeat 3px 0;}
.lec_title_03 {background: url('/contents/page/image/support/support_bullet_03.gif') no-repeat 3px 0;}
.lec_title_04 {background: url('/contents/page/image/support/support_bullet_04.gif') no-repeat 3px 0;}
.lec_title_05 {background: url('/contents/page/image/support/support_bullet_05.gif') no-repeat 3px 0;}
.basic_title {margin-left:0; padding:0 0 0 13px; font-size:18px; line-height:18px; font-weight:bold; background: url('/contents/page/image/support/support_bullet.gif') no-repeat left 3px;}
.basic_title13 {margin-left:0; padding:0 0 0 22px; font-size:13px; line-height:18px; font-weight:bold; background: url('images/common/icon/icon_title.png') no-repeat left 5px;}
.uniedu_title {margin-left:10px; padding:0 0 0 22px; font-size:18px; line-height:18px; font-weight:bold; background: url('../uniedu/images/common/icon/icon_title.png') no-repeat left 3px;}
.unilms_title {margin-left:10px; padding:0 0 0 22px; font-size:18px; line-height:18px; font-weight:bold; background: url('../unilms/images/common/icon/icon_title.png') no-repeat left 3px;}
.unikids_title {margin-left:10px; padding:0 0 0 22px; font-size:18px; line-height:18px; font-weight:bold; background: url('../unikids/images/common/icon/icon_title.png') no-repeat left 3px;}
.unieng_title {margin-left:10px; padding:0 0 0 22px; font-size:18px; line-height:18px; font-weight:bold; background: url('../unieng/images/common/icon/icon_title.png') no-repeat left 3px;}
.uniweek_title {margin-left:10px; padding:0 0 0 13px; font-size:18px; line-height:18px; font-weight:bold; background: url('/contents/page/image/support/support_bullet.gif') 3px 50% no-repeat;}
.board_box {padding:7px 8px 8px 8px; border:1px solid #d9d9d9; border-radius:5px; font-size:16px; line-height:16px; display:block; background:#fff;}
.board_box_big {padding:9px 10px 10px 10px; border:1px solid #d9d9d9; border-radius:5px; font-size:22px; line-height:22px; font-weight:bold; display:block; background:#fff;}
ul.mobile_list {padding:0; margin:0;}
ul.mobile_list li {margin:3px 0 3px 5px; display:inline-block; min-width:170px; list-style:none; padding:0 0 0 10px; background: url('images/common/icon/bullet.png') no-repeat left 5px;}

/*======================================
			태블릿용 CSS
========================================*/
@media all and (min-width:768px){
	.view-mobile, .view-browser, .view-browser-in, .col-mobile, .col-browser {display:none;}
	.view-tablet, .view-tablet-only, .view-notbrowser {display:block;}
	.col-tablet	{display:table-cell;}

	/*======================================
				아이콘 버튼
	========================================*/
	ul.button_icon li {text-indent:0;}
	ul.button_icon li a {display:block; width:auto; height:34px;  padding:0 10px 0 30px; font-size:13px; line-height:34px;}

	.input_300 {width:300px;}
	.input_400 {width:400px;}
	.input_500 {width:500px;}

	.button_submit a, .button_submit button {width:auto;padding:43px 40px;}
}

/*======================================
			PC용 CSS
========================================*/
@media all and (min-width:1024px){
	.view-mobile, .view-tablet-only, .view-notbrowser, .col-mobile {display:none;}
	.view-tablet, .view-browser	{display:block;}
	.view-browser-in {display:inline-block;}
	.col-tablet, .col-browser {display:table-cell;}

	.lec_title, .basic_title, .uniedu_title, .unilms_title, .unikids_title, .unieng_title, .uniweek_title .basic_big_title {margin-left:0;}

	/*======================================
					아이콘 버튼
	========================================*/
	ul.button_icon {padding:8px 0 7px 0;}
}

/*============================================================================================================================
													Layout 설정
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/
#wrap{width:100%;position:absolute;top:0;}
#wrap section {box-sizing:border-box;}

/* 상단 사이트 버튼 */
.site_section_area {width:100%;position:relative;top:0;z-index:101;background:#fff;}
.site_section_area.en {width:100%;position:relative;top:0;z-index:101;background:#364c86;display: none;}
.site_section {width: 100%; height: auto; font-size: 13px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.site_section ul.site_list_top {margin:0; padding:0;}
.site_section ul.site_list_top li {display:inline-block; width:50%; height:35px; border-right:1px solid #fff; background:#e0e5ee; text-align:center; box-sizing:border-box; list-style:none; position:relative;}
.site_section ul.site_list_top li:last-child {border-right:none;}
.site_section ul.site_list_top li a {display:block; height:35px; line-height:33px; font-weight:bold; color:#777; font-size:14px;}
.site_section ul.site_list_top li a span {width:10px; height:6px; display:none; position:absolute; right:49%; right:calc(50% - 9px); z-index:2000; bottom:-9px; margin-left:9px; text-indent:-9999px; background:url('/contents/page/image/main/uniedu/2018/site_section_bottomArrow.png') no-repeat 0 0; }
.site_section ul.site_list_top li a img {display:none;}
.site_section ul.site_list_top li a:hover, .site_section .site_list_top li.on a {background:#fff; color:#364c86;}

.site_section ul.site_add_btn {width:100%; height:35px; text-align:right;background:#364c86;}
.site_section ul.site_add_btn li {display:inline-block; border-right:1px solid #fff; width:auto; margin-top:8px; padding:0 15px; text-align:center; list-style:none;}
/* .site_section ul.site_add_btn li:first-child {display:none;} */
.site_section ul.site_add_btn li:last-child {border-right:none;}
.site_section ul.site_add_btn li:last-child {border-right:none;}
.site_section ul.site_add_btn li a {color:#fff; font-size:13px;}

.site_section_area.en {display: inline;}
/* .en_site .site_section ul.site_add_btn li:first-child {display: none;} */

/* 상단 기능 영역 */
.site_util_area {width:100%;position:relative; z-index:98;display:none;}

ul.site_util {overflow:hidden; position:absolute; right:0; top:8px; font-size:14px; padding:0; margin:0; height:40px;}
ul.site_util li {float:left; padding:0 10px 0 7px; text-align:center; list-style:none; background:url('/res/theme/uni/images/common/util_line.gif') right center no-repeat;}
ul.site_util li:last-child {background:none;padding-right:0;}
ul.site_util li a {display:block; height:22px; line-height:22px; color:#555; font-weight:bold;}
ul.site_util li a:hover {color:#257bca;}
ul.site_util:nth-child(2) {display:none;}

body.en_site .site_util_area {display:none;}

/* 헤더 영역 */
.header {position:relative; width:100%; height:60px;padding-bottom:60px; background: #ebebeb url('/res/theme/uni/images/common/header_bg_mobile.png') left top repeat-x; border-bottom:1px solid #d9d9d9;padding-top:0;}
.header.xnavi {border-bottom:3px solid #0078b6;}

/* 로고테마 추가-160223 */
.header_area img.logo_theme {display:none;}
.header h1.logo {position:absolute; left:5px; top:4px;}
.header h1.logo img {width:150px;height:auto;}
.header h2.logo2 {position:absolute; left:5px; top:4px;display:none;}

body.en_site .header h1.logo {position:absolute; left:5px; top:5px;}
body.en_site .header h1.logo img {width:240px; height:50px;}
.header .emblem {display:none;}

.header ul.util_m {position:relative; float:right; overflow:hidden;}
.header ul.util_m li {list-style:none; float:left; text-indent:-9999px;}
.header ul.util_m li a {display:block; width:59px; height:60px; border-left:1px solid #d9d9d9;}
.header ul.util_m li.util_m_total a {background:#fff url('/res/theme/uni/images/menu/util_m_menu.png') center center no-repeat; background-size:28px 27px;}
.header ul.util_m li.util_m_total a:hover {background:#364c86 url('/contents/page/image/add_2018/header/util_m_menu_w.png') center center no-repeat; background-size:28px 27px;}

/* 영문 */
body.en_site .site_util_area .site_util, body.en_site .site_list_top, body.en_site .site_util_area_admin ul:nth-child(2).site_util {display:none;}
.en_textsize_btn {display:none;}
body.en_site h1.f_logo {display:none; width:180px; height:44px; position:absolute; left:10px; top:15px;}
body.en_site h1.f_logo img {width:180px; height:44px;}
body.en_site .open_logo, body.en_site .footer_youtube, body.en_site .footer_blog, body.en_site .footer_instagram, body.en_site .footer_twitter {display:none;}
body.en_site  .footer_area .footer_facebook {display:none; width:80px; height:26px; position:absolute; right:12px; top:18px;}
body.en_site  .footer_area .footer_facebook img {width:80px; height:26px;}

.en_icon{display: none;}



/* 통합검색 */
.search_layer {position:relative; width:96%; top:70px; left:2%; height:44px; padding:0; z-index:99;}
.search_layerin {width:100%; height:44px; position:relative;}
.search_layerin .search_cont {position:relative; border:2px solid #364c86;background:#fff; box-sizing:border-box;}
.search_layerin .search_cont select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/contents/page/image/add_2018/header/select-arrow.png') no-repeat 95% 49%;}
.search_layerin .search_cont select::-ms-expand {display: none;}
.search_layerin .search_cont .input_select {width:30%; height:18px; padding:0 0 0 2px; margin-left:3px; border:none; vertical-align:middle; text-indent:8px;}
.search_layerin .search_cont .search_txt_input {width:calc(68% - 60px); padding-left:5px; padding-right:0; margin:0; height:39px; vertical-align:middle; font-size:14px; color:#333; border:none; box-sizing:border-box;}
.search_layerin .search_cont .input_img_area {width:40px; height:40px; text-align:center; background:#364c86; position:absolute; top:0; right:0;cursor:pointer;}
.search_layerin .search_cont .input_img_area img {padding:7px; filter: brightness(10);}

body.en_site .search_layerin .search_cont {border:2px solid #4069d0;}
body.en_site .search_layerin .search_cont .input_img_area {background:none;}
body.en_site .search_layerin .search_cont .input_img_area img {padding:7px; filter: brightness(1);}
body.en_site .search_cont {border-radius: 20px; }
/* 검색어 자동완성 화살표 버튼 */
.search_layerin .search_cont a img{vertical-align:middle;}

/* 검색어 자동완성 결과 영역 */
.highlighting {color:#0078b1 !important;}
.autocomplete_area {display:none; z-index:10000; border-top:1px solid #d9d9d9; background:#fff; border-radius: 0 0 20px 20px;}
.autocomplete_area ul.autocomplete_result {overflow:hidden;}
.autocomplete_area ul.autocomplete_result li {list-style:none; font-size:13px; color:#333; padding:15px 10px; border-bottom:1px dashed #d9d9d9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.autocomplete_area ul.autocomplete_result li:last-child {border-bottom:1px solid #c8c8c8;}
.autocomplete_area ul.autocomplete_result li a:hover {text-decoration:underline;}
.autocomplete_area .autocomplete_util {background:#ebebeb; height:40px;}
.autocomplete_area .autocomplete_util p {color:#333; font-size:13px; line-height:40px; text-align:right; padding-right:10px;}
.autocomplete_area .autocomplete_util p a:hover {text-decoration:underline;}

/* 통합검색 닫기 버튼 (150730-기능 없앰)*/
.search_layerin .btn_close_area {display:none; position:absolute; right:92px; top:-45px; z-index:70; text-indent:-9999px; height:45px;}
.search_layerin .btn_close_area a {display:block; width:45px; height:45px; background:#477e9b url('/res/theme/uni/images/menu/gnb_close.png') center center no-repeat; background-size:16px 16px;}

.nav_area {position:relative;top:-60px;z-index:99;}
#nav {display:none; width:100%; height:auto; padding:0; overflow:hidden;}

/* 네비게이션 */
#nav .gnb_close {z-index:70; text-indent:-9999px; height:60px;}
#nav .gnb_close a {display:block; float:right; position:relative;right:0; width:60px; height:60px; background:#364c86 url('/res/theme/uni/images/menu/gnb_close.png') center center no-repeat; background-size:27px 27px;}
#nav .gnb {background:#fff; width:100%; height:auto; word-break:keep-all;}
#nav .gnb li {box-sizing:border-box;}
#nav .gnb li.m_menu_close div {text-align:center; padding:20px 0; border-top:3px solid #999; border-bottom:3px solid #999; background:#d9d9d9;}
#nav .gnb li img {width:12px; height:10px; padding:2px 0 0 5px;}
#nav .gnb .depth_01 {float: none; clear: both;border-bottom:1px solid #d9d9d9;}
#nav .gnb .depth_01 a {display:block; width:100%; padding:16px 0; color:#fff; text-indent:12px; font-weight:bold; box-sizing:border-box;}
#nav .gnb .depth_01 a.depth_01_tit {background:#4666af;}
#nav .gnb .depth_01 .gnb_dropdown li {border-bottom:1px solid #d9d9d9;}
#nav .gnb .depth_01 ul .depth_02 {float:left; width:100%;}
#nav .gnb .depth_01 ul .depth_02 a {padding:16px 0;background:#fff; color:#333; font-weight:bold; font-size:15px;}
#nav .gnb .depth_01 ul .depth_02 a:hover {color:#364c86; background:#f3f7ff url('/contents/page/image/add_2018/header/nav_arrow_r.png') no-repeat 92% 50% !important;}
#nav .gnb .depth_01 ul .depth_02_add {float:left; width:100%;}
#nav .gnb .depth_01 ul .depth_02_add a {padding:16px 0; background:#fff; color:#333; font-size:15px;}
#nav .gnb .depth_01 ul .depth_02_add a:hover {color:#364c86; background:#f3f7ff;}
#nav .gnb .depth_01 ul .depth_02_add ul {width:100%;border-top:1px solid #d9d9d9;}
#nav .gnb .depth_01 ul .depth_03 {float:left; width:100%; border-bottom:0;}
#nav .gnb .depth_01 ul .depth_03 a {padding:13px 0; font-size:13px; font-weight:normal; color:#333; text-indent:15px; background:#fff;}
#nav .gnb .depth_01 ul .depth_03 a:before {content:"ㆍ";font-weight:bold;color:#888;}
#nav .gnb .depth_01 ul .depth_03 a:hover {background:#f3f7ff url('/contents/page/image/add_2018/header/nav_arrow_r.png') no-repeat 92% 50% !important;}

#nav .gnb .depth_01 ul .blank_site span, #nav .gnb .depth_01 ul .depth_02 ul .blank_site span {display:inline-block; position:relative; left:5px; top:0; width:12px; height:10px; background: url('/res/theme/uni/images/menu/blank_site.png') right center no-repeat; background-size:100% 100%;}

.top_sns_link {display:none;}
ul.textsize_btn {display:none;}

/* Location */
.location_section{width:100%;font-size:14px;font-size:13px;}
.location_section span{display:block;padding-right:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/* 공통 */
#location_1, #location_2, #location_3 {width:33.33%;float:left;}
#location_4 {width:100%;float:left;}
.location_right_arrow {display:none;}
.location_dropdown_1, .location_dropdown_2, .location_dropdown_3, .location_dropdown_4 {
	/* Size & position */z-index:30; position: relative; width: 100%; padding: 13px 15px; box-sizing:border-box;margin-bottom:10px;
	/* Styles */cursor: pointer; outline: none; color:#fff; background:#0078b6;
				-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.location_dropdown_1:after, .location_dropdown_2:after, .location_dropdown_3:after, .location_dropdown_4:after {content:"";position:absolute;top:50%;right:14px;border-width: 5px 5px 0 5px; border-style: solid; border-color:#555 transparent;}
.location_dropdown_1 .dropdown, .location_dropdown_2 .dropdown, .location_dropdown_3 .dropdown, .location_dropdown_4 .dropdown {
	/* Size & position */position: absolute; top: 100%; left: 0; right: 0;
	/* Styles */list-style: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
	/* Hiding */max-height: 0; overflow: hidden;}
.location_dropdown_1 .dropdown li, .location_dropdown_2 .dropdown li, .location_dropdown_3 .dropdown li, .location_dropdown_4 .dropdown li {
background:#a5a5a5; border-bottom:1px solid #d9d9d9; box-sizing:border-box; width:100%; float:left; list-style:none;}
.location_dropdown_1 .dropdown li a, .location_dropdown_2 .dropdown li a, .location_dropdown_3 .dropdown li a, .location_dropdown_4 .dropdown li a {display: block; text-decoration: none; color: #fff; padding: 12px 18px 8px; transition: all 0.2s ease-out; line-height:18px;text-align:center;}
.location_dropdown_4 {text-align:center;}
.location_dropdown_1 .dropdown li:last-of-type a, .location_dropdown_2 .dropdown li:last-of-type a, .location_dropdown_3 .dropdown li:last-of-type a, .location_dropdown_4 .dropdown li:last-of-type a {border: none;}

/* Hover state */
.location_dropdown_1 .dropdown li:hover a, .location_dropdown_2 .dropdown li:hover a, .location_dropdown_3 .dropdown li:hover a, .location_dropdown_4 .dropdown li:hover a {background:#666;}

/* Active state */
.location_dropdown_1.active, .location_dropdown_2.active, .location_dropdown_3.active, .location_dropdown_4.active {background: #4cbeff; box-shadow: none; border-bottom: none; color: white;}
.location_dropdown_1.active:after, .location_dropdown_2.active:after, .location_dropdown_3.active:after, .location_dropdown_4.active:after {border-width:0 6px 6px 6px;}/* Little arrow */
.location_dropdown_1.active .dropdown, .location_dropdown_2.active .dropdown, .location_dropdown_3.active .dropdown, .location_dropdown_4.active .dropdown {width:100%;max-height: 1000px;}

/* 1 depth */
.location_dropdown_1 .btn_location_home {position:absolute; left:0; top:0; width:44px; height:44px; text-indent:-9999px; }
.location_dropdown_1 .btn_location_home a{display:block; width:100%; height:100%;}

/* 2 depth */
.location_dropdown_2 {z-index:20;background:#fff;color:#666; box-shadow: 0 1px 0 rgba(0,0,0,0.2);border-right:1px solid #d9d9d9;}
.location_dropdown_2 .dropdown li {background:#fff;}
.location_dropdown_2 .dropdown li a {color: #666;}
.location_dropdown_2 .dropdown li:hover a {background:#d9d9d9;}
.location_dropdown_2.active:after {border-style: solid; border-color: #fff transparent;}/* Little arrow */

/* 3 depth */
.location_dropdown_3 {z-index:20;background:#fff;color:#666; box-shadow: 0 1px 0 rgba(0,0,0,0.2);}
.location_dropdown_3 .dropdown li {background:#fff;}
.location_dropdown_3 .dropdown li a {color: #666;}
.location_dropdown_3 .dropdown li:hover a {background:#d9d9d9;}
.location_dropdown_3.active:after {border-style: solid; border-color: #fff transparent;}/* Little arrow */

/* 4 depth */
.location_dropdown_4 {z-index:10; background: #fff; border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; color:#666;width:95%;}
.location_dropdown_4:after {border-color: #666 transparent;}
.location_dropdown_4 .dropdown li {background:#fff; border-left:1px solid #d9d9d9;}
.location_dropdown_4 .dropdown li a {color: #666;}
.location_dropdown_4 .dropdown li:hover a {background:#d9d9d9;}
.location_dropdown_4 .dropdown li:nth-child(odd) {border-left:1px solid #d9d9d9;}
.location_dropdown_4.active {border-bottom:1px solid #d9d9d9;}
.location_dropdown_4.active:after {border-style: solid; border-color: #fff transparent;}/* Little arrow */


/* 긴급공지 */
.emergency_notice_area {width:100%; background:#f8f8f8; padding:3px 0;}
.sub_emergency_notice_area {background:none;}
.emergency_notice {border:1px solid #edc967; border-radius:5px; background-color:#f9edb8; width:98%; margin:3px auto; padding:5px 10px 7px 10px; font-size:13px; line-height:18px;letter-spacing:0;box-sizing:border-box;}
.content_area_emergency {background:none;clear:both;}
body.en_site .emergency_notice_area {display:none;}

/* 콘텐츠 영역 CSS */
#content_section, #rmenu_section {width:96%;margin:0 auto;overflow:hidden; padding-bottom:50px;}
body.body_search.en_site #content_section {padding-bottom:0;}
#content_section .title_area, #rmenu_section .title_area{position:relative; width:100%; overflow:hidden; margin-bottom:0;}
#content_section .title_area .title, #rmenu_section .title_area .title {padding:20px 0 16px 12px; font-size:30px; font-weight:bold;}
#content_section .title_area .title_info, #rmenu_section .title_area .title_info, .page_info_area p {font-size:15px;color:#666;word-break:keep-all;}

.sns_copy_btn {width:100%;height:43px;list-style:none;padding:12px 4% 12px 72%;background:#e8e8e8;box-sizing:border-box;}
.sns_copy_btn ul {list-style:none;float:right;}
.sns_copy_btn li {width:16px;margin-right:20px;float:left;}
.sns_copy_btn li:nth-child(2) {margin-right:0;}
.sns_copy_btn li:nth-child(3) {display:none;}

.title_area_add {position:relative;}
.title_area_add div.publish_info_01 {padding-top:120px; background: url('/res/theme/uni/images/etc/title_area_add/icon_data_publish.png') center top no-repeat;}
.title_area_add div.publish_info_01 p {font-size:13px; color:#666; line-height:20px; padding:0 20px; text-align:center;}
.title_area_add div.publish_info_01 p:first-child {font-size:18px; color:#333; line-height:24px; margin-bottom:10px;}

.title_area_add ul.publish_info_02 {width:100%; margin:0 auto 0 auto; padding:15px; background:#fff; border:4px solid #e6e6e6; box-sizing:border-box;}
.title_area_add ul.publish_info_02 li {list-style:none; font-size:15px; color:#333; font-weight:bold; line-height:1.6;}
.title_area_add ul.publish_info_02 li ul {padding:0; margin:0;}
.title_area_add ul.publish_info_02 li ul li {padding-left:13px; background:url('/res/theme/uni/images/common/icon/bullet_2x2.jpg') no-repeat 5px 8px;  color:#555; font-weight:normal; box-sizing:border-box;}
.title_area_add ul.publish_info_02 li ul li select {display:block; width:98%; height:30px; line-height:30px; margin:5px 0; padding:0 0 0 5px; box-sizing:border-box;}

.title_area_add .publish_info_03 {width:96%; margin:0 auto; border:2px solid #779cb3; box-sizing:border-box;}
.title_area_add .publish_info_03 .top_area {padding:19px 25px 17px 25px; background:#fff9e1; border-bottom:1px solid #779cb3; box-sizing:border-box;}
.title_area_add .publish_info_03 .top_area h4.subject {font-size:18px; font-weight:bold; color:#333;}
.title_area_add .publish_info_03 .top_area p {font-size:14px; color:#555; margin-top:10px;}
.title_area_add .publish_info_03 ul {padding:20px;}
.title_area_add .publish_info_03 ul li {margin-bottom:5px; padding-left:10px; list-style:none; font-size:14px; line-height:18px; color:#666; background:url('/res/theme/uni/images/common/icon/bullet_3x3.png') no-repeat 0 8px;}

.title_area_add .publish_info_04 {width:96%; margin:10px auto; padding:20px; border:2px solid #d9d9d9; background:#f0f0f0; box-sizing:border-box;}
.title_area_add .publish_info_04 h4.subject {font-size:18px; font-weight:bold; color:#333;}
.title_area_add .publish_info_04 ul {margin-top:13px;}
.title_area_add .publish_info_04 ul li {margin-bottom:5px; padding-left:10px; list-style:none; font-size:14px; line-height:18px; color:#666; background:url('/res/theme/uni/images/common/icon/bullet_3x3.png') no-repeat 0 8px;}
.title_area_add .publish_info_04 ul li strong {color:#444;}

.title_area_add .publish_info_05 {width:96%; margin:0 auto; padding:15px 20px 10px 20px; background:#4664bc; box-sizing:border-box;}
.title_area_add .publish_info_05 h4.subject {font-size:18px; font-weight:bold; color:#fff;}
.title_area_add .publish_info_05 ul {margin-top:13px;}
.title_area_add .publish_info_05 ul li {margin-bottom:5px; padding-left:10px; list-style:none; font-size:14px; line-height:18px; color:#fff; background:url('/res/theme/uni/images/common/icon/bullet_3x3_w.png') no-repeat 0 8px;}

/* 퀵메뉴 영역 */
.aside {display:none;}

/* 통일교육주간 하단 링크 */
.uew_sns_area {width:100%; background:#7accc8; margin:15px auto -50px auto; padding:15px; box-sizing:border-box; overflow:hidden;}
.uew_sns_area ul.uew_link {margin:0; padding:0; text-align:left;}
.uew_sns_area ul.uew_link li {list-style:none; display:inline-block; margin-right:7px; margin-bottom:7px;}
.uew_sns_area ul.uew_link li:last-child {margin-right:0;}
.uew_sns_area ul.uew_sns {margin:0; padding:0; text-align:right;}
.uew_sns_area ul.uew_sns li {list-style:none; display:inline-block; margin-left:7px;}
.uew_sns_area ul.uew_sns li:first-child {margin-left:0;}

/* 하단배너 CSS */
.banner {display:none;}

/* 푸터 영역 CSS */
.footer{width:100%;height:auto;float:left; background:#f5f5f5; margin-top:0;border-top:1px solid #d9d9d9;}
.footer_area {position:relative;}
	h1.f_logo {display:none;}
	ul.f_mobile_btn {padding:20px 0 15px 0; text-align:center;}
	ul.f_mobile_btn li {display:inline-block; border:1px solid #b7b7b7; margin-right:4px; background:#fff; vertical-align:middle; border-radius:5px; list-style:none;}
	ul.f_mobile_btn li a {display:block; padding:8px 10px;}
	ul.f_mobile_btn li a img {vertical-align:middle;}
	ul.f_mobile_btn li:last-child {margin-right:0;}
	.en_site ul.f_mobile_btn li:last-child a {color:#3b5997;font-weight:bold;}

	ul.f_sns_btn {width:156px;height:38px;margin:10px auto 20px;list-style:none;}
	ul.f_sns_btn li {width:36px;height:36px;margin-right:4px;background:#fff;border:1px solid #b7b7b7;border-radius:36px;text-align:center;float:left;box-sizing:border-box;}
	ul.f_sns_btn li:last-child {margin-right:0;}
	ul.f_sns_btn li a {display:block;width:100%;height:100%;}
	ul.f_sns_btn li a img {position:relative;top:10px;margin-left:1px;}
	ul.f_sns_btn li:nth-child(3) a img {width:16px;height:16px;top:9px;}
	.en_site ul.f_sns_btn {display:none;}

	ul.f_link {text-align:center; padding-bottom:10px;}
	ul.f_link li {display:inline-block; padding:0 7px 0 5px; font-size:13px; border-right:1px solid #b5b4b4;}
	ul.f_link li:nth-child(2), ul.f_link li:nth-child(5), ul.f_link li:nth-child(6), ul.f_link li:nth-child(7), ul.f_link li:nth-child(8), ul.f_link li:nth-child(9) {display:none;}
	ul.f_link li:nth-child(3) a {color:#0d85e7;font-weight:bold;}
	ul.f_link li:nth-child(4) {border-right:none;}
	.en_site ul.f_link li:nth-child(3) {border-right:none;}
	.en_site ul.f_link li:nth-child(4) {display:none;}
	.en_site ul.f_link li:nth-child(1) a {color:#0d85e7;font-weight:bold;}
	.en_site ul.f_link li:nth-child(3) a {color:#333;font-weight:normal;}

	p.address, p.copyright {font-size:13px; color:#666; text-align:center;}
	p.address span {display:none;}
	p.copyright {padding:7px 0 20px;}
	p.open_logo {display:none;}
	p.footer_facebook {display:none;}
	p.footer_youtube {display:none;}
	p.footer_instagram {display:none;}
	p.footer_twitter {display:none;}

/* 기본 CSS */
.back-to-top {position: fixed;z-index:1999; bottom: 1em; right: 1em; display: none; padding:15px 25px; text-indent:-9999px; background: url('/res/theme/uni/images/common/top_btn.png') left top no-repeat; background-size:100% 100%;}
.back-to-top:hover {background: url('/res/theme/uni/images/common/top_btn_hover.png') left top no-repeat; background-size:100% 100%;}
.orange_f {color:#e65c00;text-decoration:underline;}
.green_f {color:#639630;text-decoration:underline;}

.cyber_topimg {}
.cyber_topimg img{width:100%;height:100%;}

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){
.RadioCheckbox p:last-child {margin:0;}
#content_section, #rmenu_section {min-height:822px;}

/* 상단 사이트 버튼 */
.site_section ul.site_list_top {float:left; width:60%; width:calc(100% - 304px);}
.site_section ul.site_add_btn  {display:none;}
/* .site_section ul.site_add_btn  {float:right; width:304px;text-align:center;border-radius:0 0 5px 5px;} */
.site_section ul.site_add_btn li:first-child {display:inline-block;}

body.en_site .site_section ul.site_list_top {float:left; width:60%; width:calc(100% - 345px);}
body.en_site .site_section ul.site_add_btn  {width:100%; height:35px; text-align:right;background:#364c86;}
body.en_site .site_section ul.site_add_btn li:first-child {padding-left:0;}


ul.en_textsize_btn {display:none;}

/* 헤더 영역 */
.header {background:#fff; padding-bottom:0;}
.header h1.logo {left:10px;}
body.en_site .header h1.logo {left:10px;}
.header .emblem {display:none;}

/* 통합검색 영역 */
.search_layer{width:420px;top:8px;left:50%;margin-left:-150px;}
.search_layerin .search_cont{margin:0; right:0;}
.search_layerin .search_cont .input_select {width:100px;}
.search_layerin .search_cont .search_txt_input {width:250px;}
.btn_close_area{display:none;}

.en_site .search_layer{width:360px; left:58%;}
.en_site .search_layer .search_layerin .search_cont .search_txt_input {width:200px;}

#nav {top:-60px;}
#nav .gnb .depth_01 a {padding:13px 0;}
#nav .gnb .depth_01 ul .depth_02 a {padding:13px 0;}
#nav .gnb .depth_01 ul .depth_02_add a {padding:13px 0;}
#nav .gnb .depth_01 ul .depth_03 {width:25%;}
#nav .gnb .depth_01 ul .depth_03 a {padding:13px 0;}
.nav_area {z-index:98;}

/* Location */
.location_section {width:100%; height:40px; padding:0;background:#f8f8f8;border-bottom:1px solid #d9d9d9;}
.location_section_area {margin:0 auto; position:relative; width:auto;}
.sns_copy_btn {width:92px;float:right;margin-top:12px;padding:0;background:none;visibility:visible;}
.sns_copy_btn li {float:left;}
.sns_copy_btn li:nth-child(2) {margin-right:20px;}
.sns_copy_btn li:nth-child(3) {display:block;margin-right:0;}

/* 공통 */
#location_1, #location_2, #location_3, #location_4 {width:180px;}
.location_right_arrow {display:inline-block; vertical-align:middle;}
.location_right_arrow:last-child {display:none;}
.location_dropdown_1, .location_dropdown_2, .location_dropdown_3, .location_dropdown_4 {display:inline-block; text-align:left; width:auto; height:40px; background:none;padding:0 30px 0 20px;line-height:40px;color:#666;border-right:1px solid #d9d9d9;}
.location_dropdown_1 .dropdown li, .location_dropdown_2 .dropdown li, .location_dropdown_3 .dropdown li, .location_dropdown_4 .dropdown li {background:#fff; border:1px solid #d9d9d9; border-bottom:none; width:auto; float:none;}
.location_dropdown_1 .dropdown li:last-child, .location_dropdown_2 .dropdown li:last-child, .location_dropdown_3 .dropdown li:last-child, .location_dropdown_4 .dropdown li:last-child {border-bottom:1px solid #d9d9d9;}
.location_dropdown_1 .dropdown li a, .location_dropdown_2 .dropdown li a, .location_dropdown_3 .dropdown li a, .location_dropdown_4 .dropdown li a {color:#555;text-align:left;}
/* Hover state */
.location_dropdown_1 .dropdown li:hover a, .location_dropdown_2 .dropdown li:hover a, .location_dropdown_3 .dropdown li:hover a, .location_dropdown_4 .dropdown li:hover a {background:#f3f7ff; color:#364c86;}

/* Active state */
.location_dropdown_1.active, .location_dropdown_2.active, .location_dropdown_3.active, .location_dropdown_4.active {background:#fff; color:#364c86;}
.location_dropdown_1.active:after, .location_dropdown_2.active:after, .location_dropdown_3.active:after, .location_dropdown_4.active:after {border-width:0 5px 5px 5px;}/* Little arrow */

/* dropdown 영역 */
/* 1 depth */
.location_dropdown_1 {margin-left:40px;}
.location_dropdown_1 .btn_location_home {left:-41px; width:40px; height:40px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.location_dropdown_1 .btn_location_home a {background:url('/contents/page/image/add_2018/header/location_home.png') 50% 50% no-repeat;}

/* 2 depth */
.location_dropdown_2 {box-shadow: none;background:none;}
.location_dropdown_2.active:after {border-color: #555 transparent;}/* Little arrow */

/* 3 depth */
.location_dropdown_3 {box-shadow: none;background:none;}
.location_dropdown_3.active:after {border-color: #555 transparent;}/* Little arrow */

/* 4 depth */
.location_dropdown_4 {margin:0; width:auto; border-left:none; border-top:none; border-bottom:none;}
.location_dropdown_4:after { border-width: 5px 5px 0 5px; border-style: solid; border-color: #555 transparent;}
.location_dropdown_4.active {border-bottom:none;}
.location_dropdown_4.active:after {border-color: #555 transparent;}/* Little arrow */

/* 콘텐츠 영역 CSS */
#content_section .title_area, #rmenu_section .title_area {border-top:none; min-height:70px;}
#content_section .title_area .title, #rmenu_section .title_area .title {padding:7px 0 16px 0;display:inline-block;}
#content_section .title_area .title_info, #rmenu_section .title_area .title_info {padding:0 0 8px 0; width:60%; font-size:15px; line-height:1.4;}

.title_area_add div.publish_info_01 {width:60%; margin:0 auto; padding:0 0 0 130px; background: url('/res/theme/uni/images/etc/title_area_add/icon_data_publish.png') left center no-repeat;}
.title_area_add div.publish_info_01 p {text-align:left;}
.title_area_add ul.publish_info_02 {margin:0 auto;  padding:15px 15px 15px 70px; background: #fff url('/res/theme/uni/images/etc/title_area_add/icon_data_publish_info.png') 20px 20px no-repeat}
.title_area_add ul.publish_info_02 li ul li select {display:inline-block; width:auto;}

/* 통일교육주간 하단 링크 */
.uew_sns_area ul.uew_link {width:80%; float:left;}
.uew_sns_area ul.uew_link li {margin:0 7px 0 0;}
.uew_sns_area ul.uew_sns {width:20%; float:right;}
.uew_sns_area ul.uew_sns li {margin:0 0 0 7px;}

/* 하단배너 CSS */
.banner {position:relative;width:100%; height:56px; background:#fff; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.banner_area {width:100%; height:56px; margin:0 auto; position: relative;}
.banner_area .banner_uni {position:relative;left:66px;top:18px;width:8%;height:16px;margin:4px 0 0 0;border-right:1px solid #d9d9d9;background:#fff;}
.banner_area .listWrap {width:55%; height:16px; top:18px; left:200px; padding:0; overflow:hidden; position:absolute;}
.banner_area .listWrap ul.list {position:relative; left:0; top:0; padding:0; width:100%; height:16px; overflow:hidden;}
.banner_area .listWrap ul.list li {display:inline; width:auto; height:34px; margin-right:25px; padding-right:25px; list-style:none; float:left;border-right:1px solid #d9d9d9;}
.banner_area img {width:auto;height:13px;}
.banner_area .btns button {border:2px solid #ddd; border-radius:3px;font-size:0; line-height:0; width:32px; height:32px; top:9px;position:absolute; cursor:pointer;}
.banner_area .left {background: url("/contents/page/image/main/uniedu/2018/btns_left.png") no-repeat 50% 50%;  left:10px;}
.banner_area .right {background: url("/contents/page/image/main/uniedu/2018/btns_right.png") no-repeat 50% 50%; right:0;}
.banner_area .auto {display:none;}
.banner_area .ban {display:inline-block;position:absolute;top:3px;right:0;width:164px;}
.banner_area .ban ul li{list-style:none;}
.banner_area .ban img{width:auto;height:40px;}

/* 푸터 영역 CSS */
.footer{border:0;}
	.footer_area {position:relative; width:100%; height:116px; overflow:hidden;}
		h1.f_logo {display:none; width:120px; height:39px; position:absolute; left:10px; top:35px;}
		h1.f_logo img {width:120px; height:39px;}
		ul.f_mobile_btn, ul.f_sns_btn {display:none;}
		ul.f_link {margin:20px 0 0 20px; text-align:left; padding-bottom:0;}
		ul.f_link li {display:inline-block; font-size:13px; border-right:1px solid #b5b4b4;}
		ul.f_link li a:hover {text-decoration:underline;}
		ul.f_link li:first-child {padding-left:0;}
		ul.f_link li:nth-child(2) {display:none;}
		ul.f_link li:nth-child(6), ul.f_link li:nth-child(7), ul.f_link li:nth-child(8), ul.f_link li:nth-child(9) {display:inline-block;}
		ul.f_link li:nth-child(4) {border-right:1px solid #b5b4b4;}
		ul.f_link li:last-child {border-right:0;}
		.en_site ul.f_link li:nth-child(3) {border-right:1px solid #b5b4b4;}
		.en_site ul.f_link li:nth-child(4) {display:inline-block;}
		p.address {margin:10px 0 0 20px; text-align:left; color:#555;}
		p.address span {display:inline;}
		p.address span.footer_tell {color:#444; margin-left:10px; font-weight:bold;letter-spacing:0;}
		p.copyright {margin:5px 0 0 20px; padding:0; text-align:left; color:#555;}

/* 기본 CSS */
.back-to-top {bottom: 2em; right: 2em;}
}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){
.en_site .header_wrap {width:100%;position:fixed;top:0;z-index:10000;}
.header_wrap {width:100%;}
.header {border:0;height:158px;}

#wrap.fixinner3{margin-top:160px;}
/* #wrap.fixinner3{margin-top:176px;} */
#wrap.fixinner5{margin-top:235px;}

.fixinner0 {position:absolute;top:-200px;}
.fixinner1 {position:fixed;}
.fixinner2 {position:fixed;/* top:35px !important; */border-top:0 !important;}
.fixinner3 {top:98px;}
.quick_fix {top:120px !important;}


/* 상단 사이트 버튼 */
.site_section {margin:0 auto;}
.site_section ul.site_list_top {display:none;}
.site_section ul.site_list_top li:first-child {border-left:1px solid #657ab6;}

.site_section_area.en {display: none;}

/* 상단 기능 영역 */
.site_util_area {margin:0 auto; position:relative; height:auto; border-bottom:none;display:block;}
ul.site_util {right:0; top:36px; z-index:9999;}
ul.site_util li:last-child {padding-right:0;}

/* 상단 기능 영역에 관리자 표시가 되는 경우 */
.site_util_area_admin ul.site_util:nth-child(1) {top:26px;}
.site_util_area_admin ul.site_util:nth-child(2) {display:block; top:48px;}

/* 헤더 영역 */
body.en_site .header {height:104px;z-index:1000; padding-top: 10px;}

.header.xnavi {height:86px;}
.header.header_search {height:85px;}
.header_area {position:relative; height:94px;margin:0 auto;}



/* 로고테마 추가-160223 */
.header_area img.logo_theme {display:inline-block; position:absolute; left:-56px; top:0px;}
.header h1.logo {top:13px; left:0;}
.header h1.logo img {width:200px; height:69px;}
.header h2.logo2 {top:27px; left:230px;display:inline-block;padding:0;}
.header h2.logo2 img {width:90px; height:42px;}
body.en_site .header h1.logo {top:19px; left:0;z-index:2500;}
body.en_site .header h1.logo img {width:240px; height:50px;}
body.en_site .header h2.logo2 img {display: none;}
.header ul.util_m {display:none;}

.search_layer{position:absolute; top:26px; margin-left:-210px;}
	.search_layerin .search_cont .input_select {width:100px;}
	.search_layerin .search_cont .search_txt_input {width:250px;}

body.en_site .search_layer {position:relative; width:360px; top:22px; left:55%;}
   body.en_site.body_search .search_layer {margin-left:-300px;}
   body.en_site .search_layerin .search_cont .search_txt_input {width:200px;}
	 body.en_site .search_layerin .search_cont .input_img_area {border-radius: 0 50px 50px 0;right: -2px;width: 44px;}
	/* 검색어 자동완성 결과 영역 */
	.autocomplete_area ul.autocomplete_result li {padding:7px 10px; font-size:12px; border-bottom:none; z-index:9999;}
	.autocomplete_area ul.autocomplete_result li:first-child {padding-top:15px;}
	.autocomplete_area ul.autocomplete_result li:last-child {padding-bottom:15px; border-bottom:1px solid #c8c8c8;}
	.autocomplete_area .autocomplete_util {height:30px;}
	.autocomplete_area .autocomplete_util p {line-height:30px;}

	.btn_close_area{display:none;}

.nav_area {width:100%; background:url('/contents/page/image/add_2018/header/navBg.png') repeat-x 0 0, #fff; top:0;border-top:1px solid #d9d9d9; border-bottom:3px solid #364c86;}
.nav_wrap {width:100%;margin:0 auto; padding:0; overflow:hidden;}

body.en_site #nav {width:100%;}
body.en_site .nav_area {width:100%; height: 50px;top:0px;z-index:0;background:url('/contents/page/image/add_2018/header/navBg.png') repeat-x 0 12px, #364c86;border-top:0;border-bottom: 0;}
body.en_site .nav_wrap {padding-right: 0;}

.en_icon{display: none;}

body.en_site .en_icon {display: inline-block;width: 160px;position: absolute;top: 5px;right: 0;}
body.en_site .en_icon ul {display: flex;justify-content: space-between;list-style: none;}
body.en_site .en_icon li, .en_icon li a {padding: 40px 3px 0 3px; text-align: center;}
body.en_site .en_icon li a {font-size: .8rem;font-weight: bold;color: #333;}
body.en_site .en_icon ul > :nth-child(1) {background: url(/contents/page/image/main/unieng/2021/lan.png) no-repeat 50% 40%;  background-size: 30px;}
body.en_site .en_icon ul > :nth-child(2) { background: url(/contents/page/image/main/unieng/2021/site.png) no-repeat 50% 40%;  background-size: 30px;}
body.en_site .en_icon ul > :nth-child(3) {background: url(/contents/page/image/main/unieng/2021/sns.png) no-repeat 50% 40%;background-size: 30px;}

/* 네비게이션 */
#nav {display:block !important;top:0;float:left;}
#nav .gnb_close {display:none;}
#nav .gnb {float:left; top:0; height:auto; overflow:visible; background:#fff; box-sizing:content-box;}
#nav .gnb li {box-sizing:border-box;}
#nav .gnb li.m_menu_close {display:none;}
#nav .gnb li.depth_01 {float:left; clear:none; height:auto;border:0;}
#nav .gnb.gnb3 li.depth_01 {width:33.33%;}
#nav .gnb.gnb4 li.depth_01 {width:25%;}
#nav .gnb.gnb5 li.depth_01 {width:20%; height: 100%;}
#nav .gnb .depth_01 a.depth_01_tit {background:#fff url('/contents/page/image/add_2018/header/borderRight_17px.gif') no-repeat 100% 50%;}
#nav .gnb li.depth_01 a {display:block; width:100%; height:auto;padding:18px 0; font-size:18px !important;color:#333; border-bottom:none; text-indent:0; text-align:center; font-weight:bold; box-sizing:border-box;}
#nav .gnb li.depth_01 a:hover {color:#4f77ba;}
#nav .gnb li.depth_01 a.on {color:#4f77ba;background:url('/contents/page/image/add_2018/header/borderRight_17px.gif') no-repeat 100% 50%;}
#nav .gnb li.depth_01 ul {width:1200px;margin:0 auto;}
#nav .gnb li.depth_01 .gnb_dropdown {display:none;min-height:120px;background:#fff;position:absolute; width:100%;left:0;border-top:1px solid #d9d9d9;border-bottom:1px solid #364c86;padding:15px 0;overflow:hidden;}
#nav .gnb li.depth_01 ul .depth_02 {float:left; clear:none; width:23%; padding:0 10px 10px 10px; border:0; box-sizing:border-box;}
#nav .gnb li.depth_01 ul .depth_02.fiv{width:18.3%;}
#nav .gnb li.depth_01 ul .depth_02 a {background:none;padding:10px; font-size:15px !important; text-align:left; border:0; box-sizing:border-box;border:1px solid #6f63d0;color:#6f63d0;}
#nav .gnb li.depth_01 ul .depth_02 a.on {color:#364c86; background:url('/contents/page/image/add_2018/header/nav_arrow_r.png') no-repeat 92% 50%;}
#nav .gnb li.depth_01 ul .depth_02_add {float:left; clear:none; width:23%; padding:0 10px; border:0; box-sizing:border-box;}
#nav .gnb li.depth_01 ul .depth_02_add.fiv{width:18.3%;}
#nav .gnb li.depth_01 ul .depth_02_add a {background:none;padding:10px; font-size:15px !important; text-align:left; border:0; box-sizing:border-box;border:1px solid #6f63d0;color:#6f63d0;}
#nav .gnb li.depth_01 ul .depth_02_add a.on {color:#364c86; background:url('/contents/page/image/add_2018/header/nav_arrow_r.png') no-repeat 92% 50%;}
#nav .gnb li.depth_01 ul .depth_02_add ul {border:0;}
#nav .gnb li.depth_01 ul .depth_03 {float:none; clear:none; width:100%; box-sizing:border-box; border:0; padding-left:13px;}
#nav .gnb li.depth_01 ul .depth_03 a {background:none;font-size:14px !important; font-weight:normal; color:#333; text-align:left; text-indent:5px; box-sizing:border-box;border:0;}
#nav .gnb li.depth_01 ul .depth_03 a:hover {background:url('/contents/page/image/add_2018/header/nav_arrow_r.png') no-repeat 95% 59%;}
#nav .gnb li.depth_01 ul .depth_03 a.on {background:#f3f7ff url('/contents/page/image/add_2018/header/nav_arrow_r.png') no-repeat 95% 59%;}

/* ul.textsize_btn li {width:30px; height:30px; float:left; text-align:center; color:#666; border:1px solid #d9d9d9;cursor:pointer; border-radius:3px; box-sizing:border-box;}
ul.textsize_btn li:nth-child(1) {font-size:14px; margin-right:5px; line-height:27px;}
ul.textsize_btn li:nth-child(2) {font-size:18px; font-weight:bold; line-height:25px;} */
ul.textsize_btn li button {width:30px; height:30px;border:1px solid #d9d9d9;cursor:pointer; border-radius:3px; box-sizing:border-box;vertical-align:middle;background:#fff;}
ul.textsize_btn li button img {vertical-align:middle;}

body.en_site .nav_wrap ul.top_sns_link {display:none;}
body.en_site ul.textsize_btn {display:none;}

body.en_site #nav .gnb li.depth_01 ul {width:1200px;}
body.en_site #nav .gnb li.depth_01 ul .depth_03 {width: 21.4%;}
body.en_site #nav .gnb li.depth_01 ul .depth_02 {width:25%;}
body.en_site #nav .gnb li.depth_01 ul .depth_02.fiv{width:18.3%;}
body.en_site #nav .gnb.gnb4 li.depth_01 {width:25%;}
body.en_site #nav .gnb li.depth_01 a:hover {}
body.en_site #nav .gnb li.depth_01 a {font-size:1rem !important; padding: 14px 0;}
body.en_site #nav .gnb li.depth_02 a {padding:10px 20px 10px 20px;font-size:14px !important;}
body.en_site #nav .gnb .depth_01 a.depth_01_tit {height: 100%;background:#364c86 url('/contents/page/image/add_2018/header/borderRight_17px.gif') no-repeat 100% 50%; color:#fff;}
/* body.en_site #nav .gnb .gnb_menu_03 .gnb_dropdown {border-right:1px solid #d9d9d9;}
body.en_site #nav .gnb .gnb_menu_03 a {background:none;}
body.en_site #nav .gnb .gnb_menu_03 a.hover {background:url('/contents/page/image/add_2018/header/navMenu_hoverBg.gif') no-repeat 50% 100%;}
body.en_site #nav .gnb .gnb_menu_03 a.on {background:url('/contents/page/image/add_2018/header/navMenu_hoverBg.gif') no-repeat 50% 100%;}
body.en_site #nav .gnb .gnb_menu_03 a:hover {background:url('/contents/page/image/add_2018/header/navMenu_hoverBg.gif') no-repeat 50% 100%;} */

body.en_site ul.en_textsize_btn {display:block;list-style:none;float:right;margin-top:4px;}
body.en_site ul.en_textsize_btn li {width:26px; height:26px; border-radius:5px;float:left;margin-right:5px;background-size:14px 14px;cursor:pointer;color:#fff;font-weight:bold;font-size:13px;line-height:12px;}
body.en_site ul.en_textsize_btn li:nth-child(1) {width:77px;margin-right:36px;}
body.en_site ul.en_textsize_btn li:nth-child(1) a {display:block;width:75px;height:24px;border:1px solid #fff;border-radius:5px;color:#fff;font-weight:bold;font-size:14px;line-height:23px;text-align:center;text-indent:0;}
body.en_site ul.en_textsize_btn li:nth-child(2) {margin-right:10px;}
body.en_site ul.en_textsize_btn li:nth-child(2) span {letter-spacing:1px;}
body.en_site ul.en_textsize_btn li:nth-child(3) {background:url('/contents/page/image/main/uniedu/2018/minus.png') no-repeat 50% 50%, #fff;}
body.en_site ul.en_textsize_btn li:last-child {background:url('/contents/page/image/main/uniedu/2018/plus.png') no-repeat 50% 50%, #fff;margin-right:0;}
body.en_site ul.en_textsize_btn li a {text-indent:0;font-size:14px;}
body.en_site ul.en_textsize_btn li.btn_font_minus a, body.en_site ul.en_textsize_btn li.btn_font_plus a {text-indent:-9999px;font-size:0;}

/* Location */
.location_section_area {width:990px;font-size:14px;}
#location_1, #location_2, #location_3, #location_4 {width:230px;}

.en_site .location_section {margin-top:30px;}

/* 콘텐츠 영역 CSS */
.content_area {width:100%; margin:0 auto; padding:0; position:relative;}
.content_area_emergency {clear:none;}

body.en_site .empty_top {width:100%;height:125px;}
#content_section {margin:0 auto;}

.title_area_add ul.publish_info_02 {width:100%;}

.title_area_add .publish_info_03 {width:750px;float:left; background:url('/res/theme/uni/images/common/icon/books.png') right 20px bottom 10px no-repeat;}
.title_area_add .publish_info_03 .top_area {position:relative; padding:19px 25px 17px 25px;}
.title_area_add .publish_info_03 .top_area p {position:absolute; right:25px; top:13px;}
.title_area_add .publish_info_03 ul {padding:10px 20px;}
.title_area_add .publish_info_03 ul li {margin-bottom:5px; line-height:20px;}
.title_area_add .publish_info_03 ul li span {display:block;}

.title_area_add .publish_info_04 {width:475px;margin:0 0 10px 15px; padding:15px 20px; float:right; background: #f0f0f0 url('/res/theme/uni/images/common/icon/telephone.png') 95% 20% no-repeat;}
.title_area_add .publish_info_04 ul {margin-top:13px;}
.title_area_add .publish_info_04 ul li {margin-bottom:2px;}

.title_area_add .publish_info_05 {width:475px;float:right;background-image:url('/res/theme/uni/images/common/icon/shooping_bag.png'), url('/res/theme/uni/images/common/icon/shooping_bg.png');background-position:95% 50%, right bottom;background-repeat:no-repeat, no-repeat;}
.title_area_add .publish_info_05 ul {margin-top:13px;}
.title_area_add .publish_info_05 ul li {margin-bottom:5px;}
.title_area_add .publish_info_05 ul li span {display:block;}

/* 하단배너 CSS */
.banner {display:block;}
.banner_area .listWrap ul.list li {margin-right:40px; padding-right:40px;}
.banner_area .left {left:0;}

/* 통일교육주간 하단 링크 */
.uew_sns_area {width:990px; margin:15px auto -35px auto; border-radius:5px;}

/* 푸터 영역 CSS  */
.footer_area {width:990px;margin:0 auto;}
.footer_area .open_logo {display:inline-block; width:80px; height:34px; position:absolute; right:0; top:33px;}
.footer_area .open_logo img {width:80px; height:34px;}
.footer_area .footer_facebook {display:inline-block; width:26px; height:26px; position:absolute; right:208px; top:37px;}
.footer_area .footer_youtube {display:inline-block; width:26px; height:26px; position:absolute; right:174px; top:37px;}
.footer_area .footer_instagram {display:inline-block; width:26px; height:26px; position:absolute; right:140px; top:37px;}
.footer_area .footer_twitter {display:inline-block; width:26px; height:26px; position:absolute; right:106px; top:37px;}
	h1.f_logo {display:none;width:130px; height:42px; left:0; top:35px;}
	h1.f_logo img {width:130px; height:42px;}
	ul.f_link {margin:34px 170px 0 0;}
	p.address {margin:10px 10px 0 0;}
	p.copyright {margin:5px 170px 0 0;}

.en_site .f_link {margin:12px 0 0 0;}
.en_site p.address {margin:10px 10px 0 0;}
.en_site p.copyright {margin:5px 170px 0 0;}

/* 기본 CSS */
.back-to-top {bottom: 2.5em; right: 3em;}
}

/*======================================
			PC기반 CSS 1240 이상
========================================*/
@media all and (min-width:1260px){

/* 상단 사이트 버튼 */
.site_section {width:1240px;}

/* 상단 기능 영역 */
.site_util_area {width:1240px;left:50%;margin-left:-620px;}

/* 헤더 영역 */
.header_area {width:1240px;}
.header .emblem {display:block; position:absolute; width:270px; height:50px; left:188px; top:16px;}
.header .emblem img {vertical-align:middle;}
.header .emblem a {display:inline-block;}
.header .emblem a.emblem1 {margin-right:25px !important;}

 /* body.en_site .search_layer {margin-left:890px;} */

/* 네비게이션 */
.nav_wrap {width:1240px;}
#nav {width:990px;}

.nav_wrap .nav_bg_edu {background:url('/contents/page/image/add_2017/header/menu_site_uniedu.png') no-repeat right 47px;}
.nav_wrap .nav_bg_lms {background:url('/contents/page/image/add_2017/header/menu_site_unilms.png') no-repeat right 47px;}
.nav_wrap .nav_bg_kids {background:url('/contents/page/image/add_2017/header/menu_site_unifun.png') no-repeat right 47px;}
.nav_wrap .nav_bg_week {background:url('/contents/page/image/add_2017/header/menu_site_uniweek.png') no-repeat right 47px;}

#nav .gnb li.depth_01:last-child {border-right:none;}
#nav .gnb li.depth_01 ul .depth_03 {padding-left:0;}

.nav_wrap ul.top_sns_link {width:124px; height:25px; padding:0; margin:18px 30px 0; display:block; float:left;}
.nav_wrap ul.top_sns_link li {float:left; width:25px; list-style:none; margin-right:8px;}
.nav_wrap ul.top_sns_link li.t_twitter {margin-right:0;}

ul.textsize_btn {width:65px; height:30px; float:left; margin-top:15px;list-style:none;display:block;}

/* 긴급공지 */
.emergency_notice {width:1240px;}

/* Location */
.location_section_area {width:1240px;}

/* 콘텐츠 영역 CSS */
.content_area {width:1240px;}
#content_section {width:100%;float:left;}
#content_section.lms_site {min-height:999px;}
#rmenu_section {width:990px;float:left;}

/*======================================
		aside 영역 CSS
========================================*/
/* 공통 */
.aside {display:block;}
.aside h4 {color:#fff; font-size:16px; font-weight:bold; line-height:33px; display:inline-block;}
.aside ul {padding:0; margin:0; overflow:hidden;}
.aside ul li {list-style:none; padding:0; margin:0; box-sizing:border-box;}
.a_lms_top, .a_key_top, .a_pop_top {border-bottom:1px solid #64bdcc;}

/* 컨텐츠탭 통합검색화면 */
.search_result_sort_area h2.search_result_main_title {display:block; background:#2c5797; color:#fff; height:50px; line-height:48px; font-size:24px; text-align:center; font-weight:600;}
ul.search_result_tab {width:100%; margin:0; font-size:16px; overflow:hidden; border-top:none; border-bottom:none;}
ul.search_result_tab li:last-child {border-right:none;}
ul.search_result_tab li {float:none; width:100%; border:none; text-align:left; list-style:none; border-bottom:1px solid #d9d9d9;}
ul.search_result_tab li a {display:block; padding:0; height:40px; line-height:38px; color:#666666;text-indent:20px;}
ul.search_result_tab li:hover {border:none; border-bottom:1px solid #d9d9d9;}
ul.search_result_tab li:hover a {border:none; color:#fff; background:#4690db; font-weight:bold;}
ul.search_result_tab li a span {display:inline-block; width:auto; font-size:13px; text-indent:0;}
ul.search_result_tab li.on {border:none; border-bottom:1px solid #d9d9d9;}
ul.search_result_tab li.on a {font-weight:bold; color:#fff; background:#4690db;}

/* 우측메뉴 */
.aside .right_menu {width:235px;min-height:100%;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;background:#f3f3f3 url('/contents/page/image/add_2017/aside/diagonal_10_dark.png') repeat left top;float:right;position:absolute;left:50%;margin-left:385px;box-sizing:border-box;}
.aside .right_menu li {list-style:none;}
.aside .right_menu li a {display:block; background:#364c86; color:#fff; height:45px; line-height:43px; font-size:20px; text-align:center; font-weight:600;}
.aside .right_menu li ul li {text-align:left; border-bottom:1px solid #d9d9d9;}
.aside .right_menu li ul li a {display:block; font-size:16px; font-weight:normal; padding:0; text-align:left; height:40px; line-height:38px; color:#666666; text-indent:20px; background:#f8f8f8;}
.aside .right_menu li ul li a:hover {border:none; color:#fff; background:#4690db; font-weight:bold;}
.aside .right_menu li ul li.on {border:none; border-bottom:1px solid #d9d9d9;}
.aside .right_menu li ul li.on a {font-weight:bold; color:#fff; background:#4690db;}

/* LMS 퀵메뉴 */
.aside .a_lms_quick {display:none; height:177px;}
.aside .a_lms_quick .a_lms_top {width:100%; height:36px; text-align:center; background:#676da5 url('/contents/page/image/add_2017/aside/image_check.png') repeat left top;}
.aside .a_lms_quick .a_lms_top h4 {padding-left:23px; background:url('/contents/page/image/add_2017/aside/a_icon_quick.png') no-repeat left center;}
.aside .a_lms_quick ul.a_lms_btn {margin:0; padding:0;}
.aside .a_lms_quick ul.a_lms_btn li {float:left; width:50%; height:70px; list-style:none !important; padding:0; margin:0; position:relative;}
.aside .a_lms_quick ul.a_lms_btn li a {position:absolute; left:0; top:0; display:block; width:100%; height:70px; line-height:67px; font-size:13px; color:#666; padding:0 0 0 47px; margin:0;letter-spacing:-1px; z-index:10;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.aside .a_lms_quick ul.a_lms_btn li:nth-child(1) a {background:#f2f4f5 url('/contents/page/image/add_2017/aside/a_icon_quick1.png') no-repeat 11px center;}
.aside .a_lms_quick ul.a_lms_btn li:nth-child(2) a {background:#ffffff url('/contents/page/image/add_2017/aside/a_icon_quick2.png') no-repeat 11px center; padding-left:42px;}
.aside .a_lms_quick ul.a_lms_btn li:nth-child(3) a {background:#ffffff url('/contents/page/image/add_2017/aside/a_icon_quick3.png') no-repeat 11px center; line-height:16px;}
.aside .a_lms_quick ul.a_lms_btn li a span {display:inline-block; padding-top:10px;}
.aside .a_lms_quick ul.a_lms_btn li:nth-child(4) a {background:#f2f4f5 url('/contents/page/image/add_2017/aside/a_icon_quick4.png') no-repeat 11px center; padding-left:42px;}

.aside .a_lms_quick ul.a_lms_btn li a:hover {color:#fff;}
.aside .a_lms_quick ul.a_lms_btn li:nth-child(1) a:hover {background:#4690db url('/contents/page/image/add_2017/aside/a_icon_quick1_on.png') no-repeat 11px center;}
.aside .a_lms_quick ul.a_lms_btn li:nth-child(2) a:hover {background:#4690db url('/contents/page/image/add_2017/aside/a_icon_quick2_on.png') no-repeat 11px center;}
.aside .a_lms_quick ul.a_lms_btn li:nth-child(3) a:hover {background:#4690db url('/contents/page/image/add_2017/aside/a_icon_quick3_on.png') no-repeat 11px center;}
.aside .a_lms_quick ul.a_lms_btn li:nth-child(4) a:hover {background:#4690db url('/contents/page/image/add_2017/aside/a_icon_quick4_on.png') no-repeat 11px center;}

/* 인기키워드 */
.aside .a_keyward {display:none; background:#fafafa;}
.aside .a_keyward .a_key_top {width:100%; height:36px; text-align:center; background:#4683c3 url('/contents/page/image/add_2017/aside/image_check.png') repeat left top;}
.aside .a_keyward .a_key_top h4 {padding-left:28px; background:url('/contents/page/image/add_2017/aside/a_icon_key.png') no-repeat left center;}
.aside .a_keyward .a_key_top a {width:39px; height:36px; display:inline-block; float:right; border-left:1px solid #64bdcc; text-align:center;}
.aside .a_keyward .a_key_top a img {position:relative; top:15px;}
.aside .a_keyward .a_key_txt {padding:10px 15px 11px 15px; width:100%; box-sizing:border-box;}
.aside .a_keyward .a_key_txt ul li {font-size:14px; line-height:24px;}
.aside .a_keyward .a_key_txt ul li span {display:inline-block; margin-right:5px; background:#999; width:20px; height:20px; border-radius:100%; color:#fff; text-align:center; line-height:20px; font-weight:bold;}
.aside .a_keyward .a_key_txt ul li:nth-child(-n+3) span {background:#36c3eb;}
.aside .a_keyward .a_key_txt ul li a {color:#666; line-height:24px; width:177px; height:24px; vertical-align:top; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-text-overflow:ellipsis;}
.aside .a_keyward .a_key_txt p {font-size:13px; color:#666;}

/* 팝업존 */
.aside .a_popup {display:none; background:#f2f2f2;}
.aside .a_popup .a_pop_top {width:100%; height:36px; text-align:center; background:#068da1 url('/contents/page/image/add_2017/aside/image_check.png') repeat left top;}
.aside .a_popup .a_pop_top h4 {padding-left:28px; background:url('/contents/page/image/add_2017/aside/a_icon_pop.png') no-repeat left center;}
.aside .a_popup ul.a_pop_list li {padding:10px 15px 12px 15px; background:#fff; border-bottom:1px dashed #d9d9d9; position:relative; box-sizing:border-box;}
.aside .a_popup ul.a_pop_list li:last-child {border-bottom:1px solid #d9d9d9;}
.aside .a_popup ul.a_pop_list li span {font-size:12.5px; font-weight:bold; color:#257bca; position:relative; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.aside .a_popup ul.a_pop_list li span a {font-size:12.5px; font-weight:bold; color:#257bca; position:relative; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.aside .a_popup ul.a_pop_list li > a {display:block;}
.aside .a_popup ul.a_pop_list li div {position:relative;}
.aside .a_popup ul.a_pop_list li div > a {position:absolute; text-indent:-9999px;}
.aside .a_popup ul.a_pop_list li img {width:203px; height:auto; border:1px solid #d9d9d9; box-sizing:border-box;}

/* 하단배너 CSS */
.banner_area {width:1240px;}
.banner_area .banner_uni {left:66px;width:97px;margin:4px 42px 0 0;}
.banner_area .listWrap {width:980px;left:200px;}

/* 푸터 영역 CSS */
.footer{position:relative;z-index:50;}

/* 통일교육주간 하단 링크 */
.uew_sns_area {width:1240px;}

/* 푸터 영역 CSS  */
.footer_area {width:1240px; margin:0 auto;}

/*======================================
			영문 롤백
========================================*/
/* 상단 사이트 버튼 */
body.en_site .site_section {width:1240px;}

/* 상단 기능 영역 */
body.en_site .site_util_area {width:990px;}

/* 헤더 영역 */
body.en_site .header_area {width:1240px;}
body.en_site .header .emblem {display:none;}

body.en_site #nav .gnb {float:none; width:100%;height: 50px; background: #364c86;}

body.en_site #nav ul.top_sns_link {display:none;}

/* 긴급공지 */
body.en_site .emergency_notice {width:990px;}

/* Location */
body.en_site .location_section_area {width:1240px; margin:0 auto;}

/* 콘텐츠 영역 CSS */
body.en_site .content_area {width:1240px;margin:0 auto;}
body.en_site #content_section {width:100%; float:none;}

/* 하단배너 CSS */
body.en_site .banner_area {width:990px;}
body.en_site .banner_area .listWrap {width:740px;}

/* 푸터 영역 CSS  */
body.en_site .footer_area {width:1240px;}
}
/*============================================================================================================================
													게시판 기본 설정
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/
/* 입력필수사항 */
label.required {padding-left:11px; font-size:13px; color:#333; background:url('/res/theme/uni/images/board/required.png') no-repeat left 50%;}

/*  ****************************  자료마당 이미지 리스트  ****************************  */
ul.uni-data-list-ul {width:100%; overflow:hidden; margin:0; padding:0; border-top:2px solid #666; word-break:keep-all;}
ul.uni-data-list-ul > li {width:100%;min-height:265px; padding:15px; float:left; list-style:none; border-bottom:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.uni-data-list-ul > li > ul {}
ul.uni-data-list-ul > li > ul > li {font-size:13px; color:#666; line-height:18px; list-style:none;}
ul.uni-data-list-ul > li > ul > li.data_list_img {height:130px; line-height:130px; text-align:center;  margin-bottom:10px;}
ul.uni-data-list-ul > li > ul > li.data_list_img img {max-height:130px; width:auto; vertical-align:middle;}
ul.uni-data-list-ul > li > ul > li.data_list_title {font-weight:bold; padding:10px 5px;}
ul.uni-data-list-ul > li > ul > li.data_list_title a:hover {text-decoration:underline;}
ul.uni-data-list-ul > li > ul > li.new {padding-left:25px;background:url('/res/theme/uni/images/board/new2.png') left 50% no-repeat;}
ul.uni-data-list-ul > li > ul > li > span img {line-height:18px; vertical-align:middle; padding-left:3px;}

.tch_guide {width:100%;margin-top:10px;}
.tch_guide span {display:inline-block;font-size:12px;color:#257bca;margin-right:5px;padding: 3px 10px 5px;border:1px solid #257bca;border-radius:3px;}
.tch_guide img {vertical-align:middle;margin-right:5px;}

/* ul.uni-data-list-ul > li.li_recommendation > ul > li.data_list_title {padding-left:30px; background:url('/res/theme/uni/images/common/icon/recommendation2.gif') no-repeat left 11px;}
ul.uni-data-list-ul > li.li_recommendation > ul > li.data_list_title a {color:#257bca;} */

/* 자료마당 리스트 아이콘 */
ul.uni-data-list-ul > li > ul > li.data_list_title .pds_list_item {display:none;}
ul.uni-data-list-ul > li.li_recommendation 	> ul > li.data_list_title .recommendation_icon	{display:inline-block;}
ul.uni-data-list-ul > li.book_item 			> ul > li.data_list_title .book_icon			{display:inline-block;}
ul.uni-data-list-ul > li.video_item			> ul > li.data_list_title .video_icon			{display:inline-block;}
ul.uni-data-list-ul > li.file_item 			> ul > li.data_list_title .file_icon			{display:inline-block;}
ul.uni-data-list-ul > li.rsrch_item 		> ul > li.data_list_title .rsrch_icon			{display:inline-block;}
ul.uni-data-list-ul > li.edu_item 			> ul > li.data_list_title .edu_icon				{display:inline-block;}
ul.uni-data-list-ul > li.etc_item 			> ul > li.data_list_title .etc_icon				{display:inline-block;}

/*  ****************************  UniTV태그 이미지 리스트  ****************************  */
ul.unitv-data-list-ul {width:100%; overflow:hidden; margin:0; padding:0; border-top:2px solid #666; word-break:keep-all;}
ul.unitv-data-list-ul > li {width:100%;min-height:265px; padding:15px; float:left; list-style:none; border-bottom:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.unitv-data-list-ul > li > ul {}
ul.unitv-data-list-ul > li > ul > li {font-size:13px; color:#666; line-height:18px; list-style:none;text-align:center;}
ul.unitv-data-list-ul > li > ul > li.data_list_img {line-height:150px; text-align:center;  margin-bottom:10px;}
ul.unitv-data-list-ul > li > ul > li.data_list_img img {max-height:180px; width:250px; vertical-align:middle;}
ul.unitv-data-list-ul > li > ul > li.data_list_title {font-weight:bold; padding-bottom:10px;}
ul.unitv-data-list-ul > li > ul > li.data_list_title a:hover {text-decoration:underline;}
ul.unitv-data-list-ul > li > ul > li.new {padding-left:25px;background:url('/res/theme/uni/images/board/new2.png') left 50% no-repeat;}
ul.unitv-data-list-ul > li > ul > li > span img {line-height:18px; vertical-align:middle; padding-left:3px;}

/*  ****************************  이벤트 리스트  ****************************  */
ul.uni-evnet-list-ul {width:100%; overflow:hidden; border-top:2px solid #666; word-break:keep-all;}
ul.uni-evnet-list-ul li {width:100%; padding:10px 0; list-style:none; border-bottom:1px dashed #d9d9d9;}
ul.uni-evnet-list-ul li div {width:100%;}
ul.uni-evnet-list-ul li div img {width:100%; height:auto;}
ul.uni-evnet-list-ul li ul {position:relative; overflow:hidden; height:auto;}
ul.uni-evnet-list-ul li ul li {padding:0; border:none;}
ul.uni-evnet-list-ul li ul li.item1 {width:69%; padding:0 0 10px 15px; margin-top:20px;}
ul.uni-evnet-list-ul li ul li.item1 a {font-size:18px; color:#333; font-weight:bold; line-height:23px;}
ul.uni-evnet-list-ul li ul li.item1 a:hover {text-decoration:underline;}
ul.uni-evnet-list-ul li ul li.item2 {width:69%; padding:0 0 0 15px; font-size:15px; line-height:18px; color:#666;}
ul.uni-evnet-list-ul li ul li.item3 {width:69%; padding:0 0 0 26px; margin-top:8px; font-size:14px; color:#333; background:url('/res/theme/uni/images/common/icon/bullet.png') no-repeat 18px 6px;}
ul.uni-evnet-list-ul li ul li.item4 {width:69%; padding:0 0 0 26px; margin:8px 0; font-size:14px; color:#333; background:url('/res/theme/uni/images/common/icon/bullet.png') no-repeat 18px 6px;}
ul.uni-evnet-list-ul li ul li.item4 span {display:inline-block; margin-right:17px;}
ul.uni-evnet-list-ul li ul li.item5 {position:absolute; right:15px; top:10px;  background:#fff; border:1px solid #999; color:#333; width:60px; height:30px; border-radius:3px; font-size:13px; font-weight:bold; text-align:center; line-height:30px;}
ul.uni-evnet-list-ul li ul li.item5:hover {background:#e9e9e9;}
ul.uni-evnet-list-ul li ul li.item5 a {color:#333; display:block; height:30px;}
ul.uni-evnet-list-ul li ul li.item5.on {background:#00a6b6; border:1px solid #008c99;}
ul.uni-evnet-list-ul li ul li.item5.on a {color:#fff;}
ul.uni-evnet-list-ul li ul li.item5.on:hover {background:#008c99;}
ul.uni-evnet-list-ul li ul li.item6 {position:absolute; right:15px; top:45px;  background:#888; border:1px solid #777; color:#fff; width:60px; height:30px; border-radius:3px; font-size:13px; font-weight:bold; text-align:center; line-height:30px;}
ul.uni-evnet-list-ul li ul li.item6:hover {background:#777;}
ul.uni-evnet-list-ul li ul li.item6 a {color:#fff;}
ul.uni-evnet-list-ul li ul li.item7 {position:absolute; right:15px; top:80px;  background:#fff; border:1px solid #666; color:#fff; width:60px; height:30px; border-radius:3px; font-size:13px; font-weight:bold; text-align:center; line-height:30px;}
ul.uni-evnet-list-ul li ul li.item7:hover {background:#666;}
ul.uni-evnet-list-ul li ul li.item7 a {color:#666;}
ul.uni-evnet-list-ul li ul li.item7:hover a {color:#fff;}

/*  ****************************  이벤트 당선작품 리스트  ****************************  */
ul.uni-award-list-ul {width:100%; overflow:hidden; margin:0; padding:0; border-top:2px solid #666; word-break:keep-all;}
ul.uni-award-list-ul > li {width:100%; padding:15px; float:left; list-style:none; border-bottom:1px solid #d9d9d9; box-sizing:border-box;}
ul.uni-award-list-ul > li > ul > li {font-size:13px; color:#666; line-height:18px; list-style:none;}
ul.uni-award-list-ul > li > ul > li.data_list_img {height:130px; line-height:130px; text-align:center;  margin-bottom:10px;}
ul.uni-award-list-ul > li > ul > li.data_list_img img {max-height:130px; width:auto; vertical-align:middle;}
ul.uni-award-list-ul > li > ul > li.data_list_title {font-weight:bold; color:#333; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #d9d9d9;}
ul.uni-award-list-ul > li > ul > li.data_list_title a:hover {text-decoration:underline;}
ul.uni-award-list-ul > li > ul > li > span img {line-height:18px; vertical-align:middle; padding-left:3px;}
ul.uni-award-list-ul > li.uni-award-list_txt {width:100%; padding:15px; list-style:none; border-bottom:1px solid #d9d9d9; box-sizing:border-box;}
ul.uni-award-list-ul > li.uni-award-list_txt > ul > li.data_list_txt {margin-bottom:10px;}

/*  ****************************  이벤트 당선작품 상세화면  ****************************  */
.webtoon_area {margin-top:20px;}
.webtoon_area img {margin:0 auto; max-width:100%;}

/*  ****************************  리스트  ****************************  */
/* 가로리스트 스타일 */
.uni-list-table {width:100%; background:#fff; word-break:keep-all;}
.uni-list-table caption {position:absolute;width:1px !important;height:1px !important;padding:0px !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}
.uni-list-table thead, .uni-list-table tbody {font-size:15px; text-align:center;}
.uni-list-table thead {color:#333;}
.uni-list-table tbody, .board_table tbody a {color:#333;}
.uni-list-table tr th {padding:14px 3px; background:#fafafa; border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.uni-list-table tr td {padding:14px 3px; border-bottom:1px dashed #d9d9d9; vertical-align:middle;}
.uni-list-table tr:last-child td {padding:14px 3px; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.uni-list-table tr td.subject {text-align:left; padding:14px 10px; line-height:18px;}
.uni-list-table tr td a:hover {text-decoration:underline;}
.uni-list-table tr.recommendation {background:#f9f9f9;}
.uni-list-table .bdr {border-right:1px solid #d9d9d9;}
.uni-list-table tr.recommendation td.subject {font-weight:bold;}
.uni-list-table tr.recommendation td.subject a {color:#257bca;}

/* 자료마당 리스트 아이콘 */
.uni-list-table tr td.subject .pds_list_item {display:none;}
.uni-list-table tr.recommendation td.subject .recommendation_icon {display:inline-block;}
.uni-list-table tr.book_item td.subject .book_icon {display:inline-block;}
.uni-list-table tr.video_item td.subject .video_icon {display:inline-block;}
.uni-list-table tr.etc_item td.subject .etc_icon {display:inline-block;}

.uni-list-table tr td.subject a:hover {text-decoration:underline;}
.uni-list-table tr td.subject.txt_lock {padding-left:25px; background:url('/res/theme/uni/images/board/txt_lock.png') no-repeat 10px center;}
.uni-list-table tr td.subject.txt_lock {padding-left:25px; background:url('/res/theme/uni/images/board/txt_lock.png') no-repeat 10px center;}
.uni-list-table tr td.subject.new {padding-left:34px; background:url('/res/theme/uni/images/board/new2.png') no-repeat 10px center;}
.uni-list-table tr td.subject.reply {text-align:left; padding:14px 10px 14px 30px; line-height:18px; background:url('/res/theme/uni/images/board/reply.png') no-repeat 14px center;}
.uni-list-table tr td input {height:30px; line-height:30px; padding:0 5px;}
.uni-list-table tr td select {height:30px; line-height:30px; padding:0 5px;}
.uni-list-table tr td textarea {padding:10px;}
.uni-list-inner tr:last-child td {border-bottom:none;}

/* board값 없는 table */
table.table_none {border:0px;}
table.table_none td {border:0px;padding:0px;}

/*  ****************************  상세보기 화면  ****************************  */
/* 상세보기 화면 */
.viewwrap {margin:10px 0 0 0; width:100%; word-break:keep-all;}
.viewwrap .infobox {padding-top:17px; border-top:2px solid #999; background:#fafafa; clear:both;}
.viewwrap .infobox .infobox_thumbnail {float:left; position:relative; top:-10px;}
.viewwrap .infobox .infobox_thumbnail img {padding:5px; background:#fff; border:1px solid #d9d9d9; margin:0 15px; max-height:67px; width:auto;}
.viewwrap .infobox h4 {margin-bottom:10px; padding:0 10px; color:#333; font-size:20px; line-height:23px;}
.viewwrap .infobox h4.reply {margin-bottom:10px; padding:0 10px; color:#46900b; font-size:20px; line-height:27px;}
.viewwrap .infobox .info {padding:0 10px 15px 10px; color:#727272; font-size:13px; line-height:12px;border-bottom:1px solid #d9d9d9; /*float:none;*/}
.viewwrap .infobox .info p {display:inline-block; padding:0 13px 0 0; margin-right:20px; color:#777; font-size:14px; line-height:18px;}
.viewwrap .infobox .info p:last-child{padding-right:0;margin-right:0;}
.viewwrap .infobox .info p span {color:#333; padding-left:15px;}
.download_file {font-size:13px; color:#333; padding:10px; line-height:20px; clear:both;}
.download_file a {display:inline-block; margin-right:10px; padding:3px 0;}
.download_file a:hover {text-decoration:underline;}
.download_file a img {width:17px; height:20px; margin-right:3px;}

.viewwrap dl.book_intro dt.circle_title, .viewwrap dl.book_list dt.circle_title {padding:20px 0 0 18px; background:url('/res/theme/uni/images/common/icon/ico_circle.png') no-repeat left 20px; line-height:14px; color:#675441; font-size:14px; font-weight:bold !important;}

/* 이전글 현재글 다음글 */
.uni-view-list {width:100%; margin-top:30px;}
.uni-view-list caption {position:absolute;width:1px !important;height:1px !important;padding:0px !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}
.uni-view-list tbody {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-size:13px;  color:#333;}
.uni-view-list tbody tr.now_list {background:#f8f8f8; font-weight:bold;}
.uni-view-list tbody tr td {padding:14px 3px; border-bottom:1px dashed #d9d9d9; vertical-align:middle; text-align:center;}
.uni-view-list tbody tr td.subject {text-align:left; padding:14px 10px; line-height:18px;}
.uni-view-list tbody tr td.subject a:hover {text-decoration:underline;}
.uni-view-list tbody tr td.subject.txt_lock {padding-left:25px; background:url('/res/theme/uni/images/board/txt_lock.png') no-repeat 8px center;}
.uni-view-list tbody tr:last-child td {border-bottom:none;}

/*  ****************************  gallery 화면  ****************************  */
/* 상단 썸네일 영역 */
.es-carousel-wrapper {background:#101010; padding:10px 27px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; position:relative;-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9); -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9); box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);position:relative; margin-bottom:20px;}
.es-nav span {position:absolute; top:50%; left:8px; background:transparent url('/res/theme/uni/images/board/gallery/nav_thumbs.png') no-repeat top left;width:14px; height:26px; margin-top:-13px; text-indent:-9000px; cursor:pointer; opacity:0.8;}
.es-nav span.es-nav-next {right:8px; left:auto; background-position:top right;}
.es-nav span:hover {opacity:1.0;}
.es-carousel {overflow:hidden; background:#000;}
.es-carousel ul {display:none;}
.es-carousel ul li {height:100%; float:left; display:block;}
.es-carousel ul li a {height:43px; line-height:43px; display:block; border-style:solid; border-color:#222; opacity:0.8; -webkit-touch-callout:none;
					/* option */-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.es-carousel ul li.selected a {border-color:#fff; opacity:1.0;}
.es-carousel ul li a img {vertical-align:middle; margin:0 auto; display:block; border:none; height:100%; max-width:100%;}

/* 하단 본 사진 영역 */
.rg-gallery {width:95%;margin:0 auto;}

.es-carousel-wrapper {background:#364c86; padding:10px 27px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; position:relative;/* -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9); -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9); box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9); */position:relative; margin-bottom:20px;}
.es-nav span {position:absolute; top:50%; left:8px; background:transparent url('/res/theme/uni/images/board/gallery/nav_thumbs.png') no-repeat top left;width:14px; height:26px; margin-top:-13px; text-indent:-9000px; cursor:pointer; opacity:0.8;}
.es-nav span.es-nav-next {right:8px; left:auto; background-position:top right;}
.es-nav span:hover {opacity:1.0;}
.es-carousel {overflow:hidden; background:#eee;}
.es-carousel ul {display:none;}
.es-carousel ul li {height:100%; float:left; display:block;}
.es-carousel ul li a {height:43px; line-height:43px; display:block; border-style:solid; border-color:#222; opacity:0.8; -webkit-touch-callout:none;
					/* option-webkit-transition: all 0.2s ease-in-out; */ -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.es-carousel ul li.selected a {border-color:#ff0000; opacity:1.0;}
.es-carousel ul li a img {vertical-align:middle; margin:0 auto; display:block; border:none; height:100%; max-width:100%;}

.rg-image-wrapper {position:relative; padding:5px 35px;background:#eee;border-radius:10px; min-height:20px;}
.rg-image {position:relative; text-align:center; line-height:0px;}
.rg-image img {max-height:100%; max-width:100%;}
.rg-image-nav a {position:absolute; top:0px; left:0px; background:#4666af url('/res/theme/uni/images/board/gallery/nav.png') no-repeat -40% 50%; width:35px; height:100%; text-indent:-9000px;
				cursor:pointer; opacity:0.7; outline:none; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px;}
.rg-image-nav a.rg-image-nav-next {right:0px; left:auto; background-position:140% 50%; -moz-border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px;}
.rg-image-nav a:hover {opacity:1.0;}
.rg-caption  {text-align:center; margin-top:15px; position:relative;}
.rg-caption p {font-size:11px; line-height:16px; padding:0 15px; text-transform:uppercase;}
.rg-view {height:30px; margin-top:20px;}
.rg-view a {display:block; float:right; width:16px; height:16px; margin-right:3px; background:#464646 url('/res/theme/uni/images/board/gallery/views.png') no-repeat top left; border:3px solid #464646; opacity:0.8; text-indent:-9999px;}
.rg-view a:hover {opacity:1.0;}
.rg-view a.rg-view-full {background-position:0px 0px;}
.rg-view a.rg-view-selected {background-color:#6f6f6f; border-color:#6f6f6f;}
.rg-view a.rg-view-thumbs {background-position:0px -16px;}
.rg-loading {width:46px; height:46px; position:absolute; top:50%; left:50%; background:#000 url('/res/theme/uni/images/board/gallery/ajax-loader.gif') no-repeat center center; margin:-23px 0px 0px -23px;z-index:100; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; opacity:0.7;}

/*  ****************************  동영상 보기 화면  ****************************  */
.movie_area {padding:20px 0; min-height:50px; overflow:hidden; box-sizing:border-box;}
.movie_area video {width:100%; height:auto; box-sizing:border-box;}
.movie_area .movie_comment_area {width:100%; margin-top:20px; padding:15px; background:#f7f7f7; border:1px solid #d9d9d9; font-size:13px; line-height:20px; color:#333; box-sizing:border-box;}
.main_vod_warring {width:100%;height:auto;padding:20px;color:#fff;border:1px solid #fff;border-radius:5px;box-sizing:border-box;text-align:center;}
.main_vod_warring ul {width:100%;height:120px;margin-top:30px;list-style:none;}
.main_vod_warring ul li, .vod_warring ul li {width:25%;height:100%;float:left;text-align:center;}
.main_vod_warring ul li img, .vod_warring ul li img {width:48px;height:48px;}
.main_vod_warring ul li a {font-size:12px;color:#fff;margin-top:30px;display:inline-block;margin-top:10px;}
.main_vod_warring ul li a[target="_blank"]:after {width:10px;height:10px;margin:0 3px 0 5px;display:inline-block;content:'';background:url('/contents/page/image/common/main_download_link.png') no-repeat;}
.vod_warring {width:100%;height:auto;padding:30px 20px 10px;border:1px solid #d9d9d9;border-radius:5px;box-sizing:border-box;text-align:center;}
.vod_warring ul {width:100%;height:145px;margin-top:30px;list-style:none;padding:0 !important;}
.vod_warring ul li a {font-size:12px;color:#1a73e8;margin-top:30px;display:inline-block;margin-top:10px;}
.vod_warring ul li a[target="_blank"]:after {width:10px;height:10px;margin:0 3px 0 5px;display:inline-block;content:'';background:url('/contents/page/image/common/download_link.png') no-repeat;}

.editor_area .vod_warring {padding:20px 20px 30px;}

/*  ****************************  상세화면 연관태그 및 관련자료 보기  ****************************  */
.related_tag {padding:12px 10px 13px 35px; margin:60px 10px 40px 10px; border:1px solid #d9d9d9; background:#fafafa url('/res/theme/uni/images/common/icon/icon_related_tag.png') no-repeat 15px center;}
.related_tag p {font-size:13px; color:#333; font-weight:bold;}
.related_tag p span {font-weight:normal; padding-left:15px;}

.related_data_list_title {margin-left:10px; padding:0 0 0 22px; font-size:18px; font-weight:bold; background: url('/res/theme/uni/images/common/icon/icon_title.png') no-repeat left 3px;}
ul.related_data_list {margin:20px 0 30px 0; font-size:13px; line-height:16px; border-top:2px solid #666; overflow:hidden;}
ul.related_data_list li {border-bottom: 1px dashed #ccc; padding:0;}
ul.related_data_list li a {display: block; padding: 10px; width: auto; color: #222; text-decoration: none; position: relative;}
ul.related_data_list li a:hover {background:#f8f8f8;}
ul.related_data_list li a .thumb {width: 80px; height: 60px; display: block; position: absolute; left: 0; top: 5px; text-align: center;}
ul.related_data_list li a .thumb img {width:100%;height:100%;}
ul.related_data_list .text {display: block; width: auto; padding: 8px 10px 4px 85px; height:38px;}
ul.related_data_list .text .title {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold;}
ul.related_data_list .text .desc {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 25px;}
ul.related_data_list li {list-style:none;}

/*  ****************************  쓰기 화면  ****************************  */
/* 쓰기 공통 */
.uni-form-table {width:100%; border-collapse:collapse; font-size:15px;}
.uni-form-table caption {position:absolute;width:1px !important;height:1px !important;padding:0px !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}
.uni-form-table tbody {border-top:2px solid #666;}
.uni-form-table tbody th.subject {padding-left:10px; color:#333; font-weight:bold; text-align:left; vertical-align:middle;}
.uni-form-table tbody th {padding:14px 10px; background:#fafafa; text-align:center; color:#333; background-color:#fafafa; border-bottom:1px solid #d9d9d9; vertical-align:middle;word-break:keep-all;}
.uni-form-table tbody td {padding:14px 10px; border-bottom:1px solid #d9d9d9; color:#333; line-height:1.6; text-align:left; background:#fff; vertical-align:middle;}
.uni-form-table tbody td input {height:30px; line-height:25px; padding:0 5px;}
.uni-form-table tbody td select {height:30px; line-height:25px; padding:0 25px 0 5px;}
.uni-form-table tbody td select.select_sgg {margin-left:5px;}
.uni-form-table tbody td select.select_sido, .uni-form-table tbody td select.select_sgg {background:#fff url('/contents/page/image/add_2018/header/select-arrow.png') no-repeat 95% 50%;}
.uni-form-table tbody td select#jobDiv, .uni-form-table tbody td select#jobDivDetailCd {background:#fff url('/contents/page/image/add_2018/header/select-arrow.png') no-repeat 94% 50%;}
.uni-form-table tbody td textarea {padding:10px;}
.uni-form-table tbody td #tags1, .uni-form-table tbody td #tags9 {margin-left:0;}
.uni-form-table tbody td .checkbox_span {margin:0 5px 0 20px;}

/* 쓰기 넓이 */
.uni-form-table tbody tr th {width:26%;}
.uni-form-table tbody tr td {width:auto;}
.uni-form-table tbody tr td.thum_img {width:273px;border-left:1px solid #d9d9d9;padding:3px;text-align:right;}
.uni-form-table tbody tr td.thum_img img {width:auto;max-height:150px;}

/* 쓰기 기본 : 2단 이상용 */
.uni-form-basic-table {width:100%; border-collapse:collapse; font-size:13px; word-break:keep-all;}
.uni-form-basic-table caption {position:absolute;width:1px !important;height:1px !important;padding:0px !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}
.uni-form-basic-table tbody {border-top:2px solid #666;}
.uni-form-basic-table tbody th.subject {padding-left:10px; color:#333; font-weight:bold; text-align:left; vertical-align:middle;}
.uni-form-basic-table tbody th {padding:10px 10px; background:#fafafa; text-align:center; color:#333; background-color:#fafafa; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.uni-form-basic-table tbody td {padding:10px 10px; border-bottom:1px solid #d9d9d9; color:#333; line-height:30px; text-align:left; background:#fff; vertical-align:middle;}
.uni-form-basic-table tbody td input {height:30px; line-height:25px; padding:0 5px;}
.uni-form-basic-table tbody td select {height:30px; line-height:25px; padding:0 30px 0 5px;}
.uni-form-basic-table tbody td textarea {padding:10px;}

/*  ****************************  리스트 페이징  ****************************  */
/* Paging */
.page_select {margin:20px 0 0 0; text-align:center;}
.page_select ol	{display:inline-block; height:32px; padding:0; margin:0;}
.page_select ol:after {clear:none; float:none;}
.page_select ol li {float:left; margin-right:3px; width:28px; height:28px; list-style: none;}
.page_select ol li a{display:block; width:28px; height:28px; line-height:26px; font-size:0.813em; text-align:center; border:1px solid #fff;border-radius:3px; color:#333; transition:all 0.2s;box-sizing:border-box;}
.page_select ol li a:hover, .page_select ol li a:focus {color:#fff; font-weight:bold; background:#364c86;border:1px solid #364c86;}
.page_select ol li.btn_prev_first, .page_select ol li.btn_prev_more, .page_select ol li.btn_prev, .page_select ol li.btn_next, .page_select ol li.btn_next_more, .page_select ol li.btn_next_last
{margin-top:-1px;text-indent:-9999px; border:1px solid #d9d9d9; border-radius:3px;}
.page_select ol li.btn_prev_first a:hover, .page_select ol li.btn_prev_more a:hover, .page_select ol li.btn_prev a:hover,
.page_select ol li.btn_next a:hover, .page_select ol li.btn_next_more a:hover, .page_select ol li.btn_next_last a:hover {border:1px solid #4666af;box-sizing:content-box;}
.page_select ol li.pcurrent {font-size:0.813rem; line-height:26px; text-align:center;border:1px solid #364c86; border-radius:3px; color:#fff;  font-weight:bold;  background:#364c86;box-sizing:border-box;}
.page_select ol li.btn_prev_first {background: url('/res/theme/uni/images/board/paging/btn_prev_first.png') 50% 50% no-repeat;}
.page_select ol li.btn_prev_more {background: url('/res/theme/uni/images/board/paging/btn_prev_more.png') 50% 50% no-repeat;}
.page_select ol li.btn_prev	{background: url('/res/theme/uni/images/board/paging/btn_prev.png') 50% 50% no-repeat; margin-right:9px;}
.page_select ol li.btn_next	{background: url('/res/theme/uni/images/board/paging/btn_next.png') 50% 50% no-repeat; margin-left:9px;}
.page_select ol li.btn_next_more {background: url('/res/theme/uni/images/board/paging/btn_next_more.png') 50% 50% no-repeat;}
.page_select ol li.btn_next_last {background: url('/res/theme/uni/images/board/paging/btn_next_last.png') 50% 50% no-repeat;}

.page_select ol li.btn_prev_first a	{background: url('/res/theme/uni/images/board/paging/btn_prev_first_on.png') 50% 50% no-repeat;}
.page_select ol li.btn_prev_more a {background: url('/res/theme/uni/images/board/paging/btn_prev_more_on.png') 50% 50% no-repeat;}
.page_select ol li.btn_prev a {background: url('/res/theme/uni/images/board/paging/btn_prev_on.png') 50% 50% no-repeat;}
.page_select ol li.btn_next a {background: url('/res/theme/uni/images/board/paging/btn_next_on.png') 50% 50% no-repeat;}
.page_select ol li.btn_next_more a {background: url('/res/theme/uni/images/board/paging/btn_next_more_on.png') 50% 50% no-repeat;}
.page_select ol li.btn_next_last a {background: url('/res/theme/uni/images/board/paging/btn_next_last_on.png') 50% 50% no-repeat;}

.page_select ol li.btn_prev_first a:hover {background: #4666af url('/res/theme/uni/images/board/paging/btn_prev_first_over.png') 50% 50% no-repeat;}
.page_select ol li.btn_prev_more a:hover {background: #4666af url('/res/theme/uni/images/board/paging/btn_prev_more_over.png') 50% 50% no-repeat;}
.page_select ol li.btn_prev a:hover	{background: #4666af url('/res/theme/uni/images/board/paging/btn_prev_over.png') 50% 50% no-repeat;}
.page_select ol li.btn_next a:hover	{background: #4666af url('/res/theme/uni/images/board/paging/btn_next_over.png') 50% 50% no-repeat;}
.page_select ol li.btn_next_more a:hover {background: #4666af url('/res/theme/uni/images/board/paging/btn_next_more_over.png') 50% 50% no-repeat;}
.page_select ol li.btn_next_last a:hover {background: #4666af url('/res/theme/uni/images/board/paging/btn_next_last_over.png') 50% 50% no-repeat;}

/*  ****************************  컨텐츠 탭  ****************************  */
ul.content_tab {width:100%; font-size:15px; overflow:hidden; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; margin:0 0 20px;}
ul.content_tab li {float:left; height:50px; line-height:50px; text-align:center; box-sizing:border-box; background: url('/res/theme/uni/images/menu/site_list_bg.png') 100% 50% no-repeat; list-style:none;}
ul.content_tab li a {display:block; height:50px; line-height:49px; color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
ul.content_tab li a:hover {font-weight:bold;background:url('/contents/page/image/support/content_tab_bg.png') 0 100% repeat-x;}
ul.content_tab li.on a {font-weight:bold;background-image: url('/contents/page/image/support/content_tab_bg.png'), url('/res/theme/uni/images/menu/site_list_bg.png'); background-position:left bottom, right center; background-repeat:repeat-x, no-repeat;}
ul.content_tab li:nth-child(2n).on a {background:url('/contents/page/image/support/content_tab_bg.png') 0 100% repeat-x;}

ul.uni-faq, ul.passwd, ul.emailid {margin:30px 0;}

/* 대표홈 고객광장 FAQ */
ul.content_tab.uni-faq li {width:50%;border-bottom:1px solid #d9d9d9;}
ul.content_tab.uni-faq li:nth-child(2n) {background:none;}
ul.content_tab.uni-faq li:nth-child(7), ul.content_tab.uni-faq li:nth-child(8) {border:0;}
ul.content_tab.uni-faq li:last-child.on {background:url('/contents/page/image/support/content_tab_bg.png') 0 100% repeat-x;}

/* 이벤트 리스트 */
ul.content_tab li:last-child.on {background:url('/contents/page/image/support/content_tab_bg.png') 0 100% repeat-x;}

/* 이메일 아이디 비밀번호 재설정 */
ul.content_tab.emailid li:first-child {width:50%;}
ul.content_tab.emailid li:last-child {width:50%; background:none;}
ul.content_tab.emailid li:last-child.on {background:url('/contents/page/image/support/content_tab_bg.png') 0 100% repeat-x;}

/* 이메일 아이디 비밀번호 재설정 3단 */
ul.content_tab.passwd li {width:25%;}
ul.content_tab.passwd li:first-child {width:32%;}
ul.content_tab.passwd li:nth-child(2) {width:43%;}
ul.content_tab.passwd li:last-child {background:none;}
ul.content_tab.passwd li:last-child.on {background:url('/contents/page/image/support/content_tab_bg.png') 0 100% repeat-x;}

/*회원정보 신규 2020년 개편 */
ul.content_tab.members li {width:50%;}
ul.content_tab.members li:nth-child(1), ul.content_tab.members li:nth-child(2) {border-bottom:1px solid #d9d9d9;}
ul.content_tab.members li:nth-child(2), ul.content_tab.members li:nth-child(4) {background:none;}
ul.content_tab.members li:last-child.on {background:url('/contents/page/image/support/content_tab_bg.png') 0 100% repeat-x;}

/* 2단탭 */
ul.content_tab.twotab li:first-child {width:50%;}
ul.content_tab.twotab li:last-child {width:50%; background:none;}
ul.content_tab.twotab li:last-child.on {background:url('/contents/page/image/support/content_tab_bg.png') 0 100% repeat-x;}

/* 3단탭 */
ul.content_tab.threetab li {width:33.33%;}
ul.content_tab.threetab li:last-child {background:none;}
ul.content_tab.threetab li:last-child.on {background:url('/contents/page/image/support/content_tab_bg.png') 0 100% repeat-x;}

/* 통일캠프 참가신청 현황 */
ul.content_tab.enter_camp_tab {margin:20px 0;}
ul.content_tab.enter_camp_tab li {width:50%;border-bottom:1px solid #d9d9d9;}
ul.content_tab.enter_camp_tab li:nth-child(5) {border-bottom:0;}
ul.content_tab.enter_camp_tab li:nth-child(2n) {background:none;}
ul.content_tab.enter_camp_tab li:nth-child(2n).on {background:url('/contents/page/image/support/content_tab_bg.png') 0 100% repeat-x;}

/* 북한청소년백과 */
ul.content_tab.dict_tab li {font-size:15px; width:20%;}
ul.content_tab.dict_tab li:last-child {background:none;}
ul.content_tab.dict_tab li:last-child.on {background:url('/contents/page/image/support/content_tab_bg.png') 0 100% repeat-x;}

/*  ****************************  페이지 내 서치바  ****************************  */
.uni-serchbox {width:100%; overflow:hidden;padding:20px 12px; position: relative; text-align:left; box-sizing:border-box;}
.uni-serchbox .uni-search {width:100%;}
.uni-serchbox .uni-search dl.uni-search-date {display:none;}
.uni-serchbox .uni-search dl.uni-search-info {display:inline-block; width:100%;}
.uni-serchbox .uni-search dl.uni-search-info .uni-search-condition select {line-height:18px; height:40px;}
.uni-serchbox .uni-search dl.uni-search-info dd.uni-search-radio {padding:11px 0; color:#333; font-size:14px;}
.uni-serchbox .uni-search dl.uni-search-info dd.uni-search-radio label {padding-left:5px;}
.uni-serchbox .uni-search dl.uni-search-info select{width:100%; height:40px; padding:10px 30px 10px 5px;}
.uni-serchbox .uni-search dl.uni-search-info .search_info_type {display:inline-block; width:80%; margin-top:10px;}
.uni-serchbox .uni-search dl.uni-search-info .search_info_type > input[type="text"] {width:100%; height:40px; box-sizing:border-box; text-indent:10px;}
.uni-serchbox .uni-search dl.uni-search-info input::-webkit-input-placeholder {color:#666;}
.uni-serchbox .uni-search dl.uni-search-info input:-moz-placeholder {color:#666; opacity:1;}
.uni-serchbox .uni-search dl.uni-search-info input::-moz-placeholder {color:#666; opacity:1;}
.uni-serchbox .uni-search dl.uni-search-info input:-ms-input-placeholder {color:#666;}
.uni-serchbox .uni-search button.uni-search-btn {position:absolute; width:17%; right:12px; bottom:20px; height:40px; line-height:34px; box-sizing:border-box; background:#364c86;border:0;border-radius:3px; color:#fff; transition:all 0.2s;}
.uni-serchbox .uni-search button.uni-search-btn:hover {background:#4666af;}

.uni-serchbox2 {width:100%; overflow:hidden; background: #ebebeb; margin-top:0; padding:0 12px 20px 12px; position: relative; box-sizing:border-box;}
.uni-serchbox2 .uni-search {width:100%;}
.uni-serchbox2 .uni-search dl.uni-search-date {display:none;}
.uni-serchbox2 dl.uni-search-info {display:inline-block; width:100%;}
.uni-serchbox2 dl.uni-search-info dd.uni-search-radio {padding:11px 0; color:#333; font-size:14px;}
.uni-serchbox2 dl.uni-search-info dd.uni-search-radio input {}
.uni-serchbox2 dl.uni-search-info dd.uni-search-radio label {padding-left:5px;}
.uni-serchbox2 dl.uni-search-info select{width:100%; height:40px; line-height:30px; padding:10px; text-indent:10px;}
.uni-serchbox2 dl.uni-search-info .search_info_type {margin-top:10px;}
.uni-serchbox2 dl.uni-search-info .search_info_type input[type="text"] {width:80%; height:40px; box-sizing: border-box; text-indent:10px;}
.uni-serchbox2 dl.uni-search-info input::-webkit-input-placeholder {color:#000;}
.uni-serchbox2 dl.uni-search-info input:-moz-placeholder {color:#000; opacity:1;}
.uni-serchbox2 dl.uni-search-info input::-moz-placeholder {color:#000; opacity:1;}
.uni-serchbox2 dl.uni-search-info input:-ms-input-placeholder {color:#000;}
.uni-serchbox2 .uni-search button.uni-search-btn {position:absolute; width:17%; right:12px; bottom:20px; height:40px; line-height:40px; box-sizing:border-box; background:#e37000; border:none; color:#fff; transition:all 0.2s;}
.uni-serchbox2 .uni-search button.uni-search-btn:hover {background:#ce6600;}

/*---------------------------제이쿼리---------------------------------- */
.ui-widget-header {border:1px solid #9ec2d4; background: #0078b6 url('/res/theme/uni/images/ui-bg_glass_30_000000_1x400.png') 50% 50% repeat-x; color:#fff;}

/* 사전관련 서치바 */
.dic_search_area {background:#c5cbd4; padding:0; text-align:center; margin-bottom:10px;}
.dic_search_area ul {padding:20px 10px; overflow:hidden;}
/* .dic_search_area ul li {float:left; list-style:none; background:#ebebeb; width:11%; height:40px; line-height:40px; margin-right:1.714285714285714%; text-align:center;-webkit-box-shadow: 3px 3px 0 0 #a7a7a7; box-shadow: 3px 3px 0 0 #a7a7a7;} */
.dic_search_area ul li {float:left; list-style:none; background:#ebebeb; width:11%; height:40px; line-height:40px; margin-right:1.714285714285714%; text-align:center;}
.dic_search_area ul li a {display:block; height:40px; color:#333; font-size:24px;}
.dic_search_area ul li a:hover {color:#fff; background:#e37000;box-shadow: 3px 3px 0 0 #b15700;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.dic_search_area ul li.on a {color:#fff; background:#e37000;box-shadow: 3px 3px 0 0 #b15700;}
.dic_search_area ul li:last-child a {font-size:14px; font-weight:bold;}
.dic_search_area ul li:last-child a span {font-size:9px; position:relative; bottom:2px;}
.dic_search_area ul li:nth-child(8), .dic_search_area ul li:last-child {margin-right:0;}
.dic_search_area ul li:nth-child(9), .dic_search_area ul li:nth-child(10), .dic_search_area ul li:nth-child(11), .dic_search_area ul li:nth-child(12), .dic_search_area ul li:nth-child(13),
.dic_search_area ul li:nth-child(14), .dic_search_area ul li:nth-child(15) {margin-top:10px;}

.dic_search_area .uni-serchbox {margin:0;}

/* 자료마당 검색조건 */
.data_wrap {width:100%;padding:20px 10px 0;margin:8px 0 15px;border:2px solid #364c86;border-radius:5px;box-sizing:border-box;}
.mb35 {margin-bottom:35px;}

.data_search_wrap {width:100%; margin:0 auto 20px; text-align:center;}
.data_search_wrap .data_search {position:relative;width:100%;}
.data_search_wrap .data_search .data_search_tit {display:none;margin-right:10px;font-size:16px;font-weight:bold;}
.data_search_wrap .data_search input {width:50%; margin-right:1%; height:36px; border:1px solid #b7b7b7; padding:0 0 0 10px;}
.data_search_wrap .data_search a.search_btn {margin-right:2px;cursor:pointer;}
.data_search_wrap .data_search a.btn_toggle_search {width:35%; margin-top:5px;}

.data_sort_wrap {position:relative; width:100%; margin:0 auto;background:#fff; z-index:2;box-sizing:border-box;}
	ul.data_sort_area {position:relative; width:100%; margin:0; padding:0; list-style:none;}
	ul.data_sort_area:after{content:"";display:block;clear:both}
	ul.data_sort_area li ul.hide_ul {width:100%;list-style:none;}
	ul.data_sort_area li ul.hide_ul:after{content:'';display:block;clear:both}
	ul.data_sort_area li ul.hide_ul .ls1 {margin-bottom:10px;padding-bottom:10px; font-weight:bold;}
	ul.data_sort_area li ul.hide_ul .ls1:hover, ul.data_sort_area li ul.hide_ul .ls1_on {background:#f3f7ff;}
	ul.data_sort_area li ul.hide_ul .ls1:first-child {display:none;}
	ul.data_sort_area li ul.hide_ul .ls1 > a 	{display:block;background:#ebebeb; padding:9px 0 10px; color:#333; text-align:center; font-size:15px;}
	ul.data_sort_area li ul.hide_ul .ls1:hover > a, ul.data_sort_area li ul.hide_ul .ls1 > a:hover, ul.data_sort_area li ul.hide_ul .ls1_on > a, .ls1_tit {background:#364c86 !important; color:#fff !important;}
	ul.data_sort_area li ul.hide_ul .ls1 ul {margin:12px 0 0;}
	ul.data_sort_area li ul.hide_ul .ls1 .ls2 {list-style: none;margin-left:20px; font-size:14.5px;font-weight:bold; color:#364c86;}
	ul.data_sort_area li ul.hide_ul .ls1 .ls2_tit {margin-bottom:4px;padding-left:12px;background:url('/contents/page/image/bbs/ls2_tit_bullet.gif') no-repeat 0 50%;}
	ul.data_sort_area li ul.hide_ul .ls1 .ls2 a {display:block; background: url('/contents/page/image/bbs/list_bullet.png') no-repeat 0 11px; padding:3px 0 6px 13px;color:#333; font-size:14px;word-break:keep-all;}
	ul.data_sort_area li ul.hide_ul .ls1 .ls2 a:hover, ul.data_sort_area li ul.hide_ul .ls1 .ls2_on a {background: url('/contents/page/image/bbs/list_bullet_on.png') no-repeat 0 11px, url('/contents/page/image/bbs/list_on_right_arrow.png') no-repeat 92% 50%; color:#364c86;text-decoration:underline;}
	ul.data_sort_area li ul.hide_ul .ls1 .ls3 {display:none; list-style: none; padding:0 8px;}
 	ul.data_sort_area li ul.hide_ul .ls1 .ls3_block {display:block;}
	ul.data_sort_area li ul.hide_ul .ls1 .ls3 a {display:block;width:100%;background: url('/contents/page/image/bbs/list_bullet_minus.png') no-repeat 25px 50%; padding:3px 0 6px 35px; font-size:14px;color:#666;font-weight:normal;box-sizing:border-box;}
	ul.data_sort_area li ul.hide_ul .ls1 .ls3 a:hover, ul.data_sort_area li ul.hide_ul .ls1 .ls3_on a {background:url('/contents/page/image/bbs/list_bullet_minus_on.png') no-repeat 25px 50%, url('/contents/page/image/bbs/list_on_right_arrow.png') no-repeat 96% 50%; color:#364c86;text-decoration:underline;}

	#search_pds_tab2 ul.hide_ul li.data_detail_search {position:relative; padding-left:140px;}
	#search_pds_tab2 ul.hide_ul li.data_detail_search:first-child {border-bottom:1px dashed #d9d9d9;}
	#search_pds_tab2 ul.hide_ul li.data_detail_search:last-child {margin-top:10px;}
	#search_pds_tab2 ul.hide_ul li.data_detail_search span.detail_title {display:inline-block; width:120px; height:35px; margin-bottom:10px; position:absolute; left:0; top:0; text-align:center; line-height:33px; font-weight:bold; color:#333;}
	#search_pds_tab2 ul.hide_ul li.data_detail_search ul li {display:inline-block; margin:0 10px 10px 0;}
	#search_pds_tab2 ul.hide_ul li.data_detail_search ul li a {text-align:center; line-height:35px; display:inline-block; width:120px; height:35px; line-height:33px; border-radius:3px; font-weight:bold;}
	#search_pds_tab2 ul.hide_ul li.data_detail_search ul li.on a {background:#0078b6; border:1px solid #0078b6; color:#fff;}
	#search_pds_tab2 ul.hide_ul li.data_detail_search ul li.off a {background:#ffffff; border:1px solid #d9d9d9; color:#666;}

.btn_toggle_data_sort {width:101px;height:25px;line-height:25px;margin:0 0 0 -50.5px;background:url('/contents/page/image/bbs/btn_toggle_search_on2.png') no-repeat 50% 0;text-align:center;
position:absolute;left:50%;}
.btn_toggle_data_sort a {display:block;font-size:12px;font-weight:bold;color:#fff;}
.btn_toggle_search_on {position:relative;background:url('/contents/page/image/bbs/btn_toggle_search.png') no-repeat 50% 0 !important;}
.btn_toggle_search_on a {color:#666 !important;}
.btn_toggle_search_on:hover {background:url('/contents/page/image/bbs/btn_toggle_search_on.png') no-repeat 50% 0 !important;}
.btn_toggle_search_on:hover a {color:#fff !important;}

/*자료마당 검색 2020년 개편 */
.search_wrap {position:relative;background:#f4f6f7;padding:30px 40px;color:#666;font-weight:bold;margin-bottom:15px;}
.select_search_data {position:relative;}
.select_search_data .button_data a {padding:11px 0;width:18%;}
.select_search_data select {display:none;}
.select_search_data input {width:60%;height:45px;font-size:12px;border:1px solid #ddd;padding:0 0 0 15px;}
.select_search_button {position:absolute;top:30px;right:50px;width:28%;}
.select_search_button .button_data a {padding:11px 0;width:46%;}
.select_sort_data {margin-top:30px;}
.select_sort_data ul {display:inline-block;vertical-align:bottom;}
.select_sort_data ul li {float:left;width:auto;margin-right:25px;list-style:none;}
.select_sort_data li input {width:22px;height:22px;margin-right:3px;cursor:pointer;}
.select_sort_data span {display:inline-block;width:10%;border-right:1px solid #666;margin:8px 15px 0 5px;font-size:16px;line-height:20px;}
.select_sort_data select {width:52%;height:35px;padding:0 20px 0 10px;border:1px solid #9b9b9b;border-radius:5px;background:#f4f6f7 url('/contents/page/image/add_2018/header/select-arrow2.png') no-repeat center right;}

.tablist {display:none;width:100%;height:55px;margin:15px auto;border-bottom:2px solid #3b80f1;}
.tablist ul {width:100%;position:relative;}
.tablist ul li {width:20%;float:left;list-style:none;}
.tablist li a {display:block;border-top:1px solid #ddd;border-left:1px solid #ddd;height:55px;line-height:53px;text-align:center;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tablist li:nth-child(5) a {border-right:1px solid #ddd;}
.tablist li.on > a {background:#3b80f1;color:#fff;}
.mo_tablist {display:block;margin:15px auto;padding:0.5rem 1.5rem;width:100%;background:url('/contents/page/image/add_2018/header/select-arrow2.png') no-repeat center right;}


/* 이벤트 페이지 내 서치바 */
div.uni-event-serchbox {overflow:hidden; background: #f8f8f8; margin:10px 0 10px 0; border:1px solid #d9d9d9; padding:20px 12px; position: relative; box-sizing:border-box;}
	dl.search_event dt {font-size:13px; font-weight:bold; color:#333; margin-bottom:7px;}
	dl.search_event dd select {width:100%; height:40px; padding:10px; box-sizing:border-box;}

	dl.search_event_info {margin-top:15px; overflow:hidden;}
	dl.search_event_info dt {font-size:13px; font-weight:bold; color:#333; margin-bottom:7px;}
	dl.search_event_info dd {float:left;}
	dl.search_event_info dd.search_event_info_select {width:20%; margin-right:2%;}
	dl.search_event_info dd.search_event_info_select select {width:100%; height:30px; padding-left:5px; box-sizing:border-box;}
	dl.search_event_info dd.search_event_info_input {width:58%;}
	dl.search_event_info dd.search_event_info_input input {width:30%;height:30px; padding-left:7px; box-sizing:border-box;float:left;}
	dl.search_event_info dd.search_event_info_input input#lkSearchName {width:100%;}
	dl.search_event_info dd.search_event_info_input span {padding:0 1%;float:left;}
	dl.search_event_info dd.search_event_btn {width:18%;float:right;}
	dl.search_event_info dd.search_event_btn button {width:100%;box-sizing:border-box;}

/* tab sort */
.tabsort {margin:0 15px 10px 0; float:right;}
.tabsort span {font-size:13px; color:#555;}
.tabsort li {display:inline-block; padding:0; background:url('/res/theme/uni/images/etc/tabsort_off.png') no-repeat right center; background-size:12px 12px; color:#555;margin-right:15px;}
.tabsort li:last-child {margin-right:0;}
.tabsort li.total {background:none;}
.tabsort li a {display:block; padding-right:18px; color:#555; font-size:13px;}
.tabsort li a.on {padding-right:18px; background:url('/res/theme/uni/images/etc/tabsort_on.png') no-repeat right center; color:#000; background-size:12px 12px; color:#555; font-weight:bold;}

/*======================================
			태블릿용 CSS
========================================*/

@media all and (min-width:768px){

/*  ****************************  자료마당 이미지 리스트  ****************************  */
ul.uni-data-list-ul > li {width:50%;}
ul.uni-data-list-ul > li:nth-child(odd) {border-right:1px solid #d9d9d9;}
ul.uni-data-list-ul > li > ul > li.data_list_title {padding:0 5px 10px 5px;}

/*  ****************************  UniTV 태그 이미지 리스트  ****************************  */
ul.unitv-data-list-ul > li {width:50%;}
ul.unitv-data-list-ul > li:nth-child(odd) {border-right:1px solid #d9d9d9;}
ul.unitv-data-list-ul > li > ul > li.data_list_title {}

/*  자료마당 동영상 미지원시 안내 영역  */
.main_vod_warring ul li img, .vod_warring ul li img {width:72px;height:72px;}
.main_vod_warring ul li a, .vod_warring ul li a {font-size:14px;}
.vod_warring {width:80%;}

/*  ****************************  이벤트 당선작품 리스트  ****************************  */
ul.uni-award-list-ul li {width:50%;}
ul.uni-award-list-ul li:nth-child(odd) {border-right:1px solid #d9d9d9;}
ul.uni-award-list-ul li ul li.data_list_title {padding-top:10px;}

/*  ****************************  이벤트 리스트  ****************************  */
ul.uni-evnet-list-ul li {overflow:hidden;}
ul.uni-evnet-list-ul li div {width:260px; height:106px; float:left; margin:10px 20px 10px 20px;}
ul.uni-evnet-list-ul li ul li.item1 {width:80%; padding:0 0 10px 0; margin-top:10px;}
ul.uni-evnet-list-ul li ul li.item2 {width:80%; padding:0;}
ul.uni-evnet-list-ul li ul li.item3 {width:80%; padding:0 0 0 13px; margin:10px 0; background:url('/res/theme/uni/images/common/icon/bullet.png') no-repeat 3px 6px;}
ul.uni-evnet-list-ul li ul li.item4 {width:80%; padding:0 0 0 13px; margin:8px 0; background:url('/res/theme/uni/images/common/icon/bullet.png') no-repeat 3px 6px;}
ul.uni-evnet-list-ul li ul li.item5 {right:15px; top:5px; width:65px; height:40px; border-radius:3px; font-size:15px; line-height:40px;}
ul.uni-evnet-list-ul li ul li.item6 {right:15px; top:50px; width:65px; height:30px; border-radius:3px; font-size:15px; line-height:30px;}
ul.uni-evnet-list-ul li ul li.item7 {right:15px; top:85px; width:65px; height:30px; border-radius:3px; font-size:15px; line-height:30px;}

/*  ****************************  리스트  ****************************  */
/* 가로리스트 스타일 */
.uni-list-table th, .uni-list-table td {padding:14px 3px;}
.uni-list-table tbody tr td.subject a {padding:14px 3px; width:auto;}

/*  ****************************  상세보기 화면  ****************************  */
.viewwrap .infobox h4, .viewwrap .infobox h4.reply, .viewwrap .infobox .download_file {padding:0 15px;}
.viewwrap .infobox .info {padding:0 10px 15px 10px; }

.viewwrap dl.book_intro dt, .viewwrap dl.book_list dt {padding:20px 0 0 15px;}

.editor_area {padding:20px 15px;}

/*  ****************************  쓰기 화면  ****************************  */
.uni-form-table {word-break:keep-all;}
.uni-form-table tbody tr th {width:20%;}
.uni-form-table tbody tr td {width:auto;}

/*  ****************************  컨텐츠 탭  ****************************  */
ul.content_tab li:last-child {background:none;}
ul.content_tab li:nth-child(2n).on a {background-image: url('/contents/page/image/support/content_tab_bg.png'), url('/res/theme/uni/images/menu/site_list_bg.png'); background-position:left bottom, right center; background-repeat:repeat-x, no-repeat;}
ul.content_tab li:last-child.on a {background:url('/contents/page/image/support/content_tab_bg.png') left bottom repeat-x;}

/* 이메일 아이디 비밀번호 재설정 3단 */
ul.content_tab.passwd li {width:33.33% !important;}

/* 대표홈 고객광장 FAQ */
ul.content_tab.uni-faq li {width:12%;border:0;}
ul.content_tab.uni-faq li:nth-child(5) {width:16%;}
ul.content_tab.uni-faq li:nth-child(2n) {background:url('/res/theme/uni/images/menu/site_list_bg.png') right center no-repeat;}
ul.content_tab.uni-faq li:last-child {background:none;}

/* 통일캠프 참가신청 현황 */
ul.content_tab.enter_camp_tab li {width:33.33%;border-bottom:0;}
ul.content_tab.enter_camp_tab li:nth-child(2n) {background:url('/res/theme/uni/images/menu/site_list_bg.png') right center no-repeat;}
ul.content_tab.enter_camp_tab li:nth-child(3n) {background:none;}
ul.content_tab.enter_camp_tab li:nth-child(3n).on {background:url('/res/theme/uni/images/menu/content_tab_bg.png'); background-position:left bottom; background-repeat:repeat-x}

/*  ****************************  페이지 내 서치바  ****************************  */
/* 페이지 내 서치바 */
.uni-serchbox {display:inline-block; width:auto; margin:20px auto 0 auto; padding:10px 30px; border-radius:5px;}
.uni-serchbox .uni-search {text-align:center;}
.uni-serchbox .uni-search dl.uni-search-info {display:inline-block; width:auto;}
.uni-serchbox .uni-search dl.uni-search-info dd {display:inline-block; vertical-align:top;}
.uni-serchbox .uni-search dl.uni-search-info .uni-search-condition {width:auto;}
.uni-serchbox .uni-search dl.uni-search-info .search_info_type {margin-top:0; width:350px; margin-left:3px;}
.uni-serchbox .uni-search button.uni-search-btn {display:inline-block; position:relative; width:80px; margin-left:5px; top:1px;right:auto; bottom:auto;}

/* 발간자료 이용문의 */
.uni-serchbox.data_publish_search {text-align:center; width:96%;}

/* 사전관련 서치바 */
.dic_search_area {padding:20px 15px;}
.dic_search_area ul {padding:0 0 3px 0; margin-bottom:20px;}
.dic_search_area ul li {width:6%; margin-right:0.71%;}
.dic_search_area ul li:nth-child(8) {margin-right:0.71%;}
.dic_search_area ul li:last-child {margin-right:0;}
.dic_search_area ul li:nth-child(9), .dic_search_area ul li:nth-child(10), .dic_search_area ul li:nth-child(11), .dic_search_area ul li:nth-child(12),
.dic_search_area ul li:nth-child(13), .dic_search_area ul li:nth-child(14), .dic_search_area ul li:nth-child(15) {margin-top:0;}
.dic_search_area .uni-serchbox {width:100%;}

/* 자료마당 검색조건 */
.data_wrap {padding:20px 20px 0;}
.data_search_wrap {width:96%;}
.data_search_wrap .data_search {width:100%; margin:0;}
.data_search_wrap .data_search input {width:260px; margin-right:3px;}
.data_search_wrap .data_search a.btn_toggle_search {width:auto; margin-top:0;}

ul.data_sort_area li ul.hide_ul .ls1 {width:49%;margin-right:2%;float:left;}
ul.data_sort_area li ul.hide_ul .ls1:first-child {display:inline-block;padding-bottom:0;}
ul.data_sort_area li ul.hide_ul .ls1:nth-child(2n) {margin-right:0;}
ul.data_sort_area li ul.hide_ul .ls1:nth-child(3) ul {width:50%;}
ul.data_sort_area li ul.hide_ul .ls1 .ls2 {margin-left:20px;padding:0;}
ul.data_sort_area li ul.hide_ul .ls1 .ls2_tit {padding-left:12px;background:url('/contents/page/image/bbs/ls2_tit_bullet.gif') no-repeat 0 50%;}
ul.data_sort_area li ul.hide_ul .ls1 .ls2 a {background: url('/contents/page/image/bbs/list_bullet.png') no-repeat 0 11px; padding:3px 0 6px 13px;}

/* 이벤트 페이지 내 서치바 */
div.uni-event-serchbox {padding:20px 20px;}
dl.search_event_info dd.search_event_info_select {width:18%;}
dl.search_event_info dd.search_event_info_input {width:60%;}
dl.search_event_info dd.search_event_btn {width:19%;float:right;}


/*자료마당 검색 2020년 개편 */
.search_wrap {height:175px;}
.select_search_data .button_data a {padding:11px 0;width:12%;}
.select_search_data input {width:62%;font-size:16px;}
.select_search_data select {display:inline-block;width:11%;height:45px;padding:0 18px 0 10px;border:1px solid #ddd;font-size:15px;}
.select_search_button {width:23%;}
.select_search_data .button_data a {padding:11px 0;width:12%;}

.mo_tablist {display:none;}
.tablist {display:block;}

/*회원정보 신규 2020년 개편 */
ul.content_tab.members li {width:25% !important;}
ul.content_tab.members li:nth-child(1), ul.content_tab.members li:nth-child(2) {border-bottom:0;}
ul.content_tab.members li:nth-child(2) {background: url('/res/theme/uni/images/menu/site_list_bg.png') 100% 50% no-repeat;}

}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){
/*  ****************************  이미지 리스트  ****************************  */
ul.uni-data-list-ul > li:nth-child(odd) {border-right:1px solid #f8f8f8;}
ul.uni-data-list-ul > li {width:25%;border-right:1px solid #f8f8f8;}
ul.uni-data-list-ul > li.small { height:240px; }
ul.uni-data-list-ul > li:nth-child(4n) {border-right:none;}

/*  ****************************  UniTV 태그 이미지 리스트  ****************************  */
ul.unitv-data-list-ul > li:nth-child(odd) {border-right:1px solid #f8f8f8;}
ul.unitv-data-list-ul > li {width:33.33%;border-right:1px solid #f8f8f8;}
ul.unitv-data-list-ul > li.small { height:240px; }
ul.unitv-data-list-ul > li:nth-child(3n) {border-right:none;}

/*  ****************************  이벤트 당선작품 리스트  ****************************  */
ul.uni-award-list-ul > li:nth-child(odd) {border-right:1px solid #f8f8f8;}
ul.uni-award-list-ul > li {width:25%; border-right:1px solid #f8f8f8;}
ul.uni-award-list-ul > li:nth-child(4n) {border-right:none;}

/*  ****************************  이벤트 리스트  ****************************  */
ul.uni-evnet-list-ul li div {margin:10px 30px 10px 0;}
ul.uni-evnet-list-ul li ul li.item1 {width:85%; margin-top:10px;}
ul.uni-evnet-list-ul li ul li.item2 {width:85%;}
ul.uni-evnet-list-ul li ul li.item3 {width:85%;}
ul.uni-evnet-list-ul li ul li.item4 {width:85%; margin-bottom:25px;}
ul.uni-evnet-list-ul li ul li.item5 {right:15px; top:10px; width:75px; height:40px;}
ul.uni-evnet-list-ul li ul li.item6 {right:15px; top:55px; width:75px; height:30px;}
ul.uni-evnet-list-ul li ul li.item7 {right:15px; top:90px; width:75px; height:30px;}

/*  ****************************  상세보기 화면  ****************************  */
.viewwrap > .infobox > h4 {padding:0 20px;}
.viewwrap > .infobox > h4.reply {padding:0 20px;}
.viewwrap > .infobox > .info {padding:9px 15px 15px 20px;}
.viewwrap > .infobox > .download_file {padding:10px 20px;}

.viewwrap dl.book_intro dt {padding:20px 0 0 0;}
.viewwrap dl.book_list dt {padding:20px 0 0 0;}

.editor_area {padding:20px 0;}

/*  ****************************  동영상 보기 화면  ****************************  */
.movie_area {padding:20px 0;}
.vod_warring {width:60%;}

/*  ****************************  상세화면 연관태그 및 관련자료 보기  ****************************  */
.related_tag {margin:30px 0;}

.related_data_list_title {margin-left:0;}
ul.related_data_list li {width:50%; box-sizing:border-box; float:left;}

/*  ****************************  컨텐츠 탭  ****************************  */
/* 이벤트 리스트 */
ul.content_tab.uni-faq li {width:12%;}
ul.content_tab.uni-faq li:nth-child(5) {width:16%;}

/* 통일캠프 참가신청 현황 */
ul.content_tab.enter_camp_tab li {width:20%;}
ul.content_tab.enter_camp_tab li:nth-child(3n) {background:url('/res/theme/uni/images/menu/site_list_bg.png') right center no-repeat;}
ul.content_tab.enter_camp_tab li:last-child {background-image: none}
ul.content_tab.enter_camp_tab li:last-child.on {background-image: url('/res/theme/uni/images/menu/content_tab_bg.png'); background-position:left bottom; background-repeat:repeat-x;}
ul.content_tab.enter_camp_tab li a span {font-size:13px;}

/*  ****************************  페이지 내 서치바  ****************************  */
/* 페이지 내 서치바 */
.uni-search dl {vertical-align:middle;}
.uni-search dl.uni-search-date {display:inline-block; width:30%; box-sizing:border-box; margin-left:50px;}
.uni-search dl.uni-search-date dd {position:relative; display:inline-block; vertical-align:middle;}
.uni-search dl.uni-search-date dd.loca01, .uni-search dl.uni-search-date dd.loca02 {width:45%;}
.uni-search dl.uni-search-date dd input {width:100%; height:40px; vertical-align:middle; text-indent:8px;}
.uni-search dl.uni-search-date dd a {display:inline-block; width:18%; position:absolute; right:7px; top:9px;}
.uni-search dl.uni-search-date dd a img {width:100%; vertical-align:middle;}
.uni-search dl.uni-search-info {width:51%; margin-left:10px;}
.uni-search dl.uni-search-info dd.uni-search-calender {width:25%;}
.uni-search dl.uni-search-info .search_info_type {width:72%; margin-left: 1%;}
.uni-search dl.uni-search-info dd.search_info_type input[type="text"]{width: 100%;}
.uni-search button.uni-search-btn {width:10%; right:20px;}

/* 발간자료 이용문의 */
.uni-serchbox.data_publish_search {width:100%;}

/*---------------------------제이쿼리---------------------------------- */
#ui-datepicker-div{position:relative; width:300px; z-index:1000 !important; visibility:visible;}

/* 발간자료 이용문의 */
.data_publish_search dl.uni-search-date {margin-left:10px;}
.data_publish_search dl.uni-search-info {width:60%;}
.data_publish_search dl.uni-search-info .uni-search-condition {width:40%;}
.data_publish_search dl.uni-search-info .search_info_type {padding-top:0; width:50%;}

/*  ****************************  남북사전 화면  ****************************  */
/* 사전관련 서치바 */
.dic_search_area {padding:20px;}
.dic_search_area ul {width:80%; margin:0 auto 20px auto;}
.dic_search_area ul li {width:5.5%; margin-right:1.25%;}
.dic_search_area ul li:nth-child(8) {margin-right:1.25%;}

/* 자료마당 검색조건 */
.data_search_wrap {width:100%;}
.data_search_wrap .data_search .data_search_tit {display:inline-block;}
.data_search_wrap .data_search input {width:360px;}

	ul.data_sort_area li ul.hide_ul .ls1 {width:25%;height:345px;margin-right:1%;}
	ul.data_sort_area li ul.hide_ul .ls1:first-child {display:none;}
	ul.data_sort_area li ul.hide_ul .ls1:nth-child(2) {margin-right:1%;}
	ul.data_sort_area li ul.hide_ul .ls1:nth-child(3) {width:48%;}
	ul.data_sort_area li ul.hide_ul .ls1:nth-child(4) {margin-right:0;}
	ul.data_sort_area li ul.hide_ul .ls1 > a {padding:8px 15px 10px 15px;}
	ul.data_sort_area li ul.hide_ul .ls1_on > a {padding:8px 15px 10px 15px;}

.h354 {height:380px !important;}
.h326 {height:326px !important;}

	#search_pds_tab2 ul.hide_ul {position:relative; top:3px;}
	#search_pds_tab2 ul.hide_ul li.data_detail_search {padding-left:110px;}
	#search_pds_tab2 ul.hide_ul li.data_detail_search span.detail_title {width:100px;}
	#search_pds_tab2 ul.hide_ul li.data_detail_search ul li {margin:0 10px 8px 0;}
	#search_pds_tab2 ul.hide_ul li.data_detail_search ul li a {width:100px;}

/* 이벤트 페이지 내 서치바 */
dl.search_event {width:65%; float:left;}
dl.search_event_info {width:35%;margin-top:0; float:right;}
}

/*============================================================================================================================
								      각 게시판 설정 - 리스트 숨김 설정 및 넓이값 지정
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/
/* 발간자료 이용문의 리스트 */
.data_publish_list thead tr th:nth-child(1), .data_publish_list tbody tr td:nth-child(1) {display:none;}
.data_publish_list thead tr th:nth-child(4), .data_publish_list tbody tr td:nth-child(4) {display:none;}
.data_publish_list thead tr th:nth-child(2) {width:auto;}
.data_publish_list thead tr th:nth-child(3) {width:15%;}
.data_publish_list thead tr th:nth-child(5) {width:25%;}
.data_publish_list tbody tr td:nth-child(5) span {color:#46900b;}

/*======================================
			태블릿용 CSS
========================================*/
@media all and (min-width:768px){

/* 발간자료 이용문의 리스트 */
.data_publish_list thead tr th:nth-child(1), .data_publish_list tbody tr td:nth-child(1) {display:table-cell;}
.data_publish_list thead tr th:nth-child(4), .data_publish_list tbody tr td:nth-child(4) {display:table-cell;}
.data_publish_list thead tr th:nth-child(1) {width:7%;}
.data_publish_list thead tr th:nth-child(2) {width:auto;}
.data_publish_list thead tr th:nth-child(3) {width:7%;}
.data_publish_list thead tr th:nth-child(4) {width:11%;}
.data_publish_list thead tr th:nth-child(5) {width:18%;}
}

/*============================================================================================================================
											이벤트 로그인 회원가입 등 시스템 화면
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/
/* 통일이벤트 이벤트 응모화면 */
ul.basic_process {width:95%; margin:30px auto; border:1px solid #d9d9d9; overflow:hidden; box-sizing:border-box;}

ul.basic_process li {position:relative; float:left; padding:20px 5px; width:100%; list-style:none; text-align:center; font-size:15px; line-height:18px; color:#333; box-sizing:border-box; border-bottom:1px solid #d9d9d9;}
ul.basic_process li:last-child {border-bottom:none;}
ul.basic_process li.on {background:#666; color:#fff; font-weight:bold;}
ul.basic_process li img {position:absolute; right:-7px; top:23px;}

/* 어린이기자단 참가신청 */
div.essayDetlInfoHead {position:relative; width:100%; height:40px; background:#f8f8f8; border:1px solid #d9d9d9; line-height:36px; box-sizing:border-box;}
div.essayDetlInfoHead h6 {position:absolute; left:10px; top:11px; color:#333;}
div.essayDetlInfoHead span.button_30 {position:absolute; right:10px; bottom:3px;}
div.essayDetlInfoBody {width:100%; height:auto; border:1px solid #d9d9d9; padding:15px; font-size:14px; margin-bottom:5px; overflow:hidden; box-sizing:border-box;}

/* 통일이벤트 개인정보 수집 */
.section_agreement {width:95%; height:250px; margin:10px auto;  padding:10px; border:1px solid #d9d9d9; background-color:#fff; box-sizing:border-box;}
.box_agreement {overflow-x:hidden; overflow-y:scroll; width:100%; height:230px; margin:0 auto; padding:5px; text-align:left; line-height:18px; font-size:13px; color:#333; box-sizing:border-box;}

/* 통일이벤트 응모완료 */
.basic_complete {padding:30px 0 60px 0; border-bottom:1px solid #d9d9d9;}
.basic_complete .basic_complete_img {text-align:center; margin-bottom:20px;}
.basic_complete .basic_luckbox_img {text-align:center; margin-bottom:20px;}
.basic_complete .basic_complete_txt {width:90%; margin:0 auto; text-align:center;}
.basic_complete .basic_complete_txt p {font-size:14px; color:#333; line-height:25px;}
.basic_complete .basic_complete_txt p:first-child {font-size:23px; font-weight:bold; line-height:32px;}
.basic_complete .basic_complete_txt p:nth-child(2) {font-size:17px;}

/*  ****************************  로그인 화면  ****************************  */
/* 상단 설명 텍스트 */
.title_area_add div.publish_info_login {padding-top:90px; margin-top:50px; background: url('/res/theme/uni/images/common/logo.png') center top no-repeat; background-size:200px 51px;}
.title_area_add div.publish_info_login p {font-size:13px; color:#666; line-height:20px; padding:0 20px; text-align:center;}
.title_area_add div.publish_info_login p:first-child {font-size:18px; color:#333; line-height:24px; margin-bottom:10px;}

.title_area_add div.publish_info_login2 {background:none;}
.title_area_add div.publish_info_login2 p {padding:0;line-height:0;}

/* 패스워드 변경 */
/* .title_area_add div.reset_pw_txt {padding-top:90px; margin-top:0; background: url('/res/theme/uni/images/common/logo.png') center top no-repeat;} */
.title_area_add div.reset_pw_txt p {font-size:13px; color:#666; line-height:20px; padding:0 20px; text-align:center;}
.title_area_add div.reset_pw_txt p:first-child {font-size:18px; color:#333; line-height:24px; margin-bottom:10px;}

/* 로그인 영역 */
.login_form {padding:20px 15px; margin-top:50px; background:#fafafa; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.login_form input[type=text], .login_form input[type=password] {
	/* Size and position */width:100%; padding:7px 10px; margin-bottom:12px; box-sizing:border-box;
	/* Styles */border: 1px solid #d9d9d9;
	/* Fallback */border-radius: 2px; box-shadow:0 1px 0 rgba(255,255,255,0.2), inset 0 1px 1px rgba(0,0,0,0.1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
    /* Font styles */color:#333; font-size:1.5em;}
.login_form input::-webkit-input-placeholder {color:#b7b7b7; text-shadow: 0 1px 0 rgba(255,255,255,0.15);}
.login_form input:-moz-placeholder {color:#b7b7b7; text-shadow: 0 1px 0 rgba(255,255,255,0.15);}
.login_form input:-ms-input-placeholder {color:#b7b7b7; text-shadow:0 1px 0 rgba(255,255,255,0.15);}
.login_form input[type=text]:hover, .login_form input[type=password]:hover {border-color:#333;}
.no-boxshadow .login_form input[type=text]:focus, .no-boxshadow .login_form input[type=password]:focus {outline: 1px solid #f8f8f8;}

.login_form input[type=submit] {
/* Size and position */width:100%; padding:11px 5px 12px 5px; box-sizing:border-box;
/* Styles */background:#e37000;  border-radius:3px; border:1px solid #ce6600; cursor:pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
/* Font styles */color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.3); font-size:16px; font-weight:bold;}
.login_form input[type=submit]:hover {background:#ce6600;}
.login_form .tal span a {width:100%; margin-top:10px;box-sizing:border-box;}
.login_form label {display:none; padding:0 0 5px 2px; cursor: pointer;}
.login_form label:hover ~ input {border-color: #333;}
.no-placeholder .login_form label {display: block;}

.login_form2 {padding:20px 15px; margin:30px auto 0; background:#fafafa; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.login_form2 .login_util1 {width:70%;margin:0 auto;font-weight:bold;font-size:16px;list-style:none;}
.login_form2 .login_util1 li {width:50%;float:left;text-align:center;padding:20px 0;}
.login_form2t {display:inline-block;padding:5px 10px;margin-right:12px;border-radius:5px;background:#257bca;color:#fff;font-weight:bold;font-size:12px;}

/* 로그인 각종 버튼 및 페이스북 구글 연동 */
ul.login_util {font-size:15px; padding:20px 0 0; margin-top:20px; overflow:hidden; border-top:1px solid #d9d9d9;}
ul.login_util li {width:32%;margin-right:1%;list-style:none; float:left; text-align:center; box-sizing:border-box;}
ul.login_util li:nth-child(3) {width:34%;margin-right:0;}
ul.login_util li span.button_36 {padding:0;}
ul.login_util li span {width:100%;box-sizing:border-box;}
ul.login_util li a {width:100%;font-size:12px;padding:12px 15px;box-sizing:border-box;}
ul.login_util li:nth-child(2) a, ul.login_util li:nth-child(3) a {color:#1559b6;padding:0;}

.related_sns_btn_area {padding:20px 15px; background:#e9e9e9;}
ul.related_sns_btn li {list-style:none;}
ul.related_sns_btn li a {position:relative; display:block; height:40px; line-height:39px; font-size:14px; text-align:center; color:#fff; font-weight:bold; border-radius:2px; text-indent:20px;
						-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
ul.related_sns_btn li a img {width:40px; height:40px; position:absolute; left:0; top:0;}
ul.related_sns_btn li:first-child a {background:#405d9b; margin-bottom:10px;}
ul.related_sns_btn li:first-child a:hover {background:#314a7d;}
ul.related_sns_btn li:last-child a {background:#df4b38;}
ul.related_sns_btn li:last-child a:hover {background:#b5352d;}

ul.login_util2 {width:80%;font-size:15px; padding:10px 0 10px 0; margin:20px auto 0; overflow:hidden; border-top:1px solid #d9d9d9;}
ul.login_util2 li {width:50%;list-style:none; float:left; text-align:center; box-sizing:border-box;}
ul.login_util2 li:nth-child(1) {background: url('/res/theme/uni/images/menu/site_list_bg.png') right center no-repeat;}
ul.login_util2 li a {display:block; color:#333; padding:10px 0;}
ul.login_util2 li a:hover {font-weight:bold; text-decoration:underline;}

/* 로그인 SNS연동 */
.social_login {width:100%;overflow:hidden;zoom:1;}
.social_login li {display:block;float:left;position:relative;width:33.3%;box-sizing:border-box;background-color:#fff;font-size:14px;font-weight:bold;}
.social_login a {display:block;padding-left:33px;height:56px;border:1px solid #ddd;box-sizing:border-box;color:#666;line-height:55px;text-decoration:none;}
.social_login .sl_facebook {border:1px solid #466ac2;color:#466ac2;margin-right:3px;background:url('/contents/page/image/social/icon_sns_facebook_m.png') 13px 18px no-repeat;}
.social_login .sl_kakao {border:1px solid #dfad00;color:#fcc300;margin:0 3px;background:url('/contents/page/image/social/icon_sns_kakao_m.png') 8px 18px no-repeat;}
.social_login .sl_naver {border:1px solid #02ce39;color:#02ce39;margin-left:3px;background:url('/contents/page/image/social/icon_sns_naver_m.png') 14px 21px no-repeat;}

/*  ****************************  회원가입 화면  ****************************  */
/* 상단 설명 텍스트 */
.title_area_add div.publish_info_join {padding-top:120px; margin-top:50px; background: url('/res/theme/uni/images/etc/title_area_add/icon_join.png') center top no-repeat;}
.title_area_add div.publish_info_join p {font-size:13px; color:#666; line-height:20px; padding:0 20px; text-align:center;}
.title_area_add div.publish_info_join p:first-child {font-size:18px; color:#333; line-height:24px; margin-bottom:10px;}

/* 이수증 발급신청 */
.insite_cert {word-break:keep-all;}
.insite_cert .title_area_add div.publish_info_regist {padding:140px 20px 20px; border:4px solid #e6e6e6; width:96%; margin:30px auto 0 auto;box-sizing:border-box; background: url('/res/theme/uni/images/common/icon/complete2.png') center 20px no-repeat;}
.insite_cert .title_area_add div.publish_info_regist p {font-size:14px; color:#666; line-height:22px; padding:0 20px; text-align:center;}
.insite_cert .title_area_add div.publish_info_regist p:first-child {font-size:18px; color:#333; line-height:24px; margin-bottom:10px;}
.insite_cert .insite_cert_txt {font-size:14px; margin:10px auto 0 auto; color:#f66504; box-sizing:border-box;}
.insite_cert .insite_cert_btn {margin-top:10px; text-align:center;}
.insite_cert .insite_cert_txt2 {font-size:18px; text-align:center; width:96%; margin:30px auto 0 auto; font-weight:bold; color:#333; box-sizing:border-box;}

/* SNS 아이디로 가입하기 */
.join_box_area1 {margin-top:60px;}
.join_box_area2 {margin-top:40px;}

ul.join_sns_btn {padding:20px 15px; background:#fafafa; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; overflow:hidden;}
ul.join_sns_btn li {list-style:none;}
ul.join_sns_btn li a {position:relative; display:block; height:40px; line-height:39px; font-size:14px; text-align:center; color:#fff; font-weight:bold; border-radius:2px; text-indent:20px;
						-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
ul.join_sns_btn li a img {width:40px; height:40px; position:absolute; left:0; top:0;}
ul.join_sns_btn li:first-child a {background:#405d9b; margin-bottom:10px;}
ul.join_sns_btn li:first-child a:hover {background:#314a7d;}
ul.join_sns_btn li:last-child a {background:#df4b38;}
ul.join_sns_btn li:last-child a:hover {background:#b5352d;}

/* 이메일 주소로 가입하기 */
ul.join_email_btn {padding:20px 15px; background:#fafafa; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; overflow:hidden;}
ul.join_email_btn li {list-style:none;}
ul.join_email_btn li a {position:relative; display:block; height:40px; line-height:39px; font-size:14px; text-align:center; color:#fff; font-weight:bold; border-radius:2px; background:#e37000; border:1px solid #ce6600;
						-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
ul.join_email_btn li a:hover {background:#ce6600;}


/*  ****************************  이메일 아이디 찾기/비밀번호 재설정 화면  ****************************  */
.find_email_area, .find_phone_area {margin-top:40px;}

.find_area_emailphone {padding:20px 15px; background:#fafafa; border:1px solid #e9e9e9;}
.find_area_emailphone ul {overflow:hidden;}
.find_area_emailphone ul li {list-style:none;font-size:13px;color:#333;margin-bottom:10px;text-align: c;}
.find_area_emailphone ul li input {width:100%; height:40px; line-height:40px; box-sizing:border-box; text-indent:10px; border:1px solid #b7b7b7;}
.find_area_emailphone ul li input::-webkit-input-placeholder {color:#999;}
.find_area_emailphone ul li input:-moz-placeholder {color:#999; opacity:1;}
.find_area_emailphone ul li input::-moz-placeholder {color:#999; opacity:1;}
.find_area_emailphone ul li input:-ms-input-placeholder {color:#999;}
.find_area_emailphone ul li a {width:100%; margin-top:10px;}
.find_area_emailphone p {font-size:13px; color:#333; line-height:18px; margin-bottom:5px;}
.find_area_emailphone p:last-child {margin-bottom:0;}

/* 본인인증 */
.confirm_choice_area {margin-top:40px;}
.confirm_choice {padding:20px 15px; background:#fafafa; border:1px solid #e9e9e9; margin-top:20px; box-sizing:border-box;}
.confirm_choice h6 {line-height:18px; font-size:18px; color:#333; font-weight:bold; text-align:left;}
.confirm_choice ul {overflow:hidden; margin-top:20px;}
.confirm_choice ul li {list-style:none; font-size:15px; color:#333; line-height:18px; margin-bottom:5px;}
.confirm_choice ul li ul {padding:5px 0 0 10px; overflow:hidden; margin:0;}
.confirm_choice ul li ul li {line-height:18px; margin-bottom:3px;}
.confirm_choice .confirm_choice_btn {text-align:center; margin-top:20px;}
.confirm_choice .confirm_choice_btn a {width:100%; border-radius:20px; box-sizing:border-box;}

/*  ****************************  이메일 아이디 찾기/비밀번호 재설정 완료화면  ****************************  */
 p.email_complete {text-align:center; font-size:24px; font-weight:bold; color:#333; padding:100px 20px;}
 p.email_complete span {color:#e37000;}

/*======================================
			태블릿용 CSS
========================================*/
@media all and (min-width:768px){

/* 통일이벤트 이벤트 응모화면 */
ul.basic_process li {font-size:18px; border-right:1px solid #d9d9d9; border-bottom:none; width:30%;}
ul.basic_process li:nth-child(2) {width:40%;}
ul.basic_process li:last-child {border-right:none;}

/* 회원가입 개인정보 수집이용 동의 */
ul.basic_process.join_process li:first-child {width:45%;}
ul.basic_process.join_process li:nth-child(2) {width:30%;}
ul.basic_process.join_process li:last-child {width:25%;}

/* 4단계 수강신청 프로세스 */
ul.basic_process.lms_process li {width:25% !important;}

/* 통일캠프 참가신청 */
ul.basic_process.camp_process6 li {font-size:16px; width:16%;}
ul.basic_process.camp_process6 li:nth-child(1) {width:20%;}

ul.basic_process.camp_process5 li {font-size:16px; width:20%;}

ul.basic_process.camp_process4 li {font-size:16px; width:25%;}

ul.basic_process.camp_process3 li {font-size:16px; width:33%;}
ul.basic_process.camp_process3 li:nth-child(1) {width:34%;}

/* 신청 프로세스 갯수에 따른 class */
ul.basic_process.process6 li {font-size:16px; width:16%;}
ul.basic_process.process6 li:nth-child(1) {width:20%;}

ul.basic_process.process5 li {font-size:16px; width:18%;}
ul.basic_process.process5 li:nth-child(1) {width:28%;}

ul.basic_process.process4 li {font-size:16px; width:25% !important;}

ul.basic_process.process3 li {font-size:16px; width:33.33%;}

ul.basic_process.process2 li {font-size:16px; width:50%;}

/* 통일이벤트 응모완료 */
.basic_complete {width:95%; margin:0 auto;}
.basic_complete .basic_complete_img {float:left; width:30%; box-sizing:border-box; text-align:right; padding-right:40px;margin-bottom:0;}
.basic_complete .basic_luckbox_img {float:left; width:30%; box-sizing:border-box; text-align:right; padding-right:40px;position:absolute;top:34%;}
.basic_complete .basic_complete_txt {width:70%; margin:15px 0 0 30%; text-align:left;}

/*  ****************************  로그인 화면  ****************************  */
/* 상단 설명 텍스트 */
.title_area_add div.publish_info_login {width:70%; padding:0 0 0 130px; min-height:58px;  margin:70px auto 0 auto; background: url('/res/theme/uni/images/common/logo.png') left center no-repeat; background-size:200px 51px;}
.title_area_add div.publish_info_login p {padding:0 0 0 130px; text-align:left;}
.title_area_add div.publish_info_login p:first-child {font-size:25px;}
.title_area_add div.publish_info_login2 {width:100%;background:none;padding:0;}
.title_area_add div.publish_info_login2 p {text-align:center;padding:0;}

/* 패스워드 변경 */
.title_area_add div.reset_pw_txt {width:100%; padding:30px 0 30px 130px;background: url('/res/theme/uni/images/common/logo.png') 30px center no-repeat;border:1px solid #d9d9d9;box-sizing:border-box;}
.title_area_add div.reset_pw_txt p {padding:0 0 0 130px; text-align:left;}
.title_area_add div.reset_pw_txt p:first-child {font-size:25px;}

/* 로그인 영역 */
.login_form {padding:50px 15px;}
.login_form form {width:80%; margin:0 auto; position:relative;}
.login_form div:nth-child(1), .login_form div:nth-child(2) {width:73.5%;}
.login_form div:nth-child(3) {width:24%; position:absolute; right:0; top:0;}
.login_form input[type=submit] {padding:43px 5px 42px 5px;}

/* 로그인 각종 버튼 및 페이스북 구글 연동 */
ul.login_util {width:80%; margin:20px auto 0 auto;}

.related_sns_btn_area {padding:40px 15px; background:#e9e9e9;}
ul.related_sns_btn {overflow:hidden; width:70%; margin:0 auto;}
ul.related_sns_btn li {width:49%; float:left;}
ul.related_sns_btn li:first-child {padding-right:2%;}
ul.related_sns_btn li:first-child a {margin:0;}

ul.login_util2 {width:80%; margin:20px auto 0 auto;}

/*  ****************************  회원가입 화면  ****************************  */
/* 상단 설명 텍스트 */
.title_area_add div.publish_info_join {width:60%; padding:30px 0 30px 150px; margin:50px auto 0 auto; background: url('/res/theme/uni/images/etc/title_area_add/icon_join.png') left center no-repeat;}
.title_area_add div.publish_info_join p {padding:0; text-align:left;}
.title_area_add div.publish_info_join p:first-child {font-size:25px;}

/* 이수증 발급신청 */
.insite_cert .title_area_add div.publish_info_regist {padding:30px 0 30px 160px; margin:30px auto 0 auto; background: url('/res/theme/uni/images/common/icon/complete2.png') 40px center no-repeat;}
.insite_cert .title_area_add div.publish_info_regist p {padding:0; text-align:left; padding-left:13px; background: url('/res/theme/uni/images/common/icon/bullet_2x2.jpg') 5px 9px no-repeat;}
.insite_cert .title_area_add div.publish_info_regist p:first-child {font-size:25px; background:none; padding-left:0;}
.insite_cert .insite_cert_btn {margin-top:10px; text-align:center; padding-right:160px;}

.join_box_area1 {margin:40px 0 80px 10px; width:48%; box-sizing:border-box; float:left;}
.join_box_area2 {margin:40px 10px 80px 0; width:48%; box-sizing:border-box; float:right;}

/* SNS 아이디로 가입하기 */
ul.join_sns_btn {border:1px solid #e9e9e9; box-sizing:border-box;}
ul.join_sns_btn li {width:70%; margin:0 auto;}

/* 이메일 주소로 가입하기 */
ul.join_email_btn {padding:44px 15px; border:1px solid #e9e9e9; box-sizing:border-box;}
ul.join_email_btn li {width:70%; margin:0 auto;}

/*  ****************************  이메일 아이디 찾기/비밀번호 재설정 화면  ****************************  */
.find_email_area, .find_phone_area {width:50%; box-sizing:border-box; padding:10px;}
.find_email_area {float:left;}
.find_phone_area {float:right;}
.find_area_emailphone {min-height:260px;}

/* 본인인증 */
.confirm_choice_area {width:96%; margin:40px auto 0 auto;}
.confirm_choice1, .confirm_choice2, .confirm_choice3, .confirm_choice4 {box-sizing:border-box;}
.confirm_choice {padding:20px 180px 20px 25px; position:relative; border-radius:5px;}
.confirm_choice .confirm_choice_btn {position:absolute; right:20px; top:50%; margin-top:-25px; width:150px; height:50px;}
.confirm_choice .confirm_choice_btn a {display:block; width:150px; height:50px; line-height:18px; border-radius:25px;}

/*  ****************************  이메일 아이디 찾기/비밀번호 재설정 완료화면  ****************************  */
 p.email_complete {padding:150px 20px;}


 /* 로그인 SNS연동 */
.social_login {width:80%;margin:0 auto;}
.social_login a {padding-left:50px;}
.social_login .sl_facebook {background:url('/contents/page/image/social/icon_sns_facebook_m.png') 20px 18px no-repeat;}
.social_login .sl_kakao {background:url('/contents/page/image/social/icon_sns_kakao_m.png') 20px 18px no-repeat;}
.social_login .sl_naver {background:url('/contents/page/image/social/icon_sns_naver_m.png') 20px 21px no-repeat;}

}

/*======================================
			PC용 CSS
========================================*/
@media all and (min-width:1024px){

/* 통일이벤트 이벤트 응모화면 */
ul.basic_process {width:100%;}
ul.basic_process li:first-child, ul.basic_process li:nth-child(2), ul.basic_process li:last-child {width:33.33%;}

ul.basic_process.camp_process4 li {width:25%;}
ul.basic_process.camp_process5 li {width:20%;}

ul.basic_process.process5 li {width:20%}
ul.basic_process.process5 li:nth-child(1) {width:20%;}

ul.basic_process.process2 li:first-child, ul.basic_process.process2 li:nth-child(2) {width:50%;}

/* 회원가입 개인정보 수집이용 동의 */
ul.basic_process.join_process li:first-child {width:35%;}
ul.basic_process.join_process li:nth-child(2) {width:33%;}
ul.basic_process.join_process li:last-child {width:32%;}

/* 통일이벤트 개인정보 수집 */
.section_agreement {width:100%;}

/* 통일이벤트 응모완료 */
.basic_complete {padding:80px 0;}

/*  ****************************  로그인 화면  ****************************  */
/* 로그인 영역 */
.title_area_add div.publish_info_login2 {width:100%;background:none;padding:0;}
.title_area_add div.publish_info_login2 p {text-align:center;}

.login_form, .login_form2 {border:1px solid #e9e9e9; box-sizing:border-box;}
.login_form form {width:50%;}
.login_form2 {width:70%;}
.login_form div:nth-child(1), .login_form div:nth-child(2) {width:76%;}
.login_form div:nth-child(3) {width:22%;}

/* 이수증 발급신청 */
.insite_cert .title_area_add div.publish_info_regist {width:100%;}

/* 본인인증 */
.confirm_choice_area {width:100%;}

/* 로그인 각종 버튼 및 페이스북 구글 연동 */
ul.login_util {width:50%;padding:30px 0 0;}
ul.login_util li {margin-right:0;background: url('/res/theme/uni/images/menu/site_list_bg.png') right center no-repeat;}
ul.login_util li:nth-child(1) {width:28.5%;text-align:left;}
ul.login_util li:nth-child(2) {width:37%;}
ul.login_util li:nth-child(3) {width:34.5%;/* text-align:right;background:none; */}
ul.login_util li span {width:auto;padding:12px 30px;}
ul.login_util li a {width:auto;font-size:13px;line-height:12px;padding:12px 30px;box-sizing:border-box;}

ul.related_sns_btn {width:55%;}
ul.login_util2 {width:80%;}

/*  ****************************  이메일 아이디 찾기/비밀번호 재설정 화면  ****************************  */
.find_email_area {padding:10px 10px 10px 0;}
.find_phone_area {padding:10px 0 10px 10px;}

.social_login {width:50%;}
}

/*============================================================================================================================
													통일체험활동 기본 설정
=============================================================================================================================*/
/*======================================
			모바일 CSS
========================================*/
section#camp_content_section {padding:24px 12px 50px 12px; background: url("/res/theme/uni/images/camp/camp_content_section_bg.png") left top repeat; margin-bottom:-50px;}
section#camp_content_section .unicamp_korea_intro {background:#fff; border-radius:10px; margin-top:30px;}
section#camp_content_section .unicamp_korea_intro h5 {font-size:24px; color:#fff; text-align:center; padding:13px 0; background:#e6bb0e; border-radius:10px 10px 0 0;}
section#camp_content_section .unicamp_korea_intro h5 span {font-size:13px; display:inline-block; position:relative; bottom:4px; font-weight:bold;}
	.unicamp_korea_intro .korea_student_intro {padding:24px 12px 12px 12px; border-bottom:1px solid #d9d9d9; position:relative; overflow:hidden;}
	.unicamp_korea_intro .korea_student_intro .korea_student_intro_img {position:absolute; left:5%; top:50%; margin-top:-61px; width:42%; padding-right:5%; text-align:center; box-sizing:border-box;}
	.unicamp_korea_intro .korea_student_intro .korea_student_intro_img img {max-width:100%; vertical-align:middle; }
	.unicamp_korea_intro .korea_student_intro dl {float:right; width:53%; box-sizing:border-box; height:76px;}
	.unicamp_korea_intro .korea_student_intro dl.second {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
	.unicamp_korea_intro .korea_student_intro dl.first dt {padding-top:15px;}
	.unicamp_korea_intro .korea_student_intro dl dt {float:left; width:60%; box-sizing:border-box; font-size:20px; font-weight:bold; text-align:center; color:#333; padding-top:25px;}
	.unicamp_korea_intro .korea_student_intro dl dt span {font-size:15px;}
	.unicamp_korea_intro .korea_student_intro dl dd {float:right; width:40%; padding-top:12px; box-sizing:border-box; text-align:center;}

	.unicamp_korea_intro .korea_university_intro {padding:12px 12px 24px 12px; overflow:hidden; position:relative;}
	.unicamp_korea_intro .korea_university_intro .korea_university_intro_img {float:left; width:42%; padding-left:5%; padding-right:5%; text-align:center; box-sizing:border-box;}
	.unicamp_korea_intro .korea_university_intro .korea_university_intro_img img {max-width:100%;}
	.unicamp_korea_intro .korea_university_intro dl {width:53%; box-sizing:border-box; height:76px; position:absolute; right:0; top:50%; margin-top:-42px;}
	.unicamp_korea_intro .korea_university_intro dl dt {float:left; width:60%; box-sizing:border-box; font-size:20px; font-weight:bold; text-align:center; color:#333; padding-top:25px;}
	.unicamp_korea_intro .korea_university_intro dl dd {float:right; width:40%; padding-top:12px; box-sizing:border-box; text-align:center;}

	.unicamp_foreign_intro {background:#fff; border-radius:10px; margin:24px 0;}
	.unicamp_foreign_intro h5 {font-size:24px; color:#fff; text-align:center; padding:13px 0; background:#45abe0; border-radius:10px 10px 0 0;}
	.unicamp_foreign_intro h5 span {font-size:13px; display:inline-block; position:relative; bottom:4px; font-weight:bold;}
	.unicamp_foreign_intro dl {width:90%; margin:24px auto 0 auto; box-sizing:border-box; height:76px;}
	.unicamp_foreign_intro dl dt {float:left; width:70%; box-sizing:border-box; font-size:20px; font-weight:bold; text-align:center; color:#333; padding-top:25px;}
	.unicamp_foreign_intro dl dd {float:right; width:30%; padding-top:12px; box-sizing:border-box; text-align:center;}
	.unicamp_foreign_intro_img {width:100%; padding:20px 10px 0 10px; text-align:center; box-sizing:border-box;}
	.unicamp_foreign_intro_img img {max-width:100%; margin-bottom:-1px;}

	.uni_reporter_intro {background:#fff; border-radius:10px; margin-top:20px;}
	.uni_reporter_intro h5 {font-size:24px; color:#fff; text-align:center; padding:13px 0; background:#57a659; border-radius:10px 10px 0 0;}
	.uni_reporter_intro h5 > br {display:none;}
	.uni_reporter_intro h5 span {font-size:13px; display:inline-block; position:relative; bottom:4px; font-weight:bold;}
	.uni_reporter_intro dl {width:90%; margin:24px auto 0 auto; box-sizing:border-box; height:76px;}
	.uni_reporter_intro dl dt {float:left; width:70%; box-sizing:border-box; font-size:20px; font-weight:bold; text-align:center; color:#333; padding-top:25px;}
	.uni_reporter_intro dl dd {float:right; width:30%; padding-top:12px; box-sizing:border-box; text-align:center;}
	.uni_reporter_intro_img {width:100%; padding:20px 10px 0 10px; text-align:center; box-sizing:border-box;}
	.uni_reporter_intro_img img {max-width:100%; margin-bottom:-1px;}

/* 참가신청 */
.camp_introduction_textarea1, .camp_introduction_textarea2 {margin-top:50px; padding:0 10px;}
.camp_introduction_textarea1 h5, .camp_introduction_textarea2 h5 {margin-bottom:10px; float:left;}
.camp_introduction_textarea1 p {float:right; text-align:right; width:230px; margin-bottom:10px;}
.camp_introduction_textarea1 textarea {width:100%; margin:0 auto; height:150px; padding:10px; box-sizing:border-box;}
.camp_introduction_textarea2 p {float:right; text-align:right; width:250px; margin-bottom:10px;}
.camp_introduction_textarea2 textarea {width:100%; margin:0 auto; height:200px; padding:10px; box-sizing:border-box;}

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){
section#camp_content_section {padding:40px 20px;}
section#camp_content_section .unicamp_korea_intro {position:relative;}
section#camp_content_section .unicamp_korea_intro h5 {padding:100px 0; width:16%; height:265px; border-radius:10px 0 0 10px; float:left; box-sizing:border-box;}
section#camp_content_section .unicamp_korea_intro h5 span {width:100%;}
	.unicamp_korea_intro .korea_student_intro {width:42%; float:left; border-bottom:none; border-right:1px solid #d9d9d9; box-sizing:border-box;}
	.unicamp_korea_intro .korea_student_intro .korea_student_intro_img {left:3%; margin-top:-15%;}

	.unicamp_korea_intro .korea_university_intro {width:42%; float:right; box-sizing:border-box; position:absolute; right:0; top:14%;}
	.unicamp_korea_intro .korea_university_intro .korea_university_intro_img {padding-right:0;}

	.unicamp_foreign_intro {overflow:hidden;}
	.unicamp_foreign_intro h5 {padding:40px 0; width:16%; height:143px; border-radius:10px 0 0 10px; float:left; box-sizing:border-box;}
	.unicamp_foreign_intro h5 span {width:100%;}
	.unicamp_foreign_intro dl {width:42%; float:right; margin:0; padding-top:30px;}
	.unicamp_foreign_intro_img {width:42%; float:left; height:143px; padding:38px 0 0 0;}
	.unicamp_foreign_intro_img img {max-width:290px; margin:0 auto; left:10%;}

	.uni_reporter_intro {overflow:hidden;}
	.uni_reporter_intro h5 {font-size:24px; padding:40px 0; width:16%; height:143px; line-height:30px; border-radius:10px 0 0 10px; float:left; box-sizing:border-box;}
	.uni_reporter_intro h5 > br {display:inline;}
	.uni_reporter_intro h5 span {width:100%;}
	.uni_reporter_intro dl {width:42%; float:right; margin:0; padding-top:30px;}
	.uni_reporter_intro_img {width:42%; float:left; height:143px; padding:28px 0 0 0;}
	.uni_reporter_intro_img img {max-width:100%; margin:0 auto; left:10%;}

/* 참가신청 */
.camp_introduction_textarea1, .camp_introduction_textarea2 {padding:0 20px;}
}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){

/* 참가신청 */
.camp_introduction_textarea1, .camp_introduction_textarea2 {padding:0;}
}

/*============================================================================================================================
											정적페이지 & 일반기능
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/

/* 내부링크 */
ul.basic_anchorpoint {width:95%; margin:40px auto 0 auto; background:#f7f7f7; border:1px solid #d9d9d9; box-sizing:border-box;}
ul.basic_anchorpoint li {list-style:none; display:inline-block; background: url('/res/theme/uni/images/menu/site_list_bg.png') right center no-repeat;}
ul.basic_anchorpoint li:last-child, ul.basic_anchorpoint li:last-child a {background:none;}
ul.basic_anchorpoint li a {display:block; padding:18px 20px 19px 20px; text-align:center; font-size:13px; color:#333;
					/* option */-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;}
ul.basic_anchorpoint li a:hover {font-weight:bold; text-decoration:underline;}
ul.basic_anchorpoint li a:active {/* option */-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;}

/* 백그라운드가 있는 color title */
.color_title {width:95%; margin:40px auto 0 auto; padding:6px 10px 8px 10px; font-size:26px; color:#fff; text-align:center; background:#768825; box-sizing:border-box;}

/* 페이지 상단 설명글 */
.page_info_area {border-bottom:1px solid #d9d9d9; padding:0 15px 20px 15px;}
.page_info_area.dic01_info, .bd0 {border:0;}
.page_info_area h5 {font-size:18px; font-weight:bold; padding-bottom:5px;}

.page_info_area ul.unilms_cyber_view {line-height:1.6;font-size:15px;color:#545454;}
.page_info_area ul.unilms_cyber_view li {padding-left:10px;background:url('/contents/page/image/main/unilms/2018/myroom_arrow.png') no-repeat 0 50%;}

/*======================================
			태블릿용 CSS
========================================*/
@media all and (min-width:768px){

/* 페이지 상단 설명글 */
.page_info_area {padding:0 150px 20px 15px; min-height:80px;}

.page_info_area.dic_info {background: url('/contents/page/image/page_info/dic_img.png') no-repeat 98% center; background-size:85px 80px;}
.page_info_area.req_info {background: url('/contents/page/image/page_info/req_img.png') no-repeat 98% center;}
.page_info_area.dic01_info {background: url('/contents/page/image/page_info/dic01_img.png') no-repeat 99% center;}
.page_info_area.camp_news_info {background: url('/contents/page/image/page_info/camp_news_img.png') no-repeat 99% center;}
.page_info_area.lms_top_info {background: url('/contents/page/image/page_info/lms_img.png') no-repeat 99% center;}
.page_info_area.uniweek_top_info {background: url('/contents/page/image/page_info/uniweek_img.png') no-repeat 99% center;}
.page_info_area.unikids_class {background: url('/contents/page/image/page_info/unikids_class_img.png') no-repeat 99% bottom;}
.page_info_area.unikids_school {background: url('/contents/page/image/page_info/unikids_school_img.png') no-repeat 99% bottom;}
.page_info_area.kids_reference_book	{background: url('/contents/page/image/page_info/dic01_img.png') no-repeat 99% bottom;}
.page_info_area.kids_reference_activity	{background: url('/contents/page/image/page_info/kids_reference_activity.png') no-repeat 99% bottom;}
.page_info_area.kids_reference_program {background: url('/contents/page/image/page_info/kids_reference_program.png') no-repeat 99% bottom;}

.page_info_area h5 {font-size:18px; font-weight:bold;}
.page_info_area p {font-size:15px; line-height:18px;}

/* 개인정보 처리방침 */
ul.privacy_anchor li {width:45%;}
}

/*======================================
			PC용 CSS
========================================*/
@media all and (min-width:1024px){

/* 내부링크 */
ul.anchorpoint {width:100%;}

/* 백그라운드가 있는 color title */
.color_title {width:100%;}

/* 페이지 상단 설명글 */
.page_info_area {padding:0 150px 20px 0;}

.page_info_area.dic_info {background: url('/contents/page/image/page_info/dic_img.png') no-repeat right center; background-size:85px 80px;}
.page_info_area.req_info {background: url('/contents/page/image/page_info/req_img.png') no-repeat right center;}
.page_info_area.dic01_info {background: url('/contents/page/image/page_info/dic01_img.png') no-repeat right center;}
.page_info_area.camp_news_info {background: url('/contents/page/image/page_info/camp_news_img.png') no-repeat right center;}
.page_info_area.lms_top_info {background: url('/contents/page/image/page_info/lms_img.png') no-repeat right center;}
.page_info_area.uniweek_top_info {background: url('/contents/page/image/page_info/uniweek_img.png') no-repeat right center;}
.page_info_area.unikids_class {background: url('/contents/page/image/page_info/unikids_class_img.png') no-repeat right bottom;}
.page_info_area.unikids_school {background: url('/contents/page/image/page_info/unikids_school_img.png') no-repeat right bottom;}
.page_info_area.kids_reference_book	{background: url('/contents/page/image/page_info/dic01_img.png') no-repeat right bottom;}
.page_info_area.kids_reference_activity {background: url('/contents/page/image/page_info/kids_reference_activity.png') no-repeat right bottom;}
.page_info_area.kids_reference_program {background: url('/contents/page/image/page_info/kids_reference_program.png') no-repeat right bottom;}


/* 개인정보 처리방침 */
ul.privacy_anchor, .privacy_infobox {width:99%;}
ul.privacy_anchor li {width:47%; padding-left:20px;}
}

/*============================================================================================================================
											통합검색 화면
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/
body.body_search #wrap .header {margin-bottom:75px; height:94px;}
body.body_search #wrap .header_search .header_area .search_layer {width:96%;top:85px;margin:0 auto;left:0;}
body.body_search #wrap .header_search .header_area .search_layer .search_layerin {width:100%; height:44px; position:relative;}
body.body_search #wrap .header_search .header_area .search_layer .search_layerin .search_cont {top:13px;}

/* 상세검색 */
.detail_search_btn.btn_small, .detail_search_btn.btn_big {display:none;}

.detail_search_area {display:none; background:#fff; border:2px solid #666; box-sizing:border-box;position:relative; z-index:60; top:-75px; width:99%; margin:10px auto 0 auto; padding:10px 20px; overflow:hidden;}
	.detail_search_area_day {display:none !important;}

	.detail_search_area_m {height:70px; padding:0; box-sizing:border-box;}
	.detail_search_area_m p {font-size:13px; line-height:18px; color:#666;}

/* 상세검색-간격정렬 */
.detail_search_area .RadioCheckbox .basic_title13 {min-width:52px;}

/* 결과내 재검색 */
.search_cont form {position:relative;}
.rebrowsing_check {position:relative;float:right;top:-65px;}
.RadioCheckbox.rebrowsing_check p:not(#cssbrowser)>input[type="checkbox"] + label {font-size:13px; line-height:20px;font-weight:bold;}

/* 신규 검색결과 sort */
.search_result_sort17 {display:none;}

/* 연관검색어 */
.search_related_section {border-bottom:1px solid #d9d9d9; position:relative; top:-77px;}
dl.search_related {position:relative; width:100%; padding:15px 0 15px 77px; font-size:13px; line-height:20px; color:#333; box-sizing:border-box;}
dl.search_related dt {position:absolute; top:15px; left:0; display:inline-block; font-weight:bold; padding-left:15px;}
dl.search_related dd {display:inline-block; padding-left:15px;}
dl.search_related dd a {color:#86aa40;}
dl.search_related dd a:hover {text-decoration:underline;}

/* 검색어제안 */
dl.search_suggestion {position:relative; width:100%; margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:15px 0; font-size:13px; line-height:20px; color:#333;}
dl.search_suggestion dt {display:inline-block; font-weight:bold; padding-left:15px;}
dl.search_suggestion dd {display:inline-block; padding-left:15px;}
dl.search_suggestion dd a, dl.search_suggestion span {color:#86aa40;}
dl.search_suggestion dd a:hover {text-decoration:underline;}

/* 통합검색 콘텐츠 영역 */
#content_section.search_content_section, #rmenu_section.search_content_section {position:relative; top:-77px; word-break:keep-all;}
.search_result_section {width:100%;}

/* 검색결과 지정 버튼영역 */
.search_result_sort_area {background:#fff;}
.search_result_sort_area h2.search_result_main_title, .search_result_sort_area h3.search_result_sub_title {display:none;}

/* 컨텐츠탭 통합검색화면 */
ul.search_result_tab {width:100%; font-size:16px; overflow:hidden; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; margin-top:20px;}
ul.search_result_tab li {float:left; width:50%; border:1px solid #d9d9d9; text-align:center; list-style:none; border-bottom:1px solid #094f89;box-sizing:border-box;}
ul.search_result_tab li a {display:block; padding:10px 0; line-height:20px; color:#666;}
ul.search_result_tab li:hover, ul.search_result_tab li.on {border:1px solid #094f89;}
ul.search_result_tab li a span {display:block; width:100%; font-size:13px;}
ul.search_result_tab li.on a {font-weight:bold; color:#fff; background:#4690db;}

/* 검색결과 sort */
form.search_result_sort {width:96%; margin:0 auto;}
form.search_result_sort p.search_result_sort_detail {display:inline-block; position:relative; bottom:7px;}
form.search_result_sort p.search_result_sort_detail a {display:inline-block; width:14px; height:14px; line-height:14px; background:#999; color:#fff; font-weight:bold; text-align:center; border-radius:7px; font-size:12px;}
form.search_result_sort {margin-top:10px; text-align:right;}
form.search_result_sort select {padding-right:5px;}
form.search_result_sort .ui-selectmenu-button {border:none; background:#fff; border-bottom:1px solid #d9d9d9;}
form.search_result_sort .ui-selectmenu-button span.ui-selectmenu-text {font-size:13px; color:#666; padding-top:3px; padding-bottom:3px; padding-left:5px;}
#sort-menu.ui-widget-content, #target-menu.ui-widget-content, #attachment-menu.ui-widget-content {font-size:13px !important; color:#444;}

/* 상세검색 날짜 */
.uni-search dl {vertical-align:middle;}
.uni-search dl.uni-search-date {display:inline-block; width:30%; box-sizing:border-box; margin-left:50px;}
.uni-search dl.uni-search-date dd {position:relative; display:inline-block; vertical-align:middle;}
.uni-search dl.uni-search-date dd.loca01, .uni-search dl.uni-search-date dd.loca02 {width:45%;}
.uni-search dl.uni-search-date dd input {width:100%; height:40px; vertical-align:middle; text-indent:8px;}
.uni-search dl.uni-search-date dd a {display:inline-block; width:18%; position:absolute; right:7px; top:9px;}
.uni-search dl.uni-search-date dd a img {width:100%; vertical-align:middle;}

/* ============= 팝업창 설정 =============== */
/* 셀렉트 박스 안내 */
#dialog_sort_detail p {font-size:14px; margin:3px 0 10px 0; word-break:keep-all;}
#dialog_sort_detail ul {padding-left:10px; font-size:14px; color:#444; line-height:18px;}
#dialog_sort_detail ul li {word-break:keep-all;}

div.dic_search_txt {font-size:13px; color:#444; line-height:18px;}
div.dic_search_txt div {padding:10px 0; border-bottom:1px dashed #d9d9d9;}
div.dic_search_txt div:last-child {border-bottom:none;}
div.dic_search_txt div p.dic_txt {margin-bottom:8px;}
div.dic_search_txt div p.dic_link {color:#999;}
div.dic_search_txt div p.dic_link a {color:#257bca;}

/* 검색결과 안내메세지 */
.search_result_section h2.search_result_title {padding:20px 0 20px 12px; margin-top:20px; font-size:30px; font-weight:bold;}
.search_result_section p.search_result_info {padding:30px 20px 10px 20px; text-align:center; font-size:18px; font-weight:bold; line-height:30px;}
.search_result_section.search_result_eng h2.search_result_title  {display:inline-block; padding:20px 0 20px 12px;}
.search_result_section.search_result_eng p.search_result_info  {display:inline-block; padding:0px 0 15px 20px;}
	p.search_result_info .dic_search_btn_off a, p.search_result_info .dic_search_btn_off button {padding-left:30px; background:#e9e9e9 url('/res/theme/uni/images/common/search/dic_search_btn_off.png') no-repeat 10px center;}
	p.search_result_info .dic_search_btn_off a:hover, p.search_result_info .dic_search_btn_off button:hover {background:#ddd url('/res/theme/uni/images/common/search/dic_search_btn_on.png') no-repeat 10px center;}
	p.search_result_info .dic_search_btn_on a, p.search_result_info .dic_search_btn_on button {padding-left:30px; display:inline-block; background:#0078b6 url('/res/theme/uni/images/common/search/dic_search_btn_on.png') no-repeat 10px center; color:#fff; border:1px solid #0c6796;}
	p.search_result_info .dic_search_btn_on a:hover, p.search_result_info .dic_search_btn_on button:hover {background:#0c6796 url('/res/theme/uni/images/common/search/dic_search_btn_on.png') no-repeat 10px center;}

/* 검색결과 없음 안내메세지 */
.search_result_section p.search_result_none {padding:30px 20px; text-align:center; font-size:18px; font-weight:bold; line-height:25px;}
.search_result_section .search_result_none_info {margin-top:0;}
.search_result_section .search_result_none_info p {font-size:13px; color:#333; line-height:20px; padding:0 10px;}
.search_result_section .search_related_site_area {margin-top:30px; padding:0 10px;}
.search_result_section .search_related_site_area p {font-size:13px; color:#333; font-weight:bold; line-height:18px;}
.search_result_section .search_related_site_area ul.search_related_site {margin-top:20px; border-top:2px solid #666;}
.search_result_section .search_related_site_area ul.search_related_site li {float:left; list-style:none; width:50%; text-align:center; border-bottom:1px solid #d9d9d9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.search_result_section .search_related_site_area ul.search_related_site li.clear {border:0;}
.search_result_section .search_related_site_area ul.search_related_site li a {display:block; color:#333; font-size:13px; padding:13px 0;}
.search_result_section .search_related_site_area ul.search_related_site li a:hover {text-decoration:underline;}

/* 카테고리별 상세내용 */
h3.search_category_title {margin:30px 0 0 10px; padding:0 0 0 22px; font-size:18px; font-weight:bold; background: url('/res/theme/uni/images/common/icon/icon_title.png') no-repeat 0 3px;}
h3.search_category_title span {font-size:14px; color:#666;}

ul.menu_link_list {padding-left:8px; margin-top:10px;}
ul.menu_link_list li {font-size:15px; color:#333; line-height:23px; padding-left:8px; background: url('/res/theme/uni/images/common/bullet/bullet_3x3.png') no-repeat 0 10px;}
ul.menu_link_list li span:last-child {font-weight:bold;}

ul.search_category_list {padding:0 10px; margin-top:13px; border-top:2px solid #666; overflow:hidden;}
ul.search_category_list > li {padding:20px 10px; border-bottom:1px solid #d9d9d9; list-style:none; clear:both; overflow:hidden;}
ul.search_category_list > li .search_thumbnail {float:left; position:relative; margin-bottom:10px; margin-right:15px; min-width:119px; text-align:center; border:1px solid #d9d9d9; }
ul.search_category_list > li .search_thumbnail img {padding:5px; background:#fff; margin:0 auto 0 auto; max-height:80px; width:auto; max-width:106.66px;}

ul.search_category_list > li h4 a:hover {text-decoration:underline;}
ul.search_category_list > li h4 .search_tit {font-size:18px; line-height:21px; font-weight:bold; color:#333;}
ul.search_category_list > li h4 .search_con, ul.search_category_list > li h4 .search_hits {font-size:13px; line-height:18px; color:#333; display:inline-block; padding-left:10px; font-weight:normal;}

ul.search_category_list li ul.search_data_info {padding:0; margin:5px 0 0 0; font-size:13px; color:#666;}
ul.search_category_list li ul.search_data_info > li {list-style:none; display:inline-block; padding:0 10px 0 3px; background: url('/res/theme/uni/images/common/bullet/bullet_1x11_gray.png') no-repeat right center;}
ul.search_category_list li ul.search_data_info li.search_target {background:none;}
ul.search_category_list li ul.search_data_info li.search_target ul {padding:0; margin:0;}
ul.search_category_list li ul.search_data_info li.search_target ul li {list-style:none; display:inline-block; margin-right:7px;}
ul.search_category_list li ul.search_data_info li.search_target ul li span {display:inline-block; margin-right:2px; width:10px; height:10px; border-radius:5px; background:#999;}
ul.search_category_list li ul.search_data_info li.search_target ul li.target_child span {background:#f6ee6e;}
ul.search_category_list li ul.search_data_info li.search_target ul li.target_elementary span {background:#aae092;}
ul.search_category_list li ul.search_data_info li.search_target ul li.target_middle span {background:#6edbf6;}
ul.search_category_list li ul.search_data_info li.search_target ul li.target_high span {background:#6e7bf6;}
ul.search_category_list li ul.search_data_info li.search_target ul li.target_university span {background:#674b8d;}
ul.search_category_list li ul.search_data_info li.search_target ul li.target_teacher span {background:#cb6f6f;}
ul.search_category_list li p .search_con {font-size:13px; color:#666;}
ul.search_category_list li p .search_hits {font-size:13px; color:#666; display:inline-block; padding-left:10px;}
ul.search_category_list li .search_txt {font-size:13px; color:#333; line-height:18px; margin-top:15px;}

/* 첨부파일 */
ul.search_category_list li .search_download_file {margin-top:10px; clear:both;}
ul.search_category_list li .search_download_file div.data_file {margin-top:5px;}
ul.search_category_list li .search_download_file div.data_file a._download_link {display:inline-block; padding:0 6px 0 0; font-size:13px; line-height:20px; color:#333;}
ul.search_category_list li .search_download_file div.data_file a._download_link img {width:17px; height:20px; margin-right:3px;}
ul.search_category_list li .search_download_file div.data_file a.file_preview {margin-left:5px;}
	.search_download_file div.data_file div.file_preview {display:none; margin-top:5px;}
	.search_download_file div.data_file div.file_preview .file_preview_title {border:1px solid #d9d9d9; background:#f8f8f8; position:relative;}
	.search_download_file div.data_file div.file_preview .file_preview_title p {padding:0 50px 0 10px; min-height:25px; line-height:24px; font-size:14px; font-weight:bold; color:#666;}
	.search_download_file div.data_file div.file_preview .file_preview_title span {position:absolute; right:0; top:0; width:40px; height:25px;}
	.search_download_file div.data_file div.file_preview .file_preview_title span a {display:block; width:40px; height:25px; font-size:13px; color:#333; font-weight:bold; text-align:center; line-height:24px;}
	.search_download_file div.data_file div.file_preview .file_preview_txt {font-size:13px; font-weight:normal; color:#999; line-height:18px; padding:8px; border:1px solid #d9d9d9; border-top:none;}

ul.search_category_list li .search_url {margin-top:10px; font-size:13px; color:#666;}
ul.search_category_list li .search_url p {display:inline-block; line-height:18px;}
ul.search_category_list li .search_url p.search_url_link a {color:#666;}
ul.search_category_list li .search_url p.search_url_link {margin-right:20px;}
ul.search_category_list li .search_url p.hashtag a {display:inline-block; margin-right:5px; color:#257bca;}
p.search_more {text-align:right; margin:10px 15px 0 0; padding-right:12px; background: url('/res/theme/uni/images/common/search/search_more_arrow_b.png') no-repeat 100% 5px;}
p.search_more a {font-size:13px; color:#333;}
p.search_more a:hover {text-decoration:underline;}

/* 통합검색 유틸 영역 */
.search_util_section {display:none;}

/*======================================
			태블릿용 CSS
========================================*/
@media all and (min-width:768px){
body.body_search #wrap .header  {height:60px;margin-bottom:0;padding-bottom:25px;}

/* 상세검색 */
body.body_search #wrap .header_search .header_area .search_layer .search_layerin {width:80%; height:44px; position:relative;float:left;}
body.body_search #wrap .header_search .header_area .search_layer {width:535px;left:50%;top:10px;margin-left:-240px;}
.detail_search_btn.btn_small, .detail_search_btn.btn_big {display:none;}
.detail_search_btn.btn_big a {padding-right:45px; padding-left:10px; position:absolute; top:1px;}
.detail_search_btn.btn_big a img {position:absolute; top:4px; right:10px;}

.detail_search_area {display:none;background:#fff;border:2px solid #666;box-sizing:border-box;position:relative;z-index:60;top:0;width:99%;margin:0 auto;padding:10px 20px;overflow:hidden;}
 .detail_search_area_day {display:none !important;}

/* 결과내 재검색 */
.rebrowsing_check {width:105px;top:30px;float:right;}
body.body_search.en_site .rebrowsing_check {top:9px;}

/* 연관검색어 */
.search_related_section {top:0; border-top:1px solid #d9d9d9;}

/* 검색어제안 */
dl.search_suggestion {border-top:1px dotted #d9d9d9;}

/* 통합검색 콘텐츠 영역 */
#content_section.search_content_section, #rmenu_section.search_content_section {top:0;}

/* 컨텐츠탭 통합검색화면 */
ul.search_result_tab {width:96%; margin:20px auto 0 auto; border:none;}
ul.search_result_tab li {width:14.28%; }
ul.search_result_tab li:last-child {border-right:1px solid #d9d9d9;}
ul.search_result_tab.search_tab_eng li {width:25%;}

.search_result_section h2.search_result_title {padding:20px 0 20px 12px;}

/* 검색결과 없음 안내메세지 */
.search_result_section .search_result_none_info p, .search_result_section .search_related_site_area {padding:0 15px;}
.search_result_section .search_related_site_area ul.search_related_site li {width:20%;}
}

/*======================================
			PC용 CSS
========================================*/
@media all and (min-width:1024px){
body.body_search #wrap .header  {height:94px;border-bottom:1px solid #d9d9d9;padding-bottom:10px;}
body.body_search #wrap .header_search .header_area .search_layer {top:25px;margin-left:-210px;}
body.body_search #wrap .header_search .header_area .search_layer .search_layerin .search_cont {top:0; right:0;}
body.body_search.en_site #wrap .header_search .header_area .search_layer {margin-left:-180px;}

/* 상세검색 */
.detail_search_btn.btn_small, .detail_search_btn.btn_big {display:none;}
.detail_search_btn.eng a {display:block; right:-115px; top:3px; width:48px;}

.detail_search_area {display:none; background:#fff; border:2px solid #666; border-top:none; box-sizing:border-box;position:relative; z-index:60; top:0; width:990px; margin:0 auto; padding:10px 20px; overflow:hidden;}
.detail_search_area_day {display:inline-block !important;}

#content_section.search_content_section, #rmenu_section.search_content_section {margin:0 auto;padding-bottom:0;}

/* 통합검색 유틸 영역 */
body.body_search.en_site .search_util_section {width:159px;height:auto;position:absolute;top:0;right:0;}

/* 연관검색어 */
.search_related_section {top:0; border-top:none;}
dl.search_related {width:990px; margin:0 auto; box-sizing:border-box;}

/* 결과내 재검색 */
.rebrowsing_check {top:20px;}

/* 검색어제안 */
dl.search_suggestion {width:990px; margin:0 auto;}

.search_result_section {width:831px; min-height:900px; float:left; padding-right:20px; padding-bottom:50px; border-right:1px solid #d9d9d9;}
.search_result_section h2.search_result_title {padding:20px 0 20px 12px; font-size:30px; font-weight:bold;}

/* 통합검색 콘텐츠 영역 */
#content_section.search_content_section, #rmenu_section.search_content_section {top:0;border-right:1px solid #d9d9d9;}

/* 컨텐츠탭 통합검색화면 */
ul.search_result_tab {width:100%;}

/* 검색결과 sort */
form.search_result_sort {width:100%;}

/* 카테고리별 상세내용 */
h3.search_category_title {margin:30px 0 0 0;}
ul.search_category_list {padding:0;}

/* 검색결과 없음 안내메세지 */
.search_result_section .search_result_none_info p, .search_result_section .search_related_site_area  {padding:0;}

/* 통합검색 유틸 영역 */
.search_util_section {display:block;width:159px; padding-left:0; position:absolute;right:0;box-sizing:border-box;}

.iseach_box dl dt {background:#666; color:#fff; padding:10px; font-size:13px; font-weight:bold; text-align:center;}
.iseach_box dl dd.all_del_area {text-align:right;}
.iseach_box dl dd.all_del_area a {display:inline-block; font-size:13px; color:#333; padding:10px 0;margin-right:10px;}
.iseach_box dl dd.all_del_area a:hover {text-decoration:underline;}
.iseach_box dl dd ul {border-top:1px solid #d9d9d9; padding:10px;}
.iseach_box dl dd ul li {list-style:none;}
.iseach_box dl dd ul li a {font-size:13px; color:#333; line-height:18px; display:inline-block;}
.iseach_box dl dd ul li a:lang(en) {color:red;}
.iseach_box dl dd ul li a:hover {text-decoration:underline;}
.iseach_box dl dd ul li a:first-child {max-width:122px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.iseach_box dl dd ul li a img {vertical-align:top; padding:3px 0 0 5px;}

.popular_box_area {margin-bottom:30px;}
.popular_box_area dl dt {background:#86aa40; color:#fff; padding:10px; font-size:13px; font-weight:bold; text-align:center;}
.popular_box_area dl dd.popular_box {position:relative; margin:0; width:160px;}
.popular_box_area dl dd ul {margin-top:5px;}
.popular_box_area dl dd ul li {font-size:13px; line-height:18px; list-style:none; padding-left:6px;}
.popular_box_area dl dd ul li span {display:inline-block; width:20px; height:20px; line-height:19px; border:1px solid #d9d9d9; border-radius:3px; margin-right:5px; text-align:center;}
.popular_box_area dl dd ul li a {display:inline-block; color:#333; position:relative; top:4px; width:125px; max-width:125px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.popular_box_area dl dd ul li a:hover {text-decoration:underline;}
.popular_box_area dl dd ul li.popular_box_info {color:#999; font-size:11px; padding-left:10px; margin-top:5px;}
}

@media all and (min-width:1260px){
body.body_search.en_site #wrap .header_search .header_area .search_layer {margin-left:-260px;}

/* 결과내 재검색 */
body.body_search.en_site .rebrowsing_check {left:auto;right:-230px;}

.header_search .emblem {display:block; position:absolute; width:270px; height:50px; left:975px; top:16px;}

.detail_search_area {width:1240px;}
body.body_search.en_site .detail_search_area {width:990px;}
.detail_search_btn.btn_small, .detail_search_btn.btn_big {display:none;}
.detail_search_btn.eng.btn_big {display:block;}

dl.search_related {width:1240px;}

#content_section.search_content_section {width:1240px; left:50%; margin:0 0 0 -620px;padding-bottom:0;}
#rmenu_section.search_content_section {width:990px; left:50%; margin-left:-620px;}
body.body_search.en_site #content_section.search_content_section {width:990px; left:0; margin:0 auto;}

.search_result_section {width:1080px; height:auto; float:left; padding-right:30px; padding-bottom:0; border-right:1px solid #d9d9d9;}
body.body_search.en_site .search_result_section {width:831px; min-height:900px; float:left; padding-right:20px; padding-bottom:50px; border-right:1px solid #d9d9d9;}

/* 검색결과 지정 버튼영역 */
.search_result_sort_area {background:#f8f8f8; width:230px;min-height:1170px;float:left; margin-right:30px;border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.search_result_sort_area h2.search_result_main_title {display:block; background:#2c5797; color:#fff; height:50px; line-height:48px; font-size:24px; text-align:center; font-weight:600;}
.search_result_sort_area h3.search_result_sub_title {display:block; background:#00a6b6; color:#fff; height:35px; line-height:33px; font-size:20px; text-align:center; font-weight:600;}

/* 컨텐츠탭 통합검색화면 */
ul.search_result_tab {width:100%; margin:0; font-size:16px; overflow:hidden; border-top:none; border-bottom:none;}
ul.search_result_tab li:last-child {border-right:none;}
ul.search_result_tab li {float:none; width:100%; border:none; text-align:left; list-style:none; border-bottom:1px solid #d9d9d9;}
ul.search_result_tab li a {display:block; padding:0; height:40px; line-height:38px; color:#666666; text-indent:20px;}
ul.search_result_tab li:hover {border:none; border-bottom:1px solid #d9d9d9;}
ul.search_result_tab li:hover a {border:none; color:#fff; background:#4690db; font-weight:bold;}
ul.search_result_tab li a span {display:inline-block; width:auto; font-size:13px; text-indent:0;}
ul.search_result_tab li.on {border:none; border-bottom:1px solid #d9d9d9;}
ul.search_result_tab li.on a {font-weight:bold; color:#fff; background:#4690db;}

ul.search_result_tab.search_tab_eng li {float:left;text-align:center; border:1px solid #d9d9d9; border-left:none;}
ul.search_result_tab.search_tab_eng li:first-child {border-left:1px solid #d9d9d9;}
ul.search_result_tab.search_tab_eng li a {padding:10px 0; height:auto; line-height:20px; text-indent:0;}
ul.search_result_tab.search_tab_eng li a span {display:block; width:100%; font-size:13px;}

/* 신규 검색결과 sort */
.search_result_sort17 {display:block; padding:20px; box-sizing:border-box;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edf9fa+0,f7ecf1+95,f8f8f8+100 */
	background: #edf9fa; /* Old browsers */
	background: -moz-linear-gradient(top,  #edf9fa 0%, #edf9fa 95%, #f8f8f8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #edf9fa 0%,#edf9fa 95%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #edf9fa 0%,#edf9fa 95%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf9fa', endColorstr='#f8f8f8',GradientType=0 ); */ /* IE6-9 */}
.search_result_sort17 .sort_item {margin-bottom:20px; overflow:hidden;}
.search_result_sort17 .sort_item:last-child {margin-bottom:0;}
.search_result_sort17 .sort_item h4 {font-size:14px; color:#333;}
.search_result_sort17 .sort_item h4 span {font-size:12px; color:#888;}
.search_result_sort17 div.sort_item input.sort_item_btn {display:none;}
.search_result_sort17 div.sort_item label {padding:0; width:92px; height:40px; line-height:37px; color:#333; font-size:14px; color:#333; cursor:pointer; display:inline-block; float:left;border:1px solid #d9d9d9; margin:5px 6px 0 0; text-align:center; background:#fff; box-sizing:border-box;}
.search_result_sort17 div.sort_item label.even {margin:5px 0 0 0;}
	input.sort_item_btn:checked + label {font-weight:bold; border:2px solid #00a6b6; line-height:35px;}

	div.sort_item dl.sort-search-date {display:block; margin-top:5px; overflow:hidden; width:100%; box-sizing:border-box;}
	div.sort_item dl.sort-search-date dd {position:relative; display:inline-block; float:left; vertical-align:middle; box-sizing:border-box;}
	div.sort_item dl.sort-search-date dd.loca01, div.sort_item dl.sort-search-date dd.loca02 {width:92px;}
	div.sort_item dl.sort-search-date dd.loca01 input, div.sort_item dl.sort-search-date dd.loca02 input {font-size:12px; letter-spacing:-1px;}
	div.sort_item dl.sort-search-date dd.middle {width:6px; overflow:hidden;}
	div.sort_item dl.sort-search-date dd input {width:100%; height:35px; vertical-align:middle; text-indent:8px; border:1px solid #d9d9d9;}
	div.sort_item dl.sort-search-date dd a {display:inline-block; width:18%; position:absolute; right:7px; top:9px;}
	div.sort_item dl.sort-search-date dd a img {width:100%; vertical-align:middle;}

/* 검색결과 없음 안내메세지 */
.search_result_none_area {width:810px; margin-left:250px;}
.search_result_section .search_related_site_area ul.search_related_site li {width:19%;}
}

/*============================================================================================================================
											관리자페이지 로그인
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/
.admin_body {border-top:6px solid #675441;}
.admin_login_area {position:relative; width:100%;}
.admin_login_area .admin_login_top_area {position:relative;}
.admin_login_area .admin_login_top_area h1.logo_login {text-align: center; margin-top:30px;}
.admin_login_area .admin_login_top_area h1.logo_login img {width:200px; height:51px;}
.admin_login_area .admin_login_top_area .login_top_txt {padding-top:30px; width:90%; margin:0 auto;}
.admin_login_area .admin_login_top_area .login_top_txt h2 {color:#564b40; font-size:26px; font-weight:normal; line-height:30px;}
.admin_login_area .admin_login_top_area .login_top_txt p {color:#666; font-size:13px; margin-top:15px; padding-bottom:30px;}
.admin_login_area .admin_login_top_area .title_area_line {position:absolute; bottom:0; width:100%; height:6px; background: url('/res/theme/uni/images/etc/title_area_line.gif') left top repeat-x;}
.admin_login_area .login_form .admin_login_button {color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.3); font-size:16px; font-weight:bold; padding:15px 0; width:100%; border-radius:3px; box-sizing:border-box;}
.admin_login_area .login_form .RadioCheckbox {margin-top:13px;}

/*======================================
			태블릿용 CSS
========================================*/
@media all and (min-width:768px){
.admin_login_area .login_form .admin_login_button {padding:40px 0; width:101px;}
.admin_login_area .login_form .RadioCheckbox {margin-top:0;}
}

/*======================================
			PC용 CSS
========================================*/
@media all and (min-width:1024px){
.admin_login_area {width:990px; margin:0 auto;}
.admin_login_area .admin_login_top_area {height:200px; background: url('/res/theme/uni/images/etc/title_bg_03.png') 95% top no-repeat; background-size:290px 150px;}
.admin_login_area .admin_login_top_area h1.logo_login {position:absolute; left:0; top:40px; margin-top:0;}
.admin_login_area .admin_login_top_area .login_top_txt {position:absolute; left:0; bottom:20px; padding:0; width:100%;}
.admin_login_area .admin_login_top_area .login_top_txt h2 {color:#564b40; font-size:26px; font-weight:normal;}
.admin_login_area .admin_login_top_area .login_top_txt p {color:#666; font-size:13px; padding:0; margin-top:8px;}
.admin_login_area .admin_login_top_area .title_area_line {position:absolute; bottom:0; width:100%; height:6px; background: url('/res/theme/uni/images/etc/title_area_line.gif') 0 0 repeat-x;}
}

/*============================================================================================================================
											통일교육 홈페이지 관련 css
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/
/* 교육일정 리스트 */
.edu_yearplan_btn {position:absolute; top:33px; right:0;}
.edu_yearplan_btn a {color:#25629a; font-weight:bold; font-size:14px; padding:10px 25px 10px 10px; border:1px solid #d9d9d9; border-radius:3px; background: url('/res/theme/uni/images/common/icon/arrow_blue_8x14.png') right 10px center no-repeat;}
.edu_yearplan_btn a:hover {color:#257bca; border:1px solid #257bca;}

.cal_selectbox {width:100%; overflow:hidden; margin:0 auto; padding:12px 20px; position:relative; border-radius:5px; background:#4690db url('/res/theme/uni/images/board/bg_cal_selectbox_gray.png') right top no-repeat;box-sizing:border-box;}
.cal_selectbox label {font-size:14px; color:#fff; font-weight:bold;}
.cal_selectbox select {line-height:18px; height:30px; margin-left:7px; display:inline-block; padding:0 30px 0 6px; border-radius:5px; border:none;box-sizing:border-box;}
.cal_selectbox select#date_year {width:80px;}
.cal_selectbox select#date_month {width:65px;}
.cal_selectbox .cal_select_btn {margin-left:7px;}
.cal_selectbox .cal_select_btn button {width:70px;}

.crs_cal_list_txt {text-align:right; font-size:13px; color:#555; margin:15px 0 10px 0; padding-right:10px;}
table.crs_cal_list span {padding:4px 7px 5px;}

/*  ****************************  통일놀이터 카툰, 게임 리스트  ****************************  */
/* 전체 리스트 */
ul.playground_list {overflow:hidden; border-top:2px solid #666;}
ul.playground_list li {list-style:none; clear:both; padding:20px 15px; overflow:hidden; border-bottom:1px dashed #d9d9d9; position:relative;}
ul.playground_list li img {float:left; padding-right:15px; width:120px; height:98px;}
ul.playground_list li .nomination {position:absolute; top:5px; left:2px; float:none; padding:0; width:45px; height:46px;}
ul.playground_list li h4 {padding-bottom:10px;}
ul.playground_list li h4 a {font-size:18px; font-weight:bold; line-height:23px;}
ul.playground_list li p a {font-size:15px; line-height:1.4;}

/* 웹툰 타이틀 */
.cartoon_title {width:96%;height:auto;padding:20px;box-sizing:border-box;font-size:16px;line-height:1.6;position:absolute;z-index:10;border:1px solid #d9d9d9;text-shadow:1px 1px 1px #fff, -1px -1px 1px #fff;word-break:keep-all;}
.cartoon_title_img {width:100%;height:120px;overflow:hidden;margin-bottom:40px;}
.cartoon_title_img img {width:auto;height:120px;float:right;opacity:.5;}

/* UniTV 타이틀 */
.unitv_title {width:96%;height:auto;padding:28px;box-sizing:border-box;font-size:16px;line-height:1.6;position:absolute;z-index:10;text-shadow:1px 1px 1px #fff, -1px -1px 1px #fff;word-break:keep-all;}
.unitv_title_img {width:100%;overflow:hidden;margin-bottom:20px;}
.unitv_title_img img {width:auto;height:130px;float:right;opacity:.3;}
.cardnews_title {width:96%;height:auto;padding:15px 39px;box-sizing:border-box;font-size:16px;line-height:1.6;position:absolute;z-index:10;text-shadow:1px 1px 1px #fff, -1px -1px 1px #fff;word-break:keep-all;}
.aha_title {width:96%;height:auto;padding:28px;box-sizing:border-box;font-size:16px;line-height:1.6;position:absolute;z-index:10;text-shadow:1px 1px 1px #fff, -1px -1px 1px #fff;word-break:keep-all;}

@media all and (min-width:604px){
.cardnews_title {padding:39px;}
.unitv_title {padding:39px;}
}

@media all and (min-width:768px){
.aha_title {padding:27px 39px;}
}

/* 세부 리스트 */
ul.playground_sub_list {background:#fdfdfd; border:1px solid #e9e9e9; border-radius:5px; box-sizing:border-box; padding:40px 0 0 0; width:95%; margin:20px auto 0 auto; overflow:hidden; text-align:center;}
ul.playground_sub_list li {padding-bottom:40px; list-style:none; position:relative;}
ul.playground_sub_list li .nomination {position:absolute; top:-20px; left:50%; margin-left:-115px; float:none; padding:0; width:45px; height:46px;}
ul.playground_sub_list li h4 {font-size:17px; line-height:20px; font-weight:bold; padding-top:10px;}

/* 사이버 과정개요 페이지 */
.cyber_infobox_area {width:100%; padding:20px 15px; overflow:hidden; box-sizing:border-box;}
.cyber_infobox {width:100%; margin:20px auto; border:1px solid #d9d9d9; border-top:3px solid #00a6b6; padding:20px; box-sizing:border-box;}
.cyber_infobox h4 {padding-top:10px; font-size:18px; font-weight:bold; text-align:center;}
.cyber_infobox .thumnail {margin-top:20px;}
.cyber_infobox .thumnail img {width:100%; height:auto;}
.cyber_infobox .cyber_infotxt {font-size:15px; color:#666; margin-top:20px; line-height:23px;}
.cyber_infobox .cyber_info_btn {text-align:center; margin-top:20px;}

.cyber_infobox_first {background-color:#fffbcc;}
.cyber_infobox_first li:first-child a {color:#0066cc;}

/*======================================
			태블릿용 CSS
========================================*/
@media all and (min-width:768px){

/* 교육일정 리스트 */
.edu_yearplan_btn {top:25px;}
.edu_yearplan_btn a {padding:10px 30px 10px 15px;}

.cal_selectbox {padding:12px 30px;}

/*  ****************************  통일놀이터 카툰, 게임 리스트  ****************************  */
/* 전체 리스트 게임 */
ul.playground_list.game_list li {clear:none; width:50%; float:left; box-sizing:border-box;}
ul.playground_list.game_list li:nth-child(2n) {width:50%; float:right; box-sizing:border-box; border-left:1px dashed #d9d9d9;}
ul.playground_list.game_list li img {float:left; padding-right:15px;}

/* 세부 리스트 */
ul.playground_sub_list li {float:left; width:50%;}
ul.playground_sub_list li h4 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 웹툰 타이틀 */
.cartoon_title {width:100%;height:120px;padding:24px 30px;}
.cartoon_title_img {height:120px;margin-bottom:0;}
.cartoon_title_img img {height:120px;opacity:1;}

/* UniTV 타이틀 */
.unitv_title_img img {opacity:1;}

/* 사이버 과정개요 페이지 */
.cyber_infobox {height:530px; position:relative;}
.cyber_infobox.odd {width:49%; float:left;}
.cyber_infobox.even {width:49%; float:right;}
.cyber_infobox .cyber_info_btn {position:absolute; bottom:30px; left:50%; margin-left:-65px;}
}

/*======================================
			PC용 CSS
========================================*/
@media all and (min-width:1024px){

/* 교육일정 리스트 */
.cal_selectbox {width:100%;}

/*  ****************************  통일놀이터 카툰, 게임 리스트  ****************************  */
/* 전체 리스트 */
ul.playground_list li {clear:none; width:50%; height:145px; overflow:hidden; float:left; box-sizing:border-box;}
ul.playground_list li:nth-child(2n) {width:50%; float:right; box-sizing:border-box; border-left:1px dashed #d9d9d9;}
ul.playground_list li img {float:left; padding-right:15px;}

/* 세부 리스트 */
ul.playground_sub_list  {padding:50px 0 0 0; margin:20px auto 0 auto; width:100%;}
ul.playground_sub_list li {width:33.33%; padding-bottom:50px;}

/* 사이버 과정개요 페이지 */
.cyber_infobox_area {padding:20px 0;}
.cyber_infobox {height:550px;}
}

/*============================================================================================================================
											나의강의실
=============================================================================================================================*/
/* 교육 팝업창 iframe 위치 조정 */
iframe#contentsMain {left:0 !important; top:0 !important;}

/*======================================
			모바일용 CSS
========================================*/
/*  ****************************  강의실 Layout 및 메인페이지  ****************************  */
/* header 상단 영역 */
.class_header_top {position:relative; height:120px; background: url('/res/theme/uni/images/class/class_header_top_bg.png') left top repeat;}
.class_header_top .class_h1 {padding:25px 0 0 15px; font-size:30px; color:#fff;}
.class_header_top .class_h1 a {color:#fff;}
.class_header_top .class_h2 {font-size:18px; color:#fff; font-weight:normal; padding:15px 0 0 15px;}
.class_header_top .class_out_btn {position:absolute; right:15px; top:35px;}
.class_header_top .class_out_btn span a span {display:none;}

.class_header_top2 {position:relative; height:120px; background: url('/res/theme/uni/images/class/class_header_top_bg2.png') left top repeat;}
.class_header_top2 .class_h1 {padding:25px 0 0 15px; font-size:30px; color:#fff;}
.class_header_top2 .class_h1 a {color:#fff;}
.class_header_top2 .class_h2 {font-size:18px; color:#fff; font-weight:normal; padding:15px 0 0 15px;}
.class_header_top2 .class_out_btn {position:absolute; right:15px; top:35px;}
.class_header_top2 .class_out_btn span a span {display:none;}

/* nav 영역 */
.class_nav {width:100%;}
.class_nav .class_nav_dropdown {/* Size & position */z-index:30; position: relative; width: 100%; padding: 14px 15px; box-sizing:border-box;
		/* Styles */text-align:center; background: #415467; cursor: pointer; outline: none; color:#fff;
					-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.class_nav .class_nav_dropdown:after {content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #fff transparent;}/* Little arrow */
.class_nav .class_nav_dropdown ul.class_gnb {
	/* Size & position */position: absolute; top: 100%; left: 0; right: 0;
	/* Styles */list-style: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
	/* Hiding */max-height: 0; overflow: hidden;}
.class_nav .class_nav_dropdown ul.class_gnb li {background:#a5a5a5; border-bottom:1px solid #d9d9d9; box-sizing:border-box; width:50%; float:left; list-style:none; border-right:1px solid #d9d9d9;}
.class_nav .class_nav_dropdown ul.class_gnb li a {display: block; text-decoration: none; color: #fff; padding: 14px 0; transition: all 0.2s ease-out;}
.class_nav .class_nav_dropdown ul.class_gnb li:last-of-type a {border: none;}
.class_nav .class_nav_dropdown ul.class_gnb li:hover a {background:#666;}/* Little arrow */
/* Active state */
.class_nav .class_nav_dropdown.active {background: #4cbeff; box-shadow: none; border-bottom: none; color: white;}
.class_nav .class_nav_dropdown.active:after {border-width:0 6px 6px 6px;}
.class_nav .class_nav_dropdown.active ul.class_gnb {max-height:1000px;}
.class_nav .class_nav_line {width:100%; height:6px; background:url('/res/theme/uni/images/etc/title_area_line.gif') left top repeat-x;}

/* 메인 개요1 */
section.class_main_summary .class_main_summary_area {padding:25px 10px;}
section.class_main_summary .class_main_user_info h3 {font-size:13px; font-weight:normal; margin-bottom:10px;}
section.class_main_summary ul {margin-top:15px; padding:0;}
section.class_main_summary ul li {list-style:none; font-size:13px; line-height:18px;}

/* 메인 개요2 */
section.class_main_summary2 {background:#f4f4f4;}
section.class_main_summary2 .class_main_summary2_area {padding:25px 10px; margin-bottom:30px;}
	.class_main_notice_area {margin-bottom:40px;}
	.class_main_notice_area h4 {position:relative; font-size:18px; font-weight:normal; border-bottom:2px solid #666; padding-bottom:15px;}
	.class_main_notice_area h4 .class_main_more {position:absolute; right:0; top:5px;}
	.class_main_notice_area h4 .class_main_more a {font-size:13px; color:#e37000;}
	.class_main_notice_area h4 .class_main_more a:hover {text-decoration:underline;}
	.class_main_notice_area ul.class_main_notice {padding-top:15px;}
	.class_main_notice_area ul.class_main_notice li {list-style:none; font-size:13px; line-height:25px;}
	.class_main_notice_area ul.class_main_notice li p.subject {width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.class_main_notice_area ul.class_main_notice li p.subject a {color:#333;}
	.class_main_notice_area ul.class_main_notice li p.subject a:hover {text-decoration:underline;}
	.class_main_notice_area ul.class_main_notice li p.subject img {position:relative; top:8px;}
	.class_main_notice_area ul.class_main_notice li p.date {display:none;}

	.class_main_report_area h4 {font-size:18px; font-weight:normal; border-bottom:2px solid #666; padding-bottom:15px;}
	.class_main_report_area .condition {padding-top:15px;}
	.class_main_report_area .condition div.graphe {width:100%; height:35px; background-color:#ebebeb; position:relative;}
	.class_main_report_area .condition div.graphe p.ingraphe {height:35px; border-right:2px solid #e43e3e; background:#ffc600; box-sizing:border-box;}
	.class_main_report_area .condition div.graphe p.ingraphe_txt {font-size:18px; color:#333; font-weight:bold; position:absolute; top:8px; left:15px;}
	.class_main_report_area .condition ul {overflow:hidden; margin-top:15px; padding:0; font-size:13px; color:#333;}
	.class_main_report_area .condition ul li {display:inline-block; width:48%; list-style:none; font-size:13px; color:#333; line-height:18px;}

/*  ****************************  강사화면  ****************************  */
/* 수강생 진도현황 */
div.prgr_graphe {width:100%; height:20px; background-color:#ebebeb; position:relative;}
div.prgr_graphe p.in_graphe {height:20px; border-right:2px solid #e43e3e; background:#ffc600; box-sizing:border-box;}
div.prgr_graphe p.in_graphe_txt {font-size:14px; color:#333; font-weight:bold; position:absolute; top:2px; left:15px;}

/* 설문관리 - 설문결과 */
ul.resh_result_q {box-sizing:border-box; float:left;}
ul.resh_result_q li {list-style:none; font-size:13px; line-height:18px;}

ul.resh_result_r {box-sizing:border-box; float:left; margin-left:30px;}
ul.resh_result_r li {list-style:none; font-size:13px; color:#4a6a96; line-height:18px;}

ul.resh_result_graph_txt {width:27%; box-sizing:border-box; float:left;}
ul.resh_result_graph_txt li {list-style:none; font-size:13px; line-height:18px;}

ul.resh_result_graph {width:73%; box-sizing:border-box; float:left;}
ul.resh_result_graph li {list-style:none; font-size:13px; line-height:18px;}
ul.resh_result_graph li p.ingraphe {height:12px; line-height:18px; margin:5px 0 6px 0; border-right:2px solid #e43e3e; background:#ffc600; box-sizing:border-box;}

/*  ****************************  강의실 게시판  ****************************  */
/* 나의강의실 메인 리스트 */
ul.uni-class-list-ul {margin-top:30px; overflow:hidden; border-top:2px solid #666;}
ul.uni-class-list-ul li {list-style:none; border-bottom:1px solid #666; font-size:13px; font-weight:bold; line-height:18px; color:#333; padding:14px 5px 0 5px;}
ul.uni-class-list-ul li .icon_mobile {margin-left:7px;}
ul.uni-class-list-ul li ul {overflow:hidden; margin-top:14px; border-top:1px dashed #d9d9d9; padding:14px 0; position:relative;}
ul.uni-class-list-ul li ul li {list-style:none; font-weight:normal; border-bottom:none; background: url('/res/theme/uni/images/menu/site_list_bg.png') right center no-repeat; display:inline-block; padding:0 10px}
ul.uni-class-list-ul li ul li a img {vertical-align:middle;}
ul.uni-class-list-ul li ul li:first-child {line-height:13px; background:none; float:right; padding:5px 0 0 0;}
ul.uni-class-list-ul li ul li:last-child {background:none;}

/* 나의강의실 토론방 리스트 */
ul.uni-class-forum-ul {margin-top:30px; overflow:hidden; border-top:2px solid #666;}
ul.uni-class-forum-ul li {list-style:none; border-bottom:1px solid #666; font-size:13px; font-weight:bold; line-height:18px; color:#333; padding:14px 0 0 0; background:#f8f8f8;}
ul.uni-class-forum-ul li .name {padding-left:10px;}
ul.uni-class-forum-ul li .time {padding-left:15px;}
ul.uni-class-forum-ul li ul {overflow:hidden; margin-top:14px; border-top:1px dashed #d9d9d9; padding:14px 0; background:#fff; position:relative;}
ul.uni-class-forum-ul li ul li {list-style:none; font-weight:normal; border-bottom:none; background:#fff; padding:5px 10px;}
ul.uni-class-forum-ul li ul li textarea {width:100%; height:150px; margin-top:10px; padding:10px;}

/* 테이블 내 데이터테이블 */
.hz_sub {width:100%; border-top:2px solid #b3b3b3; border-collapse:collapse;}
.hz_sub th {padding:8px 0; border-bottom:1px solid #d9d9d9;background-color:#e7e7e7;font-size:14px;font-weight:bold;text-align:center;}
.hz_sub tbody {border-top:none;}
.hz_sub tbody td {padding:8px 0; border-bottom:1px solid #d9d9d9; color:#333; font-size:13px; font-weight:normal; text-align:center; word-break:break-all;}
.hz_sub tbody td.subject01 {padding:8px 0; text-align:left; word-break:break-all;}

/* 데이터테이블 기본 */
.hz_dtable {width:100%; background:#fff;}
.hz_dtable caption {position:absolute;width:1px !important;height:1px !important;padding:0px !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}
.hz_dtable thead, .hz_dtable tbody {font-size:14px; text-align:center;}
.hz_dtable thead {color:#333;}
.hz_dtable tbody, .board_table tbody a {color:#333;}
.hz_dtable thead tr th {padding:14px 3px; background:#fafafa; border-top:2px solid #666; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.hz_dtable thead tr th.in_th {padding:14px 3px; background:#fafafa; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.hz_dtable thead tr th.rnone {border-right:none;}
.hz_dtable tbody tr td {padding:14px 3px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; vertical-align:middle;}
.hz_dtable tbody tr td.subject {text-align:left; padding:14px 10px; line-height:18px;}
.hz_dtable tbody tr td.subject a:hover {text-decoration:underline;}
.hz_dtable tbody tr td.rnone {border-right:none;}
.hz_dtable tbody tr td.bg {background:#fafafa;}

/* 강의실 소제목 */
.asmt_title1, .asmt_title2, .asmt_title3 {font-size:15px; font-weight:bold; height:40px; line-height:40px; border-radius:5px; text-align:center;}
.asmt_title1 {color:#333; background:#ffc600;}
.asmt_title2 {color:#333; background:#9cd3e1;}
.asmt_title3 {color:#fff; background:#00a6b6;}

/*  ****************************  시험화면  ****************************  */
.exam_section {width:100%; background: url("/res/theme/uni/images/class/exam_bg.png") left top repeat; overflow:hidden; padding-bottom:50px;}
.exam_section .exam_top_info {margin-top:40px; overflow:hidden;}
.exam_section .exam_top_info .exam_title {float:left; width:50%; box-sizing:border-box; margin-top:10px; padding-left:22px; font-size:18px; line-height:18px; font-weight:bold; background: url('/res/theme/uni/images/common/icon/icon_title_lec.png') no-repeat left 3px;}
.exam_section .exam_top_info .exam_info {float:right; width:50%; box-sizing:border-box; text-align:right;}
.exam_section .exam_top_info .exam_info p {display:inline-block; box-sizing:border-box; padding-left:10px;}

.exam_section .exam_page {width:100%;background:#fff;padding:30px;margin-top:20px;box-sizing:border-box; border:1px solid #d9d9d9;border-radius:5px;box-shadow:0px 1px 3px rgba(0,0,0,.3);}
.exam_section .exam_page .exam_area .exam_question {border-top:2px solid #666; border-bottom:1px solid #d9d9d9; background:#fafafa; padding:10px 15px;}
.exam_section .exam_page .exam_area .exam_question p {font-weight:bold; line-height:18px; font-size:13px;}
.exam_section .exam_page .exam_area .exam_answer {border-bottom:1px solid #d9d9d9; padding:10px 20px;}
.exam_section .exam_page .exam_area .exam_answer .short input {height:30px; line-height:30px; padding:0 5px; border:1px solid #999;}
.exam_section .exam_page .exam_area .exam_answer .long textarea {line-height:18px; padding:10px; border:1px solid #999;}

/*  ****************************  시험 경고창  ****************************  */
#dialog-form {width:100%;}
#dialog-form .warning_top {width:100%; height:65px; position:relative; text-align:center;}
#dialog-form .warning_top .warning_title {font-size:25px; font-weight:bold; color:#333; line-height:60px;}
#dialog-form .warning_ol {overflow:hidden; margin:0; padding:20px 20px 20px 40px; border:1px solid #d9d9d9; border-top:3px solid #257bca;background:url('/contents/page/image/lec_exam/warning_bg.png') right bottom no-repeat;}
#dialog-form .warning_ol > li {font-size:15px; color:#333; line-height:24px; margin-bottom:10px;}
#dialog-form .warning_ol li ul {padding:3px 0 0 0; margin:0;}
#dialog-form .warning_ol li ul li {list-style:none; line-height:18px; margin-bottom:5px; font-size:15px;}
#dialog-form .warning_ol li ul li ul {padding:5px 0 0 15px;}
#dialog-form .warning_ol li ul li ul li {list-style:none;}
#dialog-form .warning_btn {padding:20px 0; text-align:center;}

/*======================================
			태블릿용 CSS
========================================*/
@media all and (min-width:768px){

/*  ****************************  강의실 Layout 및 메인페이지  ****************************  */
/* header 상단 영역 */
.class_header_top .class_h1 {display:inline-block; padding:38px 0 0 20px;}
.class_header_top .class_h2 {display:inline-block; padding:0 0 0 5px; position:relative; bottom:3px;}
.class_header_top .class_out_btn {right:20px;}
.class_header_top .class_out_btn span a span {display:inline;}

.class_header_top2 .class_h1 {display:inline-block; padding:38px 0 0 20px;}
.class_header_top2 .class_h2 {display:inline-block; padding:0 0 0 5px; position:relative; bottom:3px;}
.class_header_top2 .class_out_btn {right:20px;}
.class_header_top2 .class_out_btn span a span {display:inline;}

/* nav 영역 */
.class_nav .class_nav_dropdown ul.class_gnb li {width:25%;}

/* 메인 개요1 */
section.class_main_summary .class_main_summary_area {padding:35px 20px;}
section.class_main_summary .class_main_user_info {display:inline-block;}
section.class_main_summary .class_main_user_info h3 {font-size:18px; margin-bottom:0; display:inline-block;}
section.class_main_summary ul {margin-top:0; float:right;}

/* 메인 개요2 */
section.class_main_summary2 .class_main_summary2_area  {padding:35px 20px; margin-bottom:40px; overflow:hidden; box-sizing:border-box;}
	.class_main_notice_area {float:left; width:48%; box-sizing:border-box; margin-bottom:0;}
	.class_main_report_area {float:right; width:48%; box-sizing:border-box;}
	.class_main_notice_area ul.class_main_notice li p.subject {width:90%; float:left;}
	.class_main_notice_area ul.class_main_notice li p.date {display:block; width:10%; float:right; text-align:right;}

/* 나의강의실 메인 리스트 */
ul.uni-class-list-ul {margin-top:40px;}
ul.uni-class-list-ul li ul {padding:0;}
ul.uni-class-list-ul li ul li {line-height:50px;}
ul.uni-class-list-ul li ul li:first-child {padding-top:5px;}
}

/*======================================
			PC용 CSS
========================================*/
@media all and (min-width:1024px){

/*  ****************************  강의실 Layout 및 메인페이지  ****************************  */
/* header 상단 영역 */
.class_header_top_area {width:990px; margin:0 auto; position:relative;}
.class_header_top .class_h1, .class_header_top2 .class_h1 {padding:38px 0 0 0;}
.class_header_top .class_out_btn, .class_header_top2 .class_out_btn {right:0;}

/* nav 영역 */
.class_nav_area {width:990px; margin:0 auto;}
.class_nav .class_nav_dropdown {/* Size & position */z-index:30; position:relative; width:100%; padding:0; box-sizing:border-box;
		/* Styles */text-align:center; background: #fff; cursor:auto; outline: none; color:#fff;}
.class_nav .class_nav_dropdown span {display:none;}
.class_nav .class_nav_dropdown:after {display:none}/* Little arrow */
.class_nav .class_nav_dropdown ul.class_gnb {/* Size & position */position: relative; top: 0; left: 0; right: 0; /* Hiding */max-height: 74px; overflow: hidden;}
.class_nav .class_nav_dropdown ul.class_gnb li {background:#fff; border-bottom:none; width:10%; float:left; border-right:1px solid #d9d9d9;}
.class_nav .class_nav_dropdown ul.class_gnb li:first-child, .class_nav .class_nav_dropdown ul.class_gnb li:nth-child(4n) {border-left:1px solid #d9d9d9;}
.class_nav .class_nav_dropdown ul.class_gnb li a {color: #333; padding: 29px 0;}
.class_nav .class_nav_dropdown ul.class_gnb li:hover a, .class_nav .class_nav_dropdown ul.class_gnb li.on a {background:#415467; color:#fff;}

/* 메인 개요1 */
section.class_main_summary .class_main_summary_area {width:990px; margin:0 auto; padding:50px 0 35px 0;}

/* 메인 개요2 */
section.class_main_summary2 {width:100%; overflow:hidden;}
section.class_main_summary2 .class_main_summary2_area  {width:990px; margin:0 auto; padding:40px 0;}

/* 나의강의실 메인 리스트 */
ul.uni-class-list-ul {margin-top:50px;}
ul.uni-class-list-ul li ul li {padding:0 10px;}
}

/*============================================================================================================================
											통일교육 APP
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/
/* 앱 다운르도 화면 */
.app_download_area {background:#f1f1f1; overflow:hidden;}
.app_download_area h1.app_download_logo {text-align:center; padding:20px 0; border-bottom:1px solid #d9d9d9;}

.app_download_area .android_area {float:left; width:50%; box-sizing:border-box; margin:40px 0; text-align:center; font-size:18px;}
.app_download_area .iphone_area {float:right; width:50%; box-sizing:border-box; margin:40px 0; text-align:center; font-size:18px;}
.app_download_area .android_area h2, .app_download_area .iphone_area h2 {font-weight:bold;}
.app_download_area .android_area p, .app_download_area .iphone_area p {padding-top:10px;}
.app_download_area .android_area p img, .app_download_area .iphone_area p img {width:auto; height:80px; padding:10px 0;}

/* 앱 하단 Bar */
section.app_bar {width:100%; height:45px; background:#494949; position:fixed; left:0; bottom:0; z-index:9999;-webkit-box-shadow: 3px 3px 3px 5px #8F8F8F; box-shadow: 3px 3px 3px 5px #8F8F8F;}
section.app_bar ul {overflow:hidden;}
section.app_bar ul li {text-indent:-9999px; list-style:none; float:left; width:20%; height:45px; box-sizing:border-box;}
section.app_bar ul li a {display:block; height:45px;}
section.app_bar ul li.app_bar_btn1 {background:url('/res/theme/uni/images/class/app/bar_01_off.png') center center no-repeat; background-size:25px 24px;}
section.app_bar ul li.app_bar_btn1:hover {background:url('/res/theme/uni/images/class/app/bar_01_on.png') center center no-repeat; background-size:25px 24px;}
section.app_bar ul li.app_bar_btn2 {background:url('/res/theme/uni/images/class/app/bar_02_off.png') center center no-repeat; background-size:23px 23px;}
section.app_bar ul li.app_bar_btn2:hover {background:url('/res/theme/uni/images/class/app/bar_02_on.png') center center no-repeat; background-size:23px 23px;}
section.app_bar ul li.app_bar_btn3 {background:url('/res/theme/uni/images/class/app/bar_03_off.png') center center no-repeat; background-size:23px 22px;}
section.app_bar ul li.app_bar_btn3:hover {background:url('/res/theme/uni/images/class/app/bar_03_on.png') center center no-repeat; background-size:23px 22px;}
section.app_bar ul li.app_bar_btn4 {background:url('/res/theme/uni/images/class/app/bar_04_off.png') center center no-repeat; background-size:30px 25px;}
section.app_bar ul li.app_bar_btn4:hover {background:url('/res/theme/uni/images/class/app/bar_04_on.png') center center no-repeat; background-size:30px 25px;}
section.app_bar ul li.app_bar_btn5 {background:url('/res/theme/uni/images/class/app/bar_05_off.png') center center no-repeat; background-size:25px 25px;}
section.app_bar ul li.app_bar_btn5:hover {background:url('/res/theme/uni/images/class/app/bar_05_on.png') center center no-repeat; background-size:25px 25px;}

/* 다운로드 현황 그래프 */
ul.app_down_area {overflow:hidden; position:relative;}
ul.app_down_area  li {list-style:none; padding-right:90px;}
ul.app_down_area  li div.app_down_graphe {width:100%; height:10px; background-color:#ebebeb; margin-top:10px;}
ul.app_down_area  li div.app_down_graphe p.app_graphe {height:10px; border-right:2px solid #e43e3e; background:#ffc600; box-sizing:border-box; padding-top:10px;}
ul.app_down_area  li.app_graphe_txt {font-size:14px; color:#333; font-weight:bold; padding-top:10px;}
ul.app_down_area  li.app_dowb_btn {position:absolute; right:0; top:10px; padding-right:0;}

/* 환경설정 */
.app_setting_area {border-top:2px solid #333; border-bottom:1px solid #d9d9d9; padding:20px 15px; margin:30px 0 10px 0;}
.app_setting_area h4 {font-size:18px; font-weight:bold; margin-bottom:15px;}
.app_setting_area .version {height:40px; line-height:40px; background:#fdfdfd; border:1px solid #d9d9d9; color:#666; font-size:13px; box-sizing:border-box; padding:0 15px;}
.app_setting_area .account_info {font-size:13px; line-height:18px; color:#666;}

.app_setting_area div.setting_graphe {width:100%; height:35px; background-color:#ebebeb; position:relative;}
.app_setting_area div.setting_graphe p.ingraphe {height:35px; border-right:2px solid #e43e3e; background:#ffc600; box-sizing:border-box;}
.app_setting_area div.setting_graphe p.ingraphe_txt {font-size:13px; color:#333; font-weight:bold;  position:absolute; top:10px; left:15px;}

/* 통계용 BAR그래프*/
.xbar {margin-top:1px; background: url(.//res/theme/uni/images/etc/bar16.gif) repeat-x;}

/* 항목삭제아이콘버튼 */
span.icon {vertical-align:middle;border:1px solid #dcdcdc;border-radius: 2px;}
span.icon button, span.icon a {cursor:pointer; height: 16px; width: 16px; display: inline-block; background-color: transparent; background-repeat: no-repeat; border: none; background-position: 1px 1px; overflow: hidden;}
span.icon a {background-position:1px 2px;}
span.icon-remove button, span.icon-remove a {background-image: url(/res/theme/uni/images/icon/remove.png) !important;}
span.icon-add button, span.icon-add a {background-image: url(/res/theme/uni/images/icon/add.png) !important;}

/** loading dialog */
.ui-dialog .ui-dialog-content.ui-dialog-spinner {background: url(".//res/theme/uni/images/icon/ajax-loader.gif") no-repeat scroll 10px 10px transparent;padding: 30px 0px 0px 80px;border: 2px solid #ddd;font-weight: 900; line-height: 1em;font-size: 1.1em;color: #737373;}

/*============================================================================================================================
											브라우저 별 전용 핵 : 임시 주석처리
=============================================================================================================================
.button a, .button button {padding:12px 15px 13px 15px;}
.button_20 a, .button_20 button {padding:3px 7px (4)5px 7px;}
.button_30 a, .button_30 button {padding:7px 7px (8)9px 7px;}*/

/*======================================
			사파리, 크롬 전용 핵
========================================

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.button a, .button button 							{padding:12px 15px 13px 15px;}
	::i-block-chrome, .button a, .button button 		{padding:13px 15px 12px 15px;} 사파리 전용

	.button_20 a, .button_20 button 					{padding:3px 7px 5px 7px;}
	::i-block-chrome, .button_20 a, .button_20 button	{padding:4px 7px 4px 7px;} 사파리 전용

	.button_30 a, .button_30 button 					{padding:7px 7px 9px 7px;}
	::i-block-chrome, .button_30 a, .button_30 button	{padding:8px 7px 8px 7px;} 사파리 전용
}
*/

/*======================================
			사파리 모바일 전용 핵
========================================
@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) { @media
{
	.button a, .button button		{padding:13px 15px 12px 15px;}
	.button_20 a, .button_20 button	{padding:5px 7px 3px 7px;}
	.button_30 a, .button_30 button	{padding:8px 7px 7px 7px;}
}}
*/

/* 청소년 만화 */
.required_flash {width:100%; padding-top:30%; background:url('/contents/page/image/common/flash_player.jpg') center top no-repeat; background-size:80% auto;}

/*==== colorbox modal css override : idkook ======*/
#cboxOverlay {background-color: #aaa;}
#cboxLoadingOverlay {background-color:#aaa; opacity:0.3;}

/** HTML5 input number spin button hide */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {/* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none;margin: 0;}

/** input checkbox style override*/
input.checkbox[type=checkbox] {display:none;}
input.checkbox[type=checkbox] + label {display:inline-block;cursor:pointer;position:relative;padding-left:25px;margin-right:15px;font-size:13px;}
input.checkbox[type=checkbox] + label:before {content:"";display:inline-block;width:20px;height:20px;margin-right:10px;position:absolute;left:0;bottom:1px;box-shadow:inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);border: 1px solid #999;background-color: #EEE; border-radius: 2px;}
input.checkbox[type=checkbox]:checked + label:before {content:"\2713";/* 체크모양 */text-shadow:1px 1px 1px rgba(0, 0, 0, .2);font-size:18px;font-weight:800;color:#fff;background:#2f87c1;text-align:center;line-height:18px;}
input.error_input[type=checkbox] + label:before {border-color:red;}

/*============================================================================================================================
											고객지원
============================================================================================================================= */
/* 고객지원안내 */
ul.support_menu {width:100%;height:250px;list-style:none;border-top:1px solid #333; border-bottom:1px solid #333;}
ul.support_menu li {width:25%;height:125px;text-align:center;float:left;box-sizing:border-box;}
ul.support_menu li:hover, ul.support_menu li.active {border:3px solid #364c86;}
ul.support_menu li a {display:block;width:100%;height:100%;line-height:16px;font-size:14px;font-weight:bold;color:#383838;padding-top:77px;box-sizing:border-box;}
ul.support_menu li a:hover, ul.support_menu li.active a {color:#364c86;padding-top:74px;}
ul.support_menu li:nth-child(1) a {background:url('/contents/page/image/support/support_btn1.png') no-repeat 50% 14px;border-bottom:1px solid #333;}
ul.support_menu li:nth-child(2) a {background:url('/contents/page/image/support/support_btn2.png') no-repeat 50% 14px;border-bottom:1px solid #333;}
ul.support_menu li:nth-child(3) a {background:url('/contents/page/image/support/support_btn3.png') no-repeat 50% 14px;border-bottom:1px solid #333;}
ul.support_menu li:nth-child(4) a {background:url('/contents/page/image/support/support_btn4.png') no-repeat 50% 14px;border-bottom:1px solid #333;}
ul.support_menu li:nth-child(5) a {background:url('/contents/page/image/support/support_btn5.png') no-repeat 50% 14px;}
ul.support_menu li:nth-child(6) a {background:url('/contents/page/image/support/support_btn6.png') no-repeat 50% 14px;}
ul.support_menu li:nth-child(7) a {background:url('/contents/page/image/support/support_btn7.png') no-repeat 50% 14px;}
ul.support_menu li:nth-child(8) a {background:url('/contents/page/image/support/support_btn8.png') no-repeat 50% 14px;}
ul.support_menu li:nth-child(1):hover a, ul.support_menu li:nth-child(1).active a {background:url('/contents/page/image/support/support_btn1_on.png') no-repeat 50% 11px;}
ul.support_menu li:nth-child(2):hover a, ul.support_menu li:nth-child(2).active a {background:url('/contents/page/image/support/support_btn2_on.png') no-repeat 50% 11px;}
ul.support_menu li:nth-child(3):hover a, ul.support_menu li:nth-child(3).active a {background:url('/contents/page/image/support/support_btn3_on.png') no-repeat 50% 11px;}
ul.support_menu li:nth-child(4):hover a, ul.support_menu li:nth-child(4).active a {background:url('/contents/page/image/support/support_btn4_on.png') no-repeat 50% 11px;}
ul.support_menu li:nth-child(5):hover a, ul.support_menu li:nth-child(5).active a {background:url('/contents/page/image/support/support_btn5_on.png') no-repeat 50% 11px;}
ul.support_menu li:nth-child(6):hover a, ul.support_menu li:nth-child(6).active a {background:url('/contents/page/image/support/support_btn6_on.png') no-repeat 50% 11px;}
ul.support_menu li:nth-child(7):hover a, ul.support_menu li:nth-child(7).active a {background:url('/contents/page/image/support/support_btn7_on.png') no-repeat 50% 11px;}
ul.support_menu li:nth-child(8):hover a, ul.support_menu li:nth-child(8).active a {background:url('/contents/page/image/support/support_btn8_on.png') no-repeat 50% 11px;}

/* 고객지원 타이틀 */
.support_title {margin-left:10px; margin-top:40px; padding:0 0 0 19px; font-size:23px; line-height:26px; font-weight:bold; background: url('/res/theme/uni/images/support/arrow_blue_10x17.png') no-repeat left 4px;}

ul.support_area1, ul.support_area2 {width:96%;margin:0 auto;list-style:none;}
ul.support_area1 ul#faq_list {margin-top:15px;}
ul.support_area1 ul#faq_list li h5 {background:none;}
ul.support_area1 ul#faq_list li {line-height:17px;background:url('/contents/page/image/support/faq_question_ico.png') no-repeat 0 1px;}

/* 세부 FAQ 바로가기 버튼 */
.support_faq_list {width:100%; margin:12px auto 0;padding-bottom:15px;border-bottom:1px solid #333;}
.support_faq_list h6 {display:inline-block;padding-left:22px;margin-bottom:15px;font-size:16px;background:url('/contents/page/image/support/support_plus.gif') no-repeat 0 5px;}
.support_faq_list ul {width:100%;height:60px;list-style:none;}
.support_faq_list ul li {width:19.2%;height:60px;float:left;margin-right:1%;}
.support_faq_list ul li:last-child {margin-right:0;}
.support_faq_list ul li a {display:block;width:100%;height:100%;background:#e8e8e8;font-size:14px;font-weight:bold;text-align:center;padding-top:11px;box-sizing:border-box;overflow:hidden;word-break:keep-all;}
.support_faq_list ul li a span {display:none;}
.support_faq_list ul li a.on {background:#364c86;color:#fff;}
.support_faq_list ul li:nth-child(5) a {padding-top:21px;}

/* Q&A */
.support_qna {width:100%; margin:15px auto 0;border-top:1px solid #333;border-bottom:1px solid #333;list-style:none;}
.support_qna li {width:100%;height:73px;padding:15px 0 0 75px;box-sizing:border-box;}
.support_qna li:nth-child(1) {background:url('/contents/page/image/support/support_qna.png') no-repeat 13px 50%, url('/contents/page/image/support/support_arrow_r.png') no-repeat 96% 50%;border-bottom:1px solid #d9d9d9;}
.support_qna li:nth-child(2) {background:url('/contents/page/image/support/support_camp.png') no-repeat 13px 50%, url('/contents/page/image/support/support_arrow_r.png') no-repeat 96% 50%;border-bottom:1px solid #d9d9d9;}
.support_qna li:nth-child(3) {background:url('/contents/page/image/support/support_camera.png') no-repeat 13px 50%, url('/contents/page/image/support/support_arrow_r.png') no-repeat 96% 50%;}
.support_qna li:nth-child(1):hover, .support_qna li:nth-child(1).on {background:url('/contents/page/image/support/support_qna_on.png') no-repeat 13px 50%, url('/contents/page/image/support/support_arrow_r.png') no-repeat 96% 50%;}
.support_qna li:nth-child(2):hover, .support_qna li:nth-child(2).on {background:url('/contents/page/image/support/support_camp_on.png') no-repeat 13px 50%, url('/contents/page/image/support/support_arrow_r.png') no-repeat 96% 50%;}
.support_qna li:nth-child(3):hover, .support_qna li:nth-child(3).on {background:url('/contents/page/image/support/support_camera_on.png') no-repeat 13px 50%, url('/contents/page/image/support/support_arrow_r.png') no-repeat 96% 50%;}
.support_qna li a span {display:inline-block;width:100%;}
.support_qna_title {font-size:15px;font-weight:bold;}
.support_qna_txt {font-size:13px;}

/* 회원서비스 */
.support_user {width:100%;height:60px;margin:15px auto 0;list-style:none;}
.support_user li {width:24.25%;height:60px;float:left;margin-right:1%;}
.support_user li:last-child {margin-right:0;}
.support_user li a {display:block;width:100%;height:100%;background:#e8e8e8;font-size:14px;font-weight:bold;text-align:center;padding-top:21px;box-sizing:border-box;}
.support_user li a:hover, .support_user li a.on {background:#364c86;color:#fff;}
.support_user li:nth-child(3) a {padding-top:12px;}

/* 교육문의 */
.support_call {width:96%; font-size:15px; line-height:20px; margin:15px auto 0; border:1px solid #333; padding:20px;box-sizing:border-box;}
.support_call .cyber_call {position:relative; border-bottom:1px solid #00a6b6; padding-bottom:15px; font-weight:bold; font-size:16px;}
.support_call .inside_call span {display:inline-block;float:right;color:#364c86;letter-spacing:0;}
.support_call .inside_call p {font-weight:bold; margin-bottom:14px; font-size:16px;}
.support_call .inside_call p span {font-size:18px;margin-right:0;}
.support_call .inside_call ul {padding:0; margin:10px 0 0 0;}
.support_call .inside_call ul li {list-style:none; line-height:18px; margin:0 0 5px 0; padding:0 0 0 10px; background:url('/res/theme/uni/images/common/icon/ico_arrow.gif') no-repeat 3px 6px;}
.support_call .inside_call ul li span {display:inline-block; margin-left:15px;}

/*======================================
			태블릿용 CSS
========================================*/
@media all and (min-width:768px){

/* 고객지원안내 */
ul.support_menu {height:125px;border:0;}
ul.support_menu li {width:14.28%;height:100%;border-top:1px solid #333; border-bottom:3px solid #364c86;}
ul.support_menu li:hover, ul.support_menu li.active {border-left:3px solid #364c86;border-top:3px solid #364c86;border-right:3px solid #364c86;border-bottom:0;}
ul.support_menu li:nth-child(1) a {background:url('/contents/page/image/support/support_btn1.png') no-repeat 50% 14px;border-bottom:0;}
ul.support_menu li:nth-child(2) a {background:url('/contents/page/image/support/support_btn2.png') no-repeat 50% 14px;border-bottom:0;}
ul.support_menu li:nth-child(3) a {background:url('/contents/page/image/support/support_btn3.png') no-repeat 50% 14px;border-bottom:0;}
ul.support_menu li:nth-child(4) a {background:url('/contents/page/image/support/support_btn4.png') no-repeat 50% 14px;border-bottom:0;}

/* 자주하는 질문 */
.support_faq_list ul li a {font-size:14px;padding-top:11px;}
.support_faq_list ul li a span {display:inline-block;}

/* 회원서비스 */
.support_user {width:100%}
.support_user li a {text-align:right;padding-right:20px;border-bottom:0;}
.support_user li:nth-child(1) a {background:#e8e8e8 url('/contents/page/image/support/support_join.png') no-repeat 0 100%;}
.support_user li:nth-child(2) a {background:#e8e8e8 url('/contents/page/image/support/support_id.png') no-repeat 0 100%;}
.support_user li:nth-child(3) a {background:#e8e8e8 url('/contents/page/image/support/support_password.png') no-repeat 0 100%;}
.support_user li:nth-child(4) a {background:#e8e8e8 url('/contents/page/image/support/support_secession.png') no-repeat 0 100%;}
.support_user li:nth-child(1) a:hover, .support_user li:nth-child(1) a.on {background:#364c86 url('/contents/page/image/support/support_join_on.png') no-repeat 0 100%;}
.support_user li:nth-child(2) a:hover, .support_user li:nth-child(2) a.on {background:#364c86 url('/contents/page/image/support/support_id_on.png') no-repeat 0 100%;}
.support_user li:nth-child(3) a:hover, .support_user li:nth-child(3) a.on {background:#364c86 url('/contents/page/image/support/support_password_on.png') no-repeat 0 100%;}
.support_user li:nth-child(4) a:hover, .support_user li:nth-child(4) a.on {background:#364c86 url('/contents/page/image/support/support_secession_on.png') no-repeat 0 100%;}

/* 교육문의 */
.support_call {width:100%;}
.support_call .cyber_call p span {position:absolute; right:15px; top:0;}
.support_call .inside_call p span {margin-right:15px;}
.support_call .inside_call ul li {position:relative; padding-bottom:5px;}
.support_call .inside_call ul li span {position:absolute; right:15px; top:0;}
}

/*======================================
			PC CSS
========================================*/
@media all and (min-width:1024px){

/* 고객지원안내 */
ul.support_area1 {width:56.3%;margin-right:6.2%;float:left;list-style:none;}
ul.support_area2 {width:37.5%;float:left;list-style:none;}

/* 고객지원 타이틀 */
.support_title {margin-left:0;}

/* 세부 FAQ 바로가기 버튼 */
.support_faq_list {width:100%; overflow:hidden;}

/* 회원서비스 */
.support_user {width:100%;}

/* 교육문의 */
.support_call_area {width:100%;margin-top:83px;}
.support_call .cyber_call p span {right:15px;}
.support_call .inside_call ul li {margin-bottom:2px; padding-bottom:2px; border-bottom:none;}
}

/* ----gnb 없는 화면 ----- */
body.nognb header.header {height:61px; padding-bottom:0;}
body.nognb ul.sns_copy_btn, body.nognb .header .emblem {display:none;}
body.nognb .header .title_area {display:inline-block; position:absolute; width:250px; height:26px; top:8px; left:50%; margin-left:-125px; font-size:2.0em; font-weight:bold;}
body.nognb .header .title_area .title {text-align:center;}
body.nognb .content_area {margin:0 auto;min-height:614px;}
body.nognb .uni-search-form {margin-top:20px; border:1px solid #d9d9d9; box-sizing:border-box;}

@media all and (min-width:768px){
	body.nognb header.header {border-bottom:1px solid #d9d9d9;}
}

@media all and (min-width:1024px){
	body.nognb header.header {height:85px;}
	body.nognb .header .title_area {top:20px;}
	body.nognb ul.site_util {right:0px;}
}

@media all and (min-width:1240px){
	body.nognb .header .title_area {margin-left:-200px;}
}

/*============================================================================================================================
											공공누리 추가
============================================================================================================================= */
.nuri_area {position:relative; margin:20px 0; padding:15px 10px; background:#f8f8f8; border:1px solid #d9d9d9; border-radius:5px; box-sizing:border-box;}
.nuri_area .nuri_img {text-align:center;}
.nuri_area .nuri_txt {text-align:center; font-size:13px; line-height:18px; margin-top:10px; word-break:keep-all;}
.nuri_area .nuri_txt .title {color:#257bca;}

.en_site .nuri_area {display:none;}

.youtube_area {position:relative; margin-top:20px; padding:15px 10px; background:#f8f8f8; border:1px solid #d9d9d9; border-radius:5px; box-sizing:border-box;}
.youtube_area .youtube_txt {margin-top:0; text-align:left; display:table-cell; vertical-align:middle;}
.youtube_area .youtube_txt span {color:#ff0000;font-weight:bold;}

/*======================================
			태블릿용 CSS
========================================*/
@media all and (min-width:768px){
.nuri_area {padding:10px; overflow:hidden; width:98%; margin:20px auto;}
.nuri_area .nuri_img {position:absolute; left:10px; top:10px;}
.nuri_area .nuri_txt {height:54px; margin-top:0; padding-left:240px; text-align:left; display:table-cell; vertical-align:middle;}
}

/*======================================
			PC CSS
========================================*/
@media all and (min-width:1024px){
.nuri_area {width:100%;}
}

/*============================================================================================================================
											교육센터 - 2017 라이트개편
=============================================================================================================================*/
/*======================================
			모바일 CSS
========================================*/
/* 교육신청 */
.edu_sort_area {position:relative; width:100%; margin:0 auto; border:2px solid #364c86; background:#fff; border-radius:5px; padding:15px 15px; box-sizing:border-box;}
.edu_sort_area .edu_sort {position:relative; border-bottom:1px dashed #d9d9d9;}
.edu_sort_area .edu_sort .label_title {display:block; width:100%; height:35px; text-align:center; font-weight:bold; font-size:16px;}
.edu_sort_area .edu_sort .sort_radio {text-align:left;}
.edu_sort_area .edu_sort .sort_radio span {display:inline-block;float:left;width:49%; margin:0 2% 8px 0;}
.edu_sort_area .edu_sort .sort_radio span:nth-child(2n) {margin-right:0;}
/* .edu_sort_area .edu_sort .sort_radio span input[type=radio], .edu_sort_area .edu_sort .sort_radio span input[type="checkbox"] {display:none;} */
.edu_sort_area .edu_sort .sort_radio span input[type="radio"] + label, .edu_sort_area .edu_sort .sort_radio span input[type="checkbox"] + label
{display:inline-block; width:78%; padding:1px 10px; margin:0;text-transform:uppercase; outline:none; position:relative;
 -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s; background: #fff; color:#333; font-size:14px; font-weight:bold; border:1px solid #d9d9d9;
 border-radius:3px; cursor:pointer; text-align:center; line-height:32px;
 box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.edu_sort_area .edu_sort .sort_radio span input[type="radio"] + label:hover, .edu_sort_area .edu_sort .sort_radio span input[type="checkbox"] + label:hover
{background:#364c86;; color:#fff;}
.edu_sort_area .edu_sort .sort_radio span input[type="radio"]:checked + label, .edu_sort_area .edu_sort .sort_radio span input[type="checkbox"]:checked + label
{background:#364c86;; color:#fff;}

.edu_sort_area .edu_search {position:relative; width:100%;}
.edu_sort_area .edu_search .label_title {margin-top:8px; display:block; width:100%; height:35px; text-align:center; font-weight:bold; font-size:16px;}
.edu_sort_area .edu_search input {display:inline-block; width:66%; position:relative; height:36px; border:1px solid #d9d9d9; padding-left:10px;}
.edu_sort_area .edu_search span {display:inline-block;}
.edu_sort_area span.search_btn {width:30%; position:absolute; right:15px; bottom:15px;}
.edu_sort_area span.search_btn button {width:100%;}

.edu_sort_area .edu_select {position:relative; width:100%; padding:8px 0; text-align:center;}
.edu_sort_area .edu_select .label_title {display:block; width:100%; height:35px; text-align:center; font-weight:bold; font-size:16px;}
.edu_sort_area .edu_select select {display:inline-block; width:50%; height:36px; border:1px solid #d9d9d9; padding-left:10px;}
.edu_sort_area .edu_select select#cy {background:#fff url('/contents/page/image/add_2018/header/select-arrow.png') no-repeat 95% 50%;}
.edu_sort_area .edu_select span.select_btn {width:20%; display:inline-block;}
.edu_sort_area .edu_select span.select_btn button {width:100%;}
.edu_sort_area .edu_select .edu_style_btn {display:inline-block;}

.edu_sort_area .edu_select .edu_style {text-align:center; margin-top:10px;}

.edu_list_top {width:100%; margin:10px auto 10px auto; position:relative;}
.edu_list_top .edu_list_txt {display:inline-block; padding:15px 100px 2px 0; font-size:13px; color:#666;}
.edu_list_top .edu_list_btn {position:absolute; right:0; top:0;}
.edu_list_top .edu_list_btn a {width:140px;font-size:15px;line-height:15px;padding:10px 0;}

/* 기존 */
.edu_list_header {border-top:2px solid #666; border-bottom:1px solid #999; background:#efefef; padding:0; overflow:hidden;}
.edu_list_header span {display:block; float:left; padding:15px 0; text-align:center; color:#333; font-weight:bold; font-size:13px;}
.edu_list_header span.subject {width:100%; border-bottom:1px dashed #d9d9d9;}
.edu_list_header span.app_period, .edu_list_header span.edu_period,	.edu_list_header span.edu_hour {width:33.33%; border-bottom:1px dashed #d9d9d9;}
.edu_list_header span.limit, .edu_list_header span.condition, .edu_list_header span.app_btn {width:33.33%;}

.edu_list_body {border-bottom:1px solid #999; background:#fff; padding:0; overflow:hidden;}
.edu_list_body span {display:block; float:left; padding:17px 0; text-align:center; color:#333; font-weight:normal; font-size:13px;}
.edu_list_body div.subject_area {position:relative; width:100%; border-bottom:1px dashed #d9d9d9; overflow:hidden;}
.edu_list_body div.subject_area span.subject {width:70%; text-align:left; padding:17px 0 17px 10px; font-weight:bold;}
.edu_list_body div.subject_area span.subject.cyber {padding:17px 0 17px 60px;}
.edu_list_body div.subject_area span img, .edu_list_body div.subject_area span.preview {width:auto; position:absolute; left:10px; top:8px; text-align:center; padding:0;}
.edu_list_body div.subject_area div.icon {width:56px; position:absolute; right:10px; top:8px; text-align:center;}
.edu_list_body span.app_period, .edu_list_body span.edu_period_1 {width:33.33%; border-bottom:1px dashed #d9d9d9;}
.edu_list_body span.edu_period_2 {width:33.33%; border-bottom:1px dashed #d9d9d9; padding:3px 0 0 0; height:44px;}
.edu_list_body span.edu_period_2 span {float:none; padding:0;}
.edu_list_body span.edu_hour {width:33.33%; border-bottom:1px dashed #d9d9d9;}
.edu_list_body span.limit, .edu_list_body span.condition {width:33.33%;}
.edu_list_body span.app_btn {width:33.33%; padding:8px 0 0 0; height:39px; text-align:center;}
.edu_list_none {border-bottom:1px solid #d9d9d9; background:#fff; padding:17px 0; text-align:center; color:#333; font-weight:normal; font-size:13px;}

/* 신규  */
ul.request_lst_header {width:100%;margin:0; padding:0;border-bottom:1px solid #999; background:#efefef; overflow:hidden;}
ul.request_lst_header li {float:left; width:26%; list-style:none; color:#333; font-size:14px; font-weight:bold; text-align:center; padding:12px 0; border-bottom:1px dashed #d9d9d9;}
ul.request_lst_header li:nth-child(2), ul.request_lst_header li:nth-child(5) {width:48%;}
ul.request_lst_header li.h_subject {width:100%;}
ul.request_lst_header li:nth-child(5), ul.request_lst_header li:nth-child(6), ul.request_lst_header li:nth-child(7) {border-bottom:none;}

.inside_content ul.request_lst_body {max-height:none;}
ul.request_lst_body .lms_site {padding-top:30px;border-top:1px solid #d9d9d9;float:left;}
ul.request_lst_body .lms_site .cyber_theme_list.cha_list {max-height:none;overflow-y:auto;}
ul.request_lst_body {max-height:250px;margin:0; padding:0; background:#fff;overflow-y:auto;}
ul.request_lst_body.on {height:auto;max-height:none;}
ul.request_lst_body.tab_on {height:426px;max-height:426px;}
ul.request_lst_body li {list-style:none;box-sizing:border-box;}
ul.request_lst_body li.line {border-bottom:1px solid #666;}
ul.request_lst_body li ul {overflow:hidden;}
ul.request_lst_body li ul li {float:left; width:26%; min-height:60px; border-bottom:1px dashed #d9d9d9; color:#333; font-size:14px; padding:8px 0 8px 10px;position:relative;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;display:table;}
/* ul.request_lst_body li ul li {float:left; width:26%; min-height:60px; border-bottom:1px dashed #d9d9d9; color:#333; font-size:14px; padding:8px 0 8px 10px; line-height:42px; position:relative;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} */
ul.request_lst_body li ul li:nth-child(2), ul.request_lst_body li ul li:nth-child(5) {width:48%;}
ul.request_lst_body li ul li div{display:table-cell;vertical-align:middle;}
ul.request_lst_body li ul li.b_subject {width:100%; text-align:left; position:relative; padding-left:10px;padding-right:30px;font-weight:bold;display:table;}
/* ul.request_lst_body li ul li.b_subject {width:100%; text-align:left; position:relative; padding-left:55px;padding-right:30px;font-weight:bold;} */
ul.request_lst_body li ul li.b_subject > img {position:absolute; top:14px; left:10px;}
ul.request_lst_body li ul li.b_subject a.btn_preview {display:inline-block; width:25px; height:25px; position:absolute; right:5px; top:16px;}
ul.request_lst_body li ul li.b_subject button.btn_preview {display:inline-block; width:25px; height:25px; position:absolute; right:0; top:16px; border:none;background:url("/contents/page/image/main/unilms/2017/btn_preview.png") no-repeat left top;}
ul.request_lst_body li ul li.line2 {line-height:16px;}
ul.request_lst_body li ul li:nth-child(5), ul.request_lst_body li ul li:nth-child(6), ul.request_lst_body li ul li:nth-child(7) {border-bottom:none;}
ul.request_lst_body li ul li.b_subject span {margin-right:5px;}
/* ul.request_lst_body li ul li.b_subject span {position:absolute; top:18px; left:10px;padding:5px 7.5px 5px 6px;} */
ul.request_lst_body li ul li.line2 span {margin-top:4px;}
ul.request_lst_body li ul li.line2 span:first-child {margin-top:0;}
ul.request_lst_body li ul li:last-child span:last-child a {width:60px;/* -webkit-margin-start:-4px; */}
ul.request_lst_body li .request_lst_moreBtn {display:inline-block;color:#383838;font-size:14px;padding:7px 15px 8px;background:#eee;border:1px solid #d9d9d9;border-radius:3px;}

div.request_content.inside_content ul.request_lst_body li ul li.inside_time p {display:inline-block; height:42px;}
div.request_content.inside_content ul.request_lst_body li ul li.inside_time p span {min-width:42px;}
div.request_content.inside_content ul.request_lst_body li ul li.inside_time p:first-child {width:52px;}
div.request_content.inside_content ul.request_lst_body li ul li.inside_time p:last-child {width:37px; position:relative; bottom:11px; left:0; height:13px;}

.cha_list ul.request_lst_body li.line {border-bottom:0;}

/* 나의 강의실 기능 */
.lec_box {width:96%; margin:0 auto; padding:10px 15px; border:1px solid #d9d9d9; background:#f8f8f8; border-radius:5px; box-sizing:border-box;}
.lec_box.proceeding {background:#f5faff; border:1px solid #9fc8f1;}

/* 나의 강의실 학습현황 */
.lec_box.bgw {background:#fff;}
.condition {width:100%;height:120px;list-style:none;margin:30px auto 0 auto;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.condition li {width:25%;float:left;text-align:center;font-weight:bold;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.condition li:nth-child(1) {color:#e65c00;}
.condition li:nth-child(2) {color:#0078b5;}
.condition li:nth-child(3) {color:#639630;}
.condition li:nth-child(4) {color:#000;}
.condition li div {width:70px;height:70px;text-align:center;font-size:30px;font-weight:bold;background-color:#fff;border-radius:80px;
					box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;padding-top:10px;position:relative;margin:0 auto;}
.condition li div.fir {border:10px solid #ffc8a4;color:#e65c00;}
.condition li div.seo {border:10px solid #93c2e2;color:#0078b5;}
.condition li div.thi {border:10px solid #bbdd78;color:#639630;}
.condition li div.for {border:10px solid #d2d2d2;color:#000;}
.condition li p {clear:both;margin-bottom:10px;display:inline-block;text-align:center;}

.lec_alert, .lec_alert_txt {box-sizing:border-box; letter-spacing:-.5px;}
.lec_alert {margin-top:20px; border:1px solid #d9d9d9; background:#fff3f3; border-radius:5px; padding:20px 25px; word-break:keep-all;}
.lec_alert h3 {font-size:18px; font-weight:bold; color:#333; line-height:23px; text-align:center; margin-bottom:15px;}
.lec_alert .lec_alert_txt {padding:15px 15px; background:#fff; font-size:14px; line-height:18px; color:#555; border:1px solid #d9d9d9; border-radius:5px;}
.lec_alert .lec_alert_txt p {padding-left:10px; background:url('/res/theme/uni/images/common/bullet/bullet_2x2.png') no-repeat left 8px;}
.lec_alert .lec_alert_txt p.form-control-static {padding-left:10px; background:none;}

/* 나의강의실 메인 리스트 */
ul.uni-class-list-ul17 {margin-top:30px; overflow:hidden; border-top:2px solid #666;}
ul.uni-class-list-ul17 li {list-style:none; border-bottom:1px solid #666; font-size:13px; line-height:20px; padding:8px 0 0 0; position:relative; background:#fff;}
ul.uni-class-list-ul17 li p.class_title {width:100%; font-size:15px; line-height:20px; font-weight:bold; color:#333;  padding-left:10px; box-sizing:border-box;}
ul.uni-class-list-ul17 li p.class_title span {display:none;}
ul.uni-class-list-ul17 li .class_btn {right:5px; top:5px;text-align:right;margin-right:5px;}
ul.uni-class-list-ul17 li ul {overflow:hidden; margin-top:10px; border-top:1px dashed #d9d9d9; padding:14px 0; position:relative; background:#fff;}
ul.uni-class-list-ul17 li ul li {list-style:none; font-weight:normal; border-bottom:none; background: url('/res/theme/uni/images/menu/site_list_bg.png') right center no-repeat; display:inline-block; padding:0 10px}
ul.uni-class-list-ul17 li ul li.edu_type {display:inline-block;}
ul.uni-class-list-ul17 li ul li a img {vertical-align:middle;}
ul.uni-class-list-ul17 li ul li:last-child {background:none;}

/* 테마 나의강의실 마일리지 현황 */
.container .bd_green {width:100%;padding:20px;margin-top:7px;background:#fbfff5;border:1px solid #1cbb72;border-radius:5px;box-sizing:border-box;}

h5.theme_sub_tit {font-size:15px;padding-left:10px;background:url('/contents/page/image/unilms_mycrs/theme_blet.gif') no-repeat 0 50%;}

.crs-progress ul {width:100%;list-style:none;}
.crs-progress li.crs-mile-detail-li {width:100%;font-size:13px;font-weight:bold;}
.crs-progress li.crs-mile-detail-li ul {height:150px;background:#fff;overflow-y:auto;border-top:2px solid #656668;border-bottom:1px solid #656668;margin:10px 0 20px;}
.crs-progress li.crs-mile-detail-li ul li {width:100%;height:48px;border-bottom:1px dashed #d9d9d9;}
.crs-progress li.crs-mile-detail-li ul li:last-child {border-bottom:0;}
.crs-progress li.crs-mile-detail-li ul li dt, .crs-progress li.crs-mile-detail-li ul li dd {float:left;line-height:46px;}
.crs-progress li.crs-mile-detail-li ul li dt {width:53%;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crs-progress li.crs-mile-detail-li ul li dd:last-child {padding:0 10px;text-align:right;float:right;color:#888;font-weight:normal;letter-spacing:0;}
.crs-progress li.crs-mile-detail-li ul li p {text-align:center;line-height:146px;color:#888;font-weight:normal;}

.wrap-crs .crs-step .crs-step-detail {position: relative;display: block;padding: 8px;min-height: 36px;}
.wrap-crs .crs-step .crs-step-detail p {display: inline-block;font-size: 12px;letter-spacing: 0px;color: #333;}
.wrap-crs .crs-step .crs-step-detail p span {display: inline-block;}
.wrap-crs .crs-step .crs-step-detail .step-btn-group {width: auto;position: absolute;left: auto;right: 5px;bottom: 2px;}

.wrap-crs .crs-step.bar-ver .crs-step-detail .step-btn-group {width: auto;top: 5px;right: 10px;}
.wrap-crs .crs-progress .crs-progress-detail {display: inline-block;padding: 10px;min-height:130px;}
.wrap-crs .crs-progress.bar-ver .crs-progress-detail {min-height: 45px;}

.wrap-crs .crs-step .crs-step-detail dl {margin: 0;text-align: left;}
.wrap-crs .crs-step .crs-step-detail dl:first-child {margin-bottom: 10px;}
.wrap-crs .crs-step.bar-ver .crs-step-detail dl:first-child {margin-bottom: 0;}
.wrap-crs .crs-step .crs-step-detail dl dt {display: block;vertical-align: top;font-size: 12px;color: #333;}
.wrap-crs .crs-step.bar-ver .crs-step-detail dl dt, .wrap-crs .crs-step.bar-ver .crs-step-detail dl dd {display:inline-block;vertical-align: middle;}
.wrap-crs .crs-step .crs-step-detail dl dd {display: block;margin-top: -2px;margin-left: 5px;font-size: 16px;font-weight: bold;}
.wrap-crs .crs-step .crs-step-detail dl dd:after {content: '%';margin-left: 5px;display: inline-block;}

.progress {background-color:#cccc99 !important;height:24px !important;border-radius:24px;padding:0;overflow:hidden;}
.progress-bar-success {background-color:#22ac38;height:100%;border-radius:24px 0 0 24px;}
ul.crs-progress-detail {margin:15px 0 40px;}
ul.crs-progress-detail:first-child {border-left: 0;}
ul.crs-progress-detail li:last-child {position:relative;padding:20px 0;background:url('/contents/page/image/unilms_mycrs/bgcolor-progress.jpg') no-repeat 20px 5px;background-size:contain;}
.progress {background-color:#cccc99 !important;height:24px !important;border-radius:24px;padding:0;}
ul.crs-progress-detail li:last-child span {font-size:16px;display:inline-block;padding-top:4px;margin-top:6px;}
ul.crs-progress-detail li:last-child span.mile_now {width:42px;position:absolute;margin-left:-21px;color:#097c25;background:url('/contents/page/image/unilms_mycrs/mile_now_arrow.png') no-repeat 50% 0;}
ul.crs-progress-detail li:last-child span.mile_max {position:absolute;top:-12px;right:0;}

.wrap-crs .crs-progress .crs-progress-detail .color-a {color: #0c864e;}
.wrap-crs .crs-progress .crs-progress-detail .color-b {color: #1cbb72;}
.wrap-crs .crs-progress .crs-progress-detail .color-c {display: inline-block;color: #da3827;font-size:16px;}
.wrap-crs .crs-progress .crs-progress-detail p {display: block;margin-bottom: 10px;font-size: 12px;font-weight: bold;}

.chart {margin-top: 0;margin-bottom: 0;width: 80px;height: 80px;line-height: 80px;}
.percent {line-height: 80px;margin-right: -5px;font-weight: bold;color: #da3827;}
.chart canvas {width: 80px!important;height: 80px!important;}
.bar-ver .progress {margin-bottom: 0;}
.bar-ver .progress-bar-success {background-color: #da3827;}

/* 현장체험 상단 설명글 */
.resh_top_info {border:1px solid #d9d9d9; padding:15px 20px; width:96%; margin:0 auto; border-radius:5px; box-sizing:border-box; word-break:keep-all;}
.resh_top_info h5 {font-size:18px; font-weight:bold; padding-bottom:5px;}
.resh_top_info p {font-size:15px; line-height:1.6; padding:3px 0 0 10px; color:#333;background:url('/res/theme/uni/images/common/bullet/bullet_2x2.png') no-repeat 0 14px;}

ul.resh_tab, ul.resh_tab li, ul.resh_tab li a, .resh_tab_container {box-sizing:border-box;}
ul.resh_tab {width:96%; margin:0 auto; text-align:center; background:none; overflow:hidden; margin-top:30px; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; word-break:keep-all;}
ul.resh_tab li {list-style:none; float:left; width:25%; border-right:1px solid #d9d9d9;box-sizing:border-box;}
ul.resh_tab li a {display:block; width:100%; text-align:center; font-size:16px; padding:10px; background:#f2f2f2; border-bottom:1px solid #d9d9d9; font-weight:bold;}
ul.resh_tab li a.on, ul.resh_tab li a:hover {background:#fff; color:#333; border-bottom:none;}
ul.resh_tab li a span {font-weight:normal;}
ul.resh_tab li a .write_txt {color:#257bca; font-weight:bold;}

.resh_tab_container {width:96%; margin:0 auto; word-break:keep-all;}
.resh_tab_container .tab_content h3 {font-size:18px; color:#000; padding:15px 20px; position:relative; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.resh_tab_container .tab_content h3 > span {display:block; text-align:right;}
.resh_tab_container .tab_content h3 > span .write_txt {color:#257bca; font-weight:bold;}
.resh_tab_container .tab_content textarea {padding:15px 20px; border:1px solid #d9d9d9; width:100%; height:300px; font-size:14px; line-height:20px;}

/*======================================
			태블릿용 CSS
========================================*/
@media all and (min-width:768px){

/* 교육신청 */
.edu_sort_area {padding:15px 20px; overflow:hidden;}
.edu_sort_area .edu_sort .label_title {position:absolute; left:0; top:10px; display:block; width:90px; height:35px;}
.edu_sort_area .edu_sort {padding-left:110px;}
.edu_sort_area .edu_sort .sort_radio {text-align:left;}
.edu_sort_area .edu_sort .sort_radio span {width:23.5%;}
.edu_sort_area .edu_sort .sort_radio span:nth-child(2n) {margin-right:2%;}
.edu_sort_area .edu_sort .sort_radio span:nth-child(4n) {margin-right:0;}
.edu_sort_area .edu_sort .sort_radio span input[type="radio"] + label, .edu_sort_area .edu_sort .sort_radio span input[type="checkbox"] + label {font-size:15px;}

.edu_sort_area .edu_search {margin-top:2px; position:relative;}
.edu_sort_area .edu_search .label_title {position:absolute; left:0; top:10px; display:block; width:90px; height:35px;}
.edu_sort_area .edu_search input {display:inline-block; margin:10px 0 0 110px; width:68%;}
.edu_sort_area span.search_btn {width:15%; position:absolute; right:15px; bottom:15px;}

.edu_sort_area .edu_select {position:relative; text-align:left;}
.edu_sort_area .edu_select .label_title {position:absolute; left:0; top:12px; display:block; width:90px; height:35px;}
.edu_sort_area .edu_select select {display:inline-block; margin:0 0 0 110px; width:100px;}
.edu_sort_area .edu_select span.select_btn {width:100px;}
.edu_sort_area .edu_select .edu_style {display:inline-block; margin:0 0 0 10px;}

.edu_list_top .edu_list_txt {padding:15px 150px 2px 0;}

/* 기존  */
.edu_list_header {background:#fafafa;}
.edu_list_header span.subject {width:39%; border-bottom:none;}
.edu_list_header span.app_period, .edu_list_header span.edu_period {width:13%; border-bottom:none;}
.edu_list_header span.edu_hour {width: 8%; border-bottom:none;}
.edu_list_header span.limit, .edu_list_header span.condition {width: 8%;}
.edu_list_header span.app_btn {width:11%;}

.edu_list_body {border-bottom:1px solid #d9d9d9;}
.edu_list_body div.subject_area {width:39%; border-bottom:none; float:left;}
.edu_list_body div.subject_area span.subject {width:75%; font-weight:normal;}
.edu_list_body div.subject_area span.subject.cyber {width:63%; font-weight:normal;}
.edu_list_body div.subject_area span.preview, .edu_list_body div.subject_area div.icon {position:absolute; right:0; top:8px;}
.edu_list_body span.app_period, .edu_list_body span.edu_period_1, .edu_list_body span.edu_period_2 {width:13%; border-bottom:none;}
.edu_list_body span.edu_hour {width: 8%; border-bottom:none;}
.edu_list_body span.limit, .edu_list_body span.condition {width:8%;}
.edu_list_body span.app_btn {width:11%;}

/* 신규  */
ul.request_lst_header li {border-bottom:none !important;}
ul.request_lst_header li:nth-child(1) {width:34%;}
ul.request_lst_header li:nth-child(2) {width:22%;}
ul.request_lst_header li:nth-child(3) {width:8%;}
ul.request_lst_header li:nth-child(4) {width:10%;}
ul.request_lst_header li:nth-child(5) {width:12%;}
ul.request_lst_header li:nth-child(6) {width:14%;}

ul.request_lst_body li.line {border-top:1px solid #d9d9d9;border-bottom:0;}
ul.request_lst_body li.line:first-child {border-top:0;}
ul.request_lst_body li ul li {border-bottom:none !important;}
ul.request_lst_body li ul li:nth-child(2) {width:22%;}
ul.request_lst_body li ul li:nth-child(3) {width:8%;}
ul.request_lst_body li ul li:nth-child(4) {width:10%;}
ul.request_lst_body li ul li:nth-child(5) {width:12%;}
ul.request_lst_body li ul li:nth-child(6) {width:14%;}
ul.request_lst_body li ul li.b_subject {width:34%;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;height:36px;line-height:18px; display:table; word-break:keep-all;}
/* ul.request_lst_body li ul li.b_subject a {display:table-cell;vertical-align:middle;position:relative;top:-2px;} */
ul.request_lst_body li ul li.b_subject span {padding:4px 7px 5px;}

.inside_content ul.request_lst_header li:nth-child(1) {width:34%;}
.inside_content ul.request_lst_header li:nth-child(2) {width:22%;}
.inside_content ul.request_lst_header li:nth-child(3) {width:15%;}
.inside_content ul.request_lst_header li:nth-child(4) {width:15%;}
.inside_content ul.request_lst_header li:nth-child(5) {width:14%;}

.inside_content ul.request_lst_body li ul li:nth-child(1) {width:34%;}
.inside_content ul.request_lst_body li ul li:nth-child(2) {width:22%;}
.inside_content ul.request_lst_body li ul li:nth-child(3) {width:15%;}
.inside_content ul.request_lst_body li ul li:nth-child(4) {width:15%;}
.inside_content ul.request_lst_body li ul li:nth-child(5) {width:14%;}

/* 나의강의실 메인 리스트 */
.lec_box {padding:15px 20px;}

ul.uni-class-list-ul17 li p.class_title {padding:0 165px 0 10px;}
ul.uni-class-list-ul17 li p.class_title span {display:inline-block; position:relative; top:-2px;}
ul.uni-class-list-ul17 li .class_btn {position:absolute;}
ul.uni-class-list-ul17 li ul li {padding:0 15px}
ul.uni-class-list-ul17 li ul li.edu_type {display:none;}

/* 테마 나의강의실 마일리지 현황 */
.crs-progress li.crs-mile-detail-li ul li dt {width:68%;}
ul.crs-progress-detail li:last-child {padding:20px 0 24px;background:url('/contents/page/image/unilms_mycrs/bgcolor-progress.jpg') no-repeat 20px 0;}

/* 현장체험 상단 설명글 */
.resh_top_info {padding:20px 160px 20px 30px; min-height:80px; background: url('/contents/page/image/page_info/lms_img.png') no-repeat 97% center;}

.resh_tab_container .tab_content h3 {padding-right:85px;}
.resh_tab_container .tab_content h3 > span {display:inline-block; width:65px; position:absolute; right:20px; top:15px;}
.resh_tab_container .tab_content h3 > span .write_txt {color:#257bca; font-weight:bold;}

.condition {width:90%;}
.condition li {width:25%;float:left;text-align:center;font-weight:bold;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.condition li:nth-child(1) {width:27.5%;}
.condition li:nth-child(3) {width:22.5%;}
.condition li div {width:80px;height:80px;padding-top:8px;}

}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){

/* 교육신청 */
.edu_sort_area {width:100%;}
.edu_sort_area .edu_sort .label_title {width:100px;}
.edu_sort_area .edu_sort {padding-left:120px;}
.edu_sort_area .edu_sort .sort_radio span {width:13.6%;margin:0 .8% 8px 0;}
.edu_sort_area .edu_sort .sort_radio span:nth-child(2n), .edu_sort_area .edu_sort .sort_radio span:nth-child(4n) {margin-right:.8%;}
.edu_sort_area .edu_sort .sort_radio span:nth-child(7) {margin:0 0 8px 0;}
.edu_sort_area .edu_search .label_title {width:100px;}
.edu_sort_area .edu_search input {margin:10px 0 0 120px; width:370px;}
.edu_sort_area span.search_btn {width:80px; right:385px;}

.edu_list_top {width:100%;}

.edu_list_header span.subject {width:41%;}
.edu_list_header span.app_period {width:13%;}
.edu_list_header span.edu_period {width:13%;}
.edu_list_header span.edu_hour {width:8%;}
.edu_list_header span.limit {width:6%;}
.edu_list_header span.condition {width:8%;}
.edu_list_header span.app_btn {width:11%;}

.edu_list_body {border-bottom:1px solid #d9d9d9;}
.edu_list_body div.subject_area {width:41%;}
.edu_list_body div.subject_area span.subject {width:315px;}
.edu_list_body div.subject_area span.subject.cyber {width:270px;}
.edu_list_body div.subject_area span.preview, .edu_list_body div.subject_area div.icon {position:absolute; right:0; top:8px;}
.edu_list_body span.app_period {width:13%;}
.edu_list_body span.edu_period_1 {width:13%;}
.edu_list_body span.edu_period_2 {width:13%;}
.edu_list_body span.edu_hour {width:8%;}
.edu_list_body span.limit {width:6%;}
.edu_list_body span.condition {width:8%;}
.edu_list_body span.app_btn {width:11%;}

/* 신규 */
ul.request_lst_body li {text-align:center;}
ul.request_lst_body li ul li {padding:8px 0;}

/* 나의강의실 메인 리스트 */
.lec_box {width:100%;}
.condition {height:85px;margin:30px 0 0 auto;}
.condition li div {float:left;}
.condition li p {float:left;margin:29px 20px 0 0;clear:none;}

/* 테마 나의강의실 마일리지 현황 */
ul.crs-mile-detail {height:205px;}
.crs-progress li.crs-mile-detail-li {width:48%;float:left;}
.crs-progress li.crs-mile-detail-li1 {margin-right:4%;}

ul.crs-progress-detail {height:56px;}
ul.crs-progress-detail li {padding:27px 0 15px;float:left;}
ul.crs-progress-detail li:first-child {width:15%;}
ul.crs-progress-detail li:last-child {width:85%;padding:27px 0 33px;background:url('/contents/page/image/unilms_mycrs/bgcolor-progress.jpg') repeat-x 0 -1px;}
.progress {height:24px !important;}

ul.crs-progress-detail li:last-child span.mile_max {top:-8px;}

/* 현장체험 상단 설명글 */
.resh_top_info {width:100%;}

ul.resh_tab {width:100%;}
.resh_tab_container {width:100%;}
}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1260px){
.edu_sort_area span.search_btn {right:635px;}
}