@charset "utf-8";

/* font */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-300.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-500.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-700.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* noto-sans-kr-900 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-900.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
       url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-900.woff') format('woff'), /* Modern Browsers */
       url('/_res/deu/_share/etc/noto-sans-kr-v12-latin_korean-900.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'SEBANG_Gothic_Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Common */
body{text-align: left;font-size:16px;color:#333;line-height:1.8;font-family:'Noto Sans KR',sans-serif;font-weight:400;letter-spacing:-0.5px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;box-sizing: border-box;}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-family:'Noto Sans KR',sans-serif;font-size:16px;font-weight:500;box-sizing: border-box;}
input,button,textarea,select{font-family:'Noto Sans KR',sans-serif;font-size:16px;box-sizing: border-box;}
input,button,textarea,select{background-color:#fff;border-radius:0;box-sizing: border-box;} /*-webkit-appearance: none*/
button,textarea{-webkit-appearance: none}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button,textarea{vertical-align:middle;box-sizing: border-box;}
input[type=radio]{border-radius:0px 0px;-webkit-border-radius: 50%;}
input[type=radio]:checked{background:#333;}
img{max-width:100%}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{/*top:2px;*/position: relative;}
button{margin:0;padding:0;border:0;background:none}
a,::after,::before{box-sizing: border-box}
a{text-decoration: none;color: #555;color: inherit;}
a:hover{text-decoration:underline}
hr{display:none}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
p{text-align:left;word-wrap: break-word;}
dt,dd,li{word-wrap: break-word;}
table {width:100%;font-weight:400;border-spacing:0;border-collapse: collapse}

/* hidden contents */
.skip,.hidden{position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; z-index:-1}
.skip:focus{top:0;left:0;display:inline-block;width:auto;height:auto;padding:0 30px;font-size:14px;line-height:40px;color:#fff;background:#007cc3;z-index:10}

/*#skip_navi {position:absolute;top:0;height:0px;width:100%;z-index:150;} 
#skip_navi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;} 
#skip_navi a:focus, 
#skip_navi a:active {display:block;top:0;width:100%;height:45px;padding:10px 0;background:#021b87;}*/
/* 본문 바로가기 */
#skip_navi a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_navi a:focus, #skip_navi a:active {display:flex;align-items:center;justify-content:center;width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}


.con-bbox{margin:100px auto}
.con-box{margin:50px auto}
.txt-c{text-align:center}

/* padding */
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }

.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }

.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }

.pl0 { padding-left:0px !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }

.pppp10{padding:10px !important;}
.pppp15{padding:15px !important;}
.pppp20{padding:20px !important;}
.pppp30{padding:30px 40px !important;}

/* margin */
.mt-25{margin-top:-25px !important;}
.mt-40{margin-top:-40px !important;}
.mt0 { margin-top:0px !important;}
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }

.mr5 { margin-right:5px !important; }
.mr8 { margin-right:8px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }

.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }

.ml-20{margin-left:-20px !important;}
.ml-15{margin-left:-15px !important;}
.ml0 { margin-left:0 !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml70 { margin-left:70px !important; }

/* width */
.wid_100p{width:100% !important;}
.wid_50p{width:50% !important;}
.wid_100px{width:100px;}
.wid_150px{width:150px;}
.wid_200px{width:200px;}
.wid_215px{width:215px;}
.wid_240px{width:240px;}
.wid_250px{width:250px;}
.wid_285px{width:285px;}
.wid_315px{width:315px;}
.wid_360px{width:360px;}
.wid_395px{width:395px;}
.wid_400px{width:400px}
.wid_420px{width:420px}
.wid_450px{width:440px}
.wid_465px{width:465px;}
.wid_490px{width:490px;}
.wid_500px{width:500px;}
.wid_540px{width:540px;}
.wid_600px{width:600px;}
.wid_650px{width:650px;}
.wid_670px{width:670px;}
.wid_680px{width:680px;}
.wid_690px{width:690px;}
.wid_700px{width:700px;}

/* li line-height */
.lin_h30 li{line-height:30px !important}
.li_mb5 li{margin-bottom:5px !important}
.li_mb10 li{margin-bottom:10px !important}

/* float해제 */
.hig100p{height:100%;overflow:hidden;}
.flo_clear:after{display:block;clear:both;content:''}

/* font-size */
.fon_11{font-size:11px !important;}
.fon_12{font-size:12px !important;}
.fon_13{font-size:13px !important;}
.fon_14{font-size:14px !important;}
.fon_15{font-size:15px !important;}
.fon_16{font-size:16px !important;}
.fon_17{font-size:17px !important;}
.fon_18{font-size:18px !important;}
.fon_19{font-size:19px !important;}
.fon_20{font-size:20px !important;}
.fon_21{font-size:21px !important;}
.fon_22{font-size:22px !important;line-height:30px !important}

.list-none{display:block;width:100%;text-align:center;padding:20px 10px}

/* font-color */
.col_oran, .col_oran a{color:#ff663a !important;}
.col_yell{color:#ffff00 !important;}
.col_blue{color:#0085db !important}
.col_blue2{color:#0e51b8 !important}
.col_green{color:#159b7c !important;}
.col_gray{color:#676767 !important;}
.col_red,.col_red a{color:#df4e3e !important;}
.col_purple{color:#8055b4 !important;}
.col_black{color:#000 !important;}
.col_violet{color:#e814af !important;}
.c-main{color:#084bbb}
.c-sub{color:var(--color-s)}
.c-red{color:#DD0015}

/* 들려쓰기 */
.txt_ind-15{text-indent:-15px}
.txt_ind15{text-indent:15px}

/* font-family */
.fon_fam_ver{font-family:"Verdana",Arial,Helvetica,sans-serif;}

/* font-weight */
.fon_bold{font-weight:bold !important;}
.fon_nor{font-weight:normal !important;}

/* letter-spacing */
.ltt_0{letter-spacing:0px}
.ltt_1{letter-spacing:-1px}

/* underline */
.dec_line{text-decoration:underline;}
.dec_line_none{text-decoration:none;}

/* line-height */
.line_h20{line-height:20px;}

/* text-align */
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_center{text-align:center !important;}

/* clear:both */
.clear_b{clear:both;}

/* float:left,right */
.flo_lt{float:left;}
.flo_rt{float:right;}

/* background-color */
.bac_blue{background-color:#ecf2fa;}
.bac_gray{background-color:#f6f6f6;}

/* background-image */
.bac_no{background:none;}

/* text vertical-align:middle */
.v_a_top{vertical-align:top}
.v_a_mid{vertical-align:middle}
.v_a_bot{vertical-align:bottom}

/* border */
.bor0{border:0;}
.bor2{border:2px solid #dfdfdf;}
.bor1_top{border-top:1px solid #ccc;}
.bor1_btm{border-bottom:1px solid #ccc;}
.brd1{border:1px solid #b7c0c4;}
.brd1_dotted{border-top:1px dotted #b7c0c4;}

/* display:block */
.dis_blo{display:block !important;}
.dis_inline{display:inline !important;}
.dis_inbl{display:inline-block !important;}

/* position:relative */
.pos_rel{position:relative;}
.pos_abs{position:absolute;}

/* 테이블 tr오버 */
.tr_hover tbody tr:hover td{background:#f5f5f5;}
.tr_hover tbody tr.none td{background:none;}
.th_fon11 tbody th,.th_fon11 tfoot th{font-size:11px;}
.th_nor tbody th,.th_nor tfoot th{font-weight:normal;}
.th_bol tbody th,.th_bol tfoot th{font-weight:bold;}
.th_left tbody th{text-align:left;}
.td_left tbody td{text-align:left;}

tbody th.lin_rt{border-right:1px solid #e9e9e9}

/* table td color */
td.td_gray{color:#888888}

/* 오른쪽 버튼뛰우기 */
.btn_sbso{position:absolute;top:0;right:0;display:block;z-index:10}

/* 학사일정 */
.con-sbox{margin:50px auto}
.h4-tit{font-family:'Paperlogy';font-size:36px;font-weight:600;margin-bottom:30px}
.h4-tit span{position:relative;display:inline-block}
.h4-tit span::after{position:absolute;right:-5px;top:-5px;width:18px;height:18px;background-color:#5596FF;content:"";border-radius:50%;z-index:-1}
.h5-tit{font-family:'Paperlogy';font-size:28px;margin-bottom:20px;color:var(--color-m)}
.calendar-select{position:relative;border:2px solid var(--color-m);padding:20px;margin-bottom:20px}
.calendar-select .subject{font-size:1.875rem;font-family:'Paperlogy';text-align:center;color:var(--color-m);font-weight:600}
.calendar-select .btn-arrow{position:absolute;top:50%;transform:translateY(-50%)}
.calendar-select .btn-arrow span{display:flex;gap:5px;align-items:center}
.calendar-select .btn-next span::after{background:url('/_res/deu/www/img/sub/ico-flow-arrow.png') center/contain no-repeat;width:50px;height:50px;content:""}
.calendar-select .btn-prev span::before{background:url('/_res/deu/www/img/sub/ico-flow-arrow.png') center/contain no-repeat;width:50px;height:50px;content:"";transform:rotate(180deg)}
.calendar-select .btn-next{right:20px}
.calendar-select .btn-prev{left:20px}
.layout-flex{display:flex;gap:50px}
.layout-flex .inner{flex:1}
.layout-flex .item-info{background-color:#F3F6FB;padding:20px;display:flex;gap:20px;min-height:327px}
.layout-flex .item-info .tbl-basic-dleft{font-size:.875em}
.layout-flex .item-info .area{width:260px;flex-shrink:0}
.layout-flex .item-info .detail{flex-grow:1}
.tbl-basic-dleft{width:100%;border-top:2px solid #124FB6;border-bottom:1px solid #7587A4}
.tbl-basic-dleft th,
.tbl-basic-dleft td{border:1px solid #E7E7E7}
.tbl-basic-dleft tr th:first-child{border-left:0}
.tbl-basic-dleft tr th:last-child,
.tbl-basic-dleft tr td:last-child{border-right:0}
.tbl-basic-dleft thead th{background-color:#F3F6FB;padding:15px 10px;color:#124FB6;font-weight:500;text-align:center}
.tbl-basic-dleft tbody td{padding:15px 10px}
.tbl-basic-dleft tbody td.cell-color{background-color:#F7F8F9}
.tbl-basic-dleft tbody th.cell-color{background-color:#F7F8F9}
.tbl-basic-dleft tbody th{font-weight:normal;padding:15px 10px;background-color:#F7F8F9;text-align:center}
.tbl-basic-dleft tbody tr td:nth-of-type(1){border-left:0}
.tbl-calendar{background-color:#fff;flex-shrink:0}
.tbl-calendar th,
.tbl-calendar td{text-align:center;height:40px;width:40px;border:1px solid #E7E7E7;line-height:40px}
.tbl-calendar th{background-color:#efefef;font-weight:600}
.tbl-calendar tr th:first-child,
.tbl-calendar tr td:first-child{color:#dc3545}
.tbl-calendar tr th:last-child,
.tbl-calendar tr td:last-child{color:#124FB6}
.tbl-calendar .cell{background-color:#ff9b00;color:#fff}

@media all and (max-width:1024px){
	.h4-tit{font-size:20px}
	.h5-tit{font-size:18px}
}

 /* Mobile Device */
@media all and (max-width:640px){
	.con-bbox{margin:50px auto}
	
	.mt15 { margin-top:10px !important; }
	.mt20 { margin-top:10px !important; }
	.mt25 { margin-top:15px !important; }
	.mt30 { margin-top:20px !important; }
	.mt35 { margin-top:20px !important; }
	.mt40 { margin-top:25px !important; }
	.mt50 { margin-top:25px !important; }
	.mt60 { margin-top:30px !important; }
	.mt70 { margin-top:30px !important; }
	.mb15 { margin-bottom:10px !important; }
	.mb20 { margin-bottom:10px !important; }
	.mb25 { margin-bottom:15px !important; }
	.mb30 { margin-bottom:20px !important; }
	.mb35 { margin-bottom:20px !important; }
	.mb40 { margin-bottom:20px !important; }
	.mb45 { margin-bottom:25px !important; }
	.mb50 { margin-bottom:25px !important; }
	.mb60 { margin-bottom:30px !important; }
	.mb70 { margin-bottom:30px !important; }

	.mr15 { margin-right:10px !important; }
	.mr20 { margin-right:10px !important; }
	.mr25 { margin-right:15px !important; }
	.mr30 { margin-right:20px !important; }
	.mr35 { margin-right:20px !important; }
	.mr40 { margin-right:20px !important; }
	.mr45 { margin-right:25px !important; }
	.mr50 { margin-right:25px !important; }

	.ml15 { margin-left:10px !important; }
	.ml20 { margin-left:10px !important; }
	.ml25 { margin-left:15px !important; }
	.ml30 { margin-left:20px !important; }

	.pt15 { padding-top:10px !important; }
	.pt20 { padding-top:10px !important; }
	.pt25 { padding-top:15px !important; }
	.pt30 { padding-top:20px !important; }
	.pt35 { padding-top:20px !important; }
	.pt40 { padding-top:20px !important; }
	.pt45 { padding-top:25px !important; }
	.pt50 { padding-top:25px !important; }

	.pb15 { padding-bottom:10px !important; }
	.pb20 { padding-bottom:10px !important; }
	.pb25 { padding-bottom:15px !important; }
	.pb30 { padding-bottom:20px !important; }
	.pb35 { padding-bottom:20px !important; }
	.pb40 { padding-bottom:20px !important; }
	.pb45 { padding-bottom:25px !important; }
	.pb50 { padding-bottom:25px !important; }

	.pp60{ padding:20px !important; }

	.layout-flex{flex-wrap:wrap}
	.layout-flex .inner{flex:auto;width:100%}
	.layout-flex .item-info{flex-direction:column;min-height:auto}
	.layout-flex .item-info .area{width:100%}
	.calendar-select{padding:20px 10px}
	.calendar-select .subject{font-size:1.25rem}
	.calendar-select .btn-arrow{gap:5px}
	.calendar-select .btn-next{right:10px}
	.calendar-select .btn-next span::after{width:35px;height:35px}
	.calendar-select .btn-prev{left:10px}
	.calendar-select .btn-prev span::before{width:35px;height:35px}
}

/*이미지 확대*/
.con-view-img{text-align:center; margin-top:30px;}
.con-view-img img{max-width:100%}
.con-view-img .btn-zoom{display:none}

	@media screen and (max-width:780px){ 
		.con-view-img {position:relative;}
		.con-view-img .btn-zoom{display:block; width:50px; height:50px; background:url('/_res/deu/_share/img/btn-zoom-img.png') no-repeat; background-size:cover; position:absolute; bottom:10px; right:10px; font-size:0; text-indent:-99999em;}
	}

/* 210526 no data 
- Main notice section 
- Main gallery section
- board list
- header layout
*/
.mConSlide1 ul li.list_none{width:100%;min-height:160px;line-height:160px;text-align:center;border-right:0}
.mConSlide2 ul li.list_none{width:100%;min-height:250px;line-height:250px;text-align:center;border-right:0}

.listTypeB ul li.list_none{float:none;width:100%;margin-bottom:0;line-height:150px;text-align:center}

#gnb .gnb > li:last-child > ul{left:auto;right:10px;text-align:right}


@media(max-width: 1028px){
	.mConSlide2 ul li.list_none{min-height:200px;line-height:200px}
}

@media(max-width: 640px){
	.mConSlide1 ul li.list_none{min-height:135px;line-height:135px}
	.mConSlide2 ul li.list_none{min-height:150px;line-height:150px}
}



@charset "utf-8";
/****************************************/
/* Name: 동의대학교 컴퓨터공학과
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2021-05-10
/* Author:  
/****************************************/
/* common */
.listTypeB .btn_modify{display:inline-block;color:#fff;background-color:#084bbb;padding:2px 10px;font-size:.8rem}
.listTypeB .btn_modify a:hover{text-decoration:none}

/*
=========================================================================
메인 콘텐츠 css
=========================================================================
*/

/* 슬라이드 기본설정 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
  opacity:1 !important
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: #1064c3;
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 0;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

.mbContent{overflow:hidden}

.mQuick{padding:30px 40px;min-height:415px;background:#00265a url('/_res/deu/_share/img/m_top_logo.png') no-repeat left top;}
.mQuick ul{display:flex;display:-ms-flex;justify-content:center;margin:0 auto;max-width:990px;overflow:hidden}
.mQuick ul::after{display:block;clear:both;content:''}
.mQuick ul li{text-align:center;width:16.666%}
.mQuick ul li a{position:relative;display:block;padding-top:150px;color:#fff}
.mQuick ul li a .ic{position:absolute;display:block;top:13px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:131px;height:131px;background-color:#fff;border:13px solid #00265a;border-radius:50%;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mQuick ul li a:hover .ic{border-color:#264673}

/* 210607 eun 5, 6 ++ */
/*.mQuick ul li:first-child:nth-last-child(5),
.mQuick ul li:first-child:nth-last-child(5) ~ li{width:20%}
*/

.mVisual{position:relative;margin:-175px 0 80px;padding:0 40px;}
.mVisualWrap{position:relative;margin:0 auto;max-width:1780px;overflow:hidden;background:#084bbb;border-radius:0 120px;z-index:2;max-height:500px}
.mVisualWrap::after{display:block;clear:both;content:''}
.mVisualWrap .topTxt{position:relative;display:flex;display:-ms-flex;padding:80px;height:500px;float:right;width:36%;color:#fff;z-index:1}
.mVisualWrap .topTxt .topTxt-box{padding-bottom:40px}
.mVisualWrap .topTxt h2{position:relative;margin-bottom:50px;font-family: 'SEBANG_Gothic_Regular';font-size:30px;font-weight:normal;line-height:1;}
.mVisualWrap .topTxt h2::before{position:absolute;top:12px;left:-90px;width:70px;height:3px;content:'';background:#5e9bdf}
.mVisualWrap .topTxt h2 span{display:block;margin-top:10px;font-family:'Noto Sans KR',sans-serif;font-size:14px;opacity:0.2;letter-spacing:2px}
.mVisualWrap .topTxt p{margin-bottom:40px;font-size:30px;font-weight:normal;line-height:1.4}
.mVisualWrap .topTxt p b{font-weight:normal;}
.mVisualWrap .topTxt ul{display:inline-block;vertical-align:top}
.mVisualWrap .visualSlide{position:absolute;top:0;left:0;width:64%;height:100%;z-index:2}
.mVisualWrap .visualSlide ul li img{height:100%;object-fit:cover}
.mVisualWrap .topTxt .control{position:absolute;bottom:80px;width:calc(100% - 160px);text-align:right}
.mVisualWrap .topTxt .control .mPage{position:absolute;left:0;top:5px;text-align:left}
.mVisualWrap .topTxt .control .mPage span{display:inline-block;margin-right:10px;width:7px;height:7px;vertical-align:middle;background:#fff;border-radius:50%}
.mVisualWrap .topTxt .control .mPage .swiper-pagination-bullet-active{width:11px;height:11px;background:none;border:2px solid #fff}
.mVisualWrap .topTxt .control button{margin:0 5px;width:42px;height:42px;text-indent:-999px;text-align:left;overflow:hidden;background-repeat:no-repeat;background-size:100%}
.mVisualWrap .topTxt .control .prevSlide{background-image:url('/_res/deu/_share/img/ic_prev.png')}
.mVisualWrap .topTxt .control .nextSlide{background-image:url('/_res/deu/_share/img/ic_next.png')}
.mVisualWrap .topTxt .control .stopSlide{background-image:url('/_res/deu/_share/img/ic_stop.png')}
.mVisualWrap .topTxt .control .startSlide{background-image:url('/_res/deu/_share/img/ic_play.png')}

.mConBox1{margin-bottom:110px;padding:0 40px;}
.mCon1{position:relative;margin:0 auto;padding:65px 0 0 250px;max-width:1300px}
.mCon1 .lt{position:absolute;top:0;left:0;}
.mCon1 .lt h2{margin-bottom:30px;font-size:43px;color:#333;line-height:1;}
.mCon1 .lt p{margin-bottom:55px;font-size:15px}
.mCon1 .lt .control button{position:relative;width:39px;height:39px;text-indent:-999px;overflow:hidden;background:#f0f0f0;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mCon1 .lt .control button::after{position:absolute;top:50%;left:50%;width:10px;height:10px;content:'';border:1px solid #585858;border-width:1px 1px 0 0;transform:translate(-50%, -50%) rotate(45deg);-webkit-transform:translate(-50%, -50%) rotate(45deg)}
.mCon1 .lt .control button.prevSlide1::after{transform:translate(-50%, -50%) rotate(-135deg);-webkit-transform:translate(-50%, -50%) rotate(-135deg)}
.mCon1 .lt .control button:hover{background:#1064c3}
.mCon1 .lt .control button:hover::after{border-color:#fff}
.mCon1 .lt .control .btnMore{display:inline-block;vertical-align:middle}
.mCon1 .lt .control .btnMore a{display:block;padding:0 15px;width:92px;line-height:39px;vertical-align:middle;background:url('/_res/deu/_share/img/ic_more.png') no-repeat center center;border:1px solid #f0f0f0}
.mCon1 .lt .control .btnMore a::after{display:inline-block;margin:0 0 3px 5px;content:' +';font-size:30px;color:#1064c3;vertical-align:middle;line-height:1;}
.mConSlide1 ul li{padding:0 45px;border-right:1px solid #d8d8d8}
.mConSlide1 ul li.swiper-slide-next + li{border-right:0}
.mConSlide1 ul li a{display:block;text-decoration:none;}
.mConSlide1 ul li .tit{display:block;margin-bottom:15px;height:55px;font-size:19px;color:#242424;font-weight:700;line-height:1.4;overflow: hidden; text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.mConSlide1 ul li .txt{display:block;margin-bottom:15px;height:48px;line-height:1.4;overflow: hidden; text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mConSlide1 ul li .date{display:inline-block;margin-right:24px;padding-left:20px;font-size:15px;background:url('/_res/deu/_share/img/ic_time.png') no-repeat left center}
.mConSlide1 ul li .file{display:inline-block;padding-left:16px;font-size:15px;background:url('/_res/deu/_share/img/ic_m_file.png') no-repeat left center}
.mConSlide1 ul li a:hover .tit,
.mConSlide1 ul li a:hover .txt{text-decoration:underline}

.mConBox2{padding:0 40px;background:url('/_res/deu/_share/img/m_con2_bg1.png') no-repeat 20px 10px, url('/_res/deu/_share/img/m_con2_bg2.png') no-repeat right 20px bottom 40px;background-color:#f8f8f8 }
.mCon2{position:relative;margin:0 auto;padding:90px 0 40px;max-width:1300px}
.mCon2 > .tit{position:absolute;top:-20px;left:0;z-index:2}
.mCon2 > .tit h2{display:inline-block;margin-right:20px;font-size:35px;font-weight:300;line-height:1}
.mCon2 > .tit h2 span{font-weight:800}
.mCon2 > .tit .control{display:inline-block;vertical-align:top}
.mCon2 > .tit .control button{position:relative;width:35px;height:35px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
.mCon2 > .tit .control .prevSlide2{background-image:url('/_res/deu/_share/img/ic_prev2.png')}
.mCon2 > .tit .control .nextSlide2{background-image:url('/_res/deu/_share/img/ic_next2.png')}
.mCon2 > .tit .control .stopSlide2{background-image:url('/_res/deu/_share/img/ic_stop2.png')}
.mCon2 > .tit .control .startSlide2{background-image:url('/_res/deu/_share/img/ic_play2.png')}
.mCon2 .mConSlide2 ul li{position:relative;}
.mCon2 .mConSlide2 ul li a{position:relative;display:block;}
/*.mCon2 .mConSlide2 ul li .photo{position:relative;display:block;margin-bottom:10px;padding-top:83%;overflow:hidden}
.mCon2 .mConSlide2 ul li .photo img{position:absolute;top:0;left:0;max-width:none;transition:all 0.2s ease;transition:all 0.2s ease;}
.mCon2 .mConSlide2 ul li a:hover .photo img{transform:scale(1.1);-webkit-transform:scale(1.1)}*/

.mCon2 .mConSlide2 ul li .photo{position:relative;display:block;height:230px;margin-bottom:10px;overflow:hidden;background-color:#ccc}
.mCon2 .mConSlide2 ul li .photo img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:none;transition:all 0.2s ease;transition:all 0.2s ease;width:100%}
.mCon2 .mConSlide2 ul li a:hover .photo img{transform:translate(-50%,-50%) scale(1.07);-webkit-transform:translate(-50%,-50%) scale(1.07)}

.mCon2 .mConSlide2 ul li .tit{display:block;height:55px;line-height:1.6;overflow: hidden; text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mCon2 .rotateImg{position:absolute;top:-50px;right:-60px;-webkit-animation:spin 10s linear infinite;-moz-animation:spin 20s linear infinite; animation:spin 20s linear infinite;}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.mConBox3{margin-bottom:60px;padding:0 40px;background:url('/_res/deu/_share/img/m_con3_bg.jpg') no-repeat center center;background-size:cover}
.mCon3{margin:0 auto;padding:60px 0;max-width:1300px}
.mCon3 ul::after{display:block;clear:both;content:''}
.mCon3 ul li{float:left;width:12.5%;text-align:center}
.mCon3 ul li a{position:relative;display:block;padding-top:110px;font-size:17px;color:#fff;line-height:1.3;text-decoration:none}
.mCon3 ul li a .ic{position:absolute;top:0;left:50%;width:102px;height:102px;border-radius:50%;background-position:center center;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mCon3 ul li a:hover .ic{background-color:#18446d}

.mConBox4{margin:0 auto;padding:0 40px 60px;max-width:1380px}
.mConBox5{margin:0 auto;padding:60px 0 40px;max-width:1380px}

.mCon4{position:relative;margin-bottom:20px;padding-left:135px;min-height:90px}
.mCon4 .lt{position:absolute;top:0;left:0;}
.mCon4 .lt h2{margin-bottom:20px;font-size:25px;line-height:1;font-weight:700}
.mCon4 .lt .detail{display:block}
.mCon4 .lt .detail a{display:block;padding-left:14px;width:97px;font-size:13px;color:#fff;line-height:27px;background:#1064c3}
.mCon4 .lt .detail a::after{display:inline-block;margin:0 0 3px 8px;content:' +';font-size:25px;vertical-align:middle;line-height:1;}
.mCon4 ul li .con{padding:15px;border:1px solid #bdbdbd;border-width:2px 0 1px}
.mCon4 ul li .con .date{display:block;margin-bottom:5px;font-size:19px;color:#1064c3;font-weight:700;line-height:1}

.mCon5::after{display:block;clear:both;content:''}
.mCon5 h2{font-size:45px;text-align:center}
.mCon5 h2 span{color:#1064c3}
.mCon5 p.h_txt{margin-bottom:55px;font-size:15px;text-align:center}
.mCon5_1{float:left;padding-right:30px;width:48%}
.mCon5_1 .youTube{margin-bottom:10px}
.mCon5_1 .youTube iframe{overflow:hidden;border-radius:10px}
.mCon5_1 dl dt{margin-bottom:10px;padding-left:48px;font-size:19px;color:#1064c3;background:url('/_res/deu/_share/img/ic_movie.png') no-repeat left center}

.mCon5_2{position:relative;float:right;width:52%}
.mCon5_2 .mTabM{position:absolute;left:0;bottom:0;z-index:20}
.mCon5_2 .mTabM li{display:inline-block;margin-right:4px}
.mCon5_2 .mTabM li a{display:block;width:31px;height:31px;text-indent:-999px;overflow:hidden;background-color:#565656;background-repeat:no-repeat;background-position:center center;border-radius:9px;z-index:20}
.mCon5_2 .mTabM li.ic1 a{background-image:url('/_res/deu/_share/img/tab_sns_ic1.png')}
.mCon5_2 .mTabM li.ic2 a{background-image:url('/_res/deu/_share/img/tab_sns_ic2.png')}
.mCon5_2 .mTabM li.ic3 a{background-image:url('/_res/deu/_share/img/tab_sns_ic3.png')}
.mCon5_2 .mTabM li.ic4 a{background-image:url('/_res/deu/_share/img/tab_sns_ic4.png')}
.mCon5_2 .mTabM li.ic5 a{background-image:url('/_res/deu/_share/img/tab_sns_ic5.png')}
.mCon5_2 .mTabM li.ic6 a{background-image:url('/_res/deu/_share/img/tab_sns_ic6.png')}
.mCon5_2 .mTabM li.on a{background-color:#1064c3}
.mCon5_2 .snsTabCon .mConSlide4{padding-bottom:60px;min-height:491px}
.mCon5_2 .snsTabCon .mConSlide4 li.list_none{text-align:center;width:100%;line-height:350px}
.mCon5_2 .snsTabCon .mConSlide4 li .photo{position:relative;overflow:hidden;border:1px solid #e1e1e1;width:100%;height:207px}
.mCon5_2 .snsTabCon .mConSlide4 li .photo > img{width:100%;height:100%;object-fit:cover}
.mCon5_2 .snsTabCon .mConSlide4 li .photo .sns{position:absolute;top:-30px;right:-30px;padding:30px 0 0 15px;width:75px;height:75px;background:#fff;border:1px solid #e1e1e1;border-radius:50%}
.mCon5_2 .snsTabCon .control{position:absolute;right:0;bottom:0}
.mCon5_2 .snsTabCon .control button{margin-left:5px;width:42px;height:42px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-size:100%}
.mCon5_2 .snsTabCon .control .prevSlide3{background-image:url('/_res/deu/_share/img/ic_prev3.png')}
.mCon5_2 .snsTabCon .control .nextSlide3{background-image:url('/_res/deu/_share/img/ic_next3.png')}

/* popup button 
* 210625 eun
*/
.popup-btn-wrap{background-color:#00265a;display:flex;display:-ms-flex;justify-content:space-between;align-items:center;border-top:1px solid #eff5ff1f}
.popup-btn-wrap .no-show-seven-days,
.popup-btn-wrap .no-show-one-days,
.popup-btn-wrap .close{display:block;padding:5px;color:#fff;text-align:center;transition:.3s}
.popup-btn-wrap .no-show-seven-days{flex:1}
.popup-btn-wrap .no-show-one-days{flex:1;border-right:1px solid #eff5ff1f;border-left:1px solid #eff5ff1f}
.popup-btn-wrap .close span{background:url('/_res/deu/_share/img/ic_close.png') center/cover no-repeat;display:block;width:21px;height:21px;text-indent:-9999px;background-size:70%}
.popup-btn-wrap .no-show-seven-days:hover,
.popup-btn-wrap .no-show-one-days:hover,
.popup-btn-wrap .close:hover{background-color:#001633}
.popup-btn-wrap a:hover{text-decoration:none}

.item-dot > li{position:relative;padding-left:15px;margin:2px 0}
.item-dot > li::before{position:absolute;left:0;top:7px;width:8px;height:8px;border:2px solid #084bbb;border-radius:50%;content:""}

/*
================================================================================
반응형 메인 콘텐츠
================================================================================
*/

 /* PC Device */
@media all and (min-width:1900px){
	
}
@media all and (max-width:1780px){
	.mVisualWrap .topTxt{padding:60px 3vw}
	.mVisualWrap .topTxt p{font-size:1.6rem}
	.mVisualWrap .topTxt .control{width:calc(100% - 6vw);bottom:60px}
}

@media all and (max-width:1300px){
	.mCon4 ul li .con .date{font-size:17px}
}

 /* TABLET Device */
@media all and (max-width:1200px){
	
	.mQuick{min-height:auto}
	.mQuick ul{text-align:center}
	.mQuick ul li{width:33.33%}
	
	.mVisual{margin:0 0 80px;padding:0}
	.mVisualWrap{border-radius:0;max-height:none}
	.mVisualWrap .visualSlide{position:relative;width:100%}
	.mVisualWrap .visualSlide ul li img{height:auto;width:100%}
	.mVisualWrap .topTxt{float:none;width:100%;height:auto;padding:50px}
	.mVisualWrap .topTxt .topTxt-box{width:100%;padding-bottom:0}
	.mVisualWrap .topTxt .control{position:relative;bottom:initial;width:100%}
	
	.mConBox1{padding:0 20px 0 40px}
	.mCon1{padding: 35px 0 0 180px;}
	.mConSlide1 ul li{padding:0 30px}
	.mConSlide1 ul li.swiper-slide-next,
	.mConSlide1 ul li.swiper-slide-prev{border-right:0}
	.mConSlide1 ul li.swiper-slide-next + li{border-right-width:1px}

	.mCon2 .rotateImg{right:-90px}
	
	.mCon3{padding:40px 0}
	.mCon3 ul li{margin:20px 0;width:25%}
	.mCon3 ul li:nth-child(4n + 1){clear:both}
	.mConSlide3{padding-bottom:30px}

	.mCon5_1{float:none;margin-bottom:40px;padding-right:0;width:100%}
	.mCon5_1 .youTube{position:relative;margin-bottom:20px;padding-top:63%;}
	.mCon5_1 .youTube iframe{position:absolute;top:0;left:0;width:100%;height:100%}
	.mCon5_2{float:none;width:100%}
	.mCon5_2 .snsTabCon .mConSlide4{min-height:calc((100vw - 114px) / 1.5 + 77px)}
	.mCon5_2 .snsTabCon .mConSlide4 li .photo{height:calc((100vw - 114px) / 3)}
}

@media all and (max-width:1024px){
	.mQuick ul li a{padding-top:120px}
	.mQuick ul li a .ic{width:100px;height:100px}
}

 /* TABLET Device */
@media all and (max-width:800px){
	.mCon4 ul li .con{padding:10px 5px}
	.mCon4 ul li .con .date{font-size:13px}
}

 /* Mobile Device */
@media all and (max-width:640px){
	.mQuick{padding:10px 20px 30px 20px}
	.mQuick ul{display:block}
	.mQuick ul li{float:left}
	.mQuick ul li:first-child:nth-last-child(1), 
	.mQuick ul li:first-child:nth-last-child(1) ~ li{width:100%}
	.mQuick ul li:first-child:nth-last-child(2), 
	.mQuick ul li:first-child:nth-last-child(2) ~ li{width:50%}
	.mQuick ul li:first-child:nth-last-child(5), 
	.mQuick ul li:first-child:nth-last-child(5) ~ li{min-width:32%;width:auto;float:none;display:inline-block}
	.mQuick ul li a{padding-top:85px}
	.mQuick ul li a .ic{width: 70px;height: 70px;border: 8px solid #00265a;}
	
	.mVisual{margin: 0 0 30px;}
	.mVisualWrap .visualSlide ul li{height:auto}
	.mVisualWrap .topTxt{padding:40px 20px}
	.mVisualWrap .topTxt h2{margin-bottom:30px;font-size:20px}
	.mVisualWrap .topTxt h2 span{font-size:10px}
	.mVisualWrap .topTxt p{margin-bottom:30px;font-size:20px}
	.mVisualWrap .topTxt .control button{margin: 0 2px; width: 32px;height: 32px;}

	.mConBox1{padding:0 15px}
	.mCon1{padding:0}
	.mCon1 .lt{position:relative;margin-bottom:20px}
	.mCon1 .lt h2{margin-bottom: 10px;font-size: 23px;}
	.mCon1 .lt p{margin-bottom: 15px;font-size: 12px;}
	.mCon1 .lt p br{display:none}
	.mCon1 .lt .control button{width: 30px;height: 30px;}

	.mCon1 .lt .control .btnMore a{padding: 0 10px;width:70px;font-size:12px;line-height: 30px;}
	.mCon1 .lt .control .btnMore a::after{margin: 0 0 3px 7px;font-size: 20px;}

	.mConSlide1 ul li{padding:0;border-right:0}
	.mConSlide1 ul li .tit{margin-bottom: 10px;height: 47px;font-size: 16px;}
	.mConSlide1 ul li .txt{height: 40px;}
	.mConSlide1 ul li .date{margin-right:15px;padding-left:16px;font-size:12px}
	.mConSlide1 ul li .file{font-size:12px}

	.mCon2 .rotateImg{top:-65px;right:-30px;width:130px}

	.mConBox2{padding:0 15px;background-image:none}
	.mCon2{padding: 40px 0 20px;}
	.mCon2 > .tit{width:100%}
	.mCon2 > .tit h2{font-size:20px}
	.mCon2 > .tit h2 span{display:block;font-size:24px}
	.mCon2 > .tit .control{position:absolute;top:5px;right:-10px}
	.mCon2 > .tit .control button{width: 27px;height: 27px;background-size:40%}
	.mCon2 .mConSlide2 ul li .tit{height:50px}
	.mCon2 .mConSlide2 ul li .photo{height:120px}
	
	.mConBox3{margin-bottom: 30px;padding:0}
	.mCon3{padding:0}
	.mCon3 ul li{margin:0;width:50%;text-align:left;border:1px solid #395773;border-width:0 0 1px 1px}
	.mCon3 ul li a{padding:0 10px 0 55px;font-size:14px;line-height:60px;}
	.mCon3 ul li a .tit{display:inline-block;line-height:1.2;vertical-align:middle}
	.mCon3 ul li a .ic{left:5px;top:0;width:40px;height:40px;background-size:100%;transform: translateX(0);-webkit-transform: translateX(0);}

	.mConBox4{padding:0 15px 30px}
	.mConBox5{padding:30px 15px 0;}
	.mCon4{margin-bottom:10px;padding-left:0}
	.mCon4 .lt{position:relative;margin-bottom:20px;}
	.mCon4 .lt h2{margin-bottom: 0;font-size: 18px;}
	.mCon4 .lt .detail{position:absolute;top:-5px;right:0}
	.mCon4 .lt .detail a{padding-left: 11px;width: 85px;font-size: 12px;line-height: 25px;}
	.mCon4 ul li .con{padding: 10px;}
	.mCon4 ul li .con .date{margin-bottom:5px;font-size:15px}

	.mCon5 h2{font-size:30px}
	.mCon5 p.h_txt{margin-bottom: 25px;font-size: 12px;}

	.mCon5_1 dl dt{padding-left: 30px;font-size: 16px;background-size:20px}
	
	.mCon5_2 .mTabM > li > a{width:28px;height:28px;background-size:100%}
	.mCon5_2 .snsTabCon .control button{width: 35px;height: 35px;}
	.mCon5_2 .snsTabCon .mConSlide4 li .photo{height:calc((100vw - 30px) / 2)}
	.mCon5_2 .snsTabCon .mConSlide4 li.list_none{line-height:100px}
}

/*
=========================================================================
서브 콘텐츠 css
=========================================================================
*/

h1.title{position:relative;margin-bottom:50px;padding-bottom:24px;font-size:32px;color:#182024;line-height:1;font-weight:500;border-bottom:1px solid #bdbdbd;z-index:2}
h2.title{position:relative;margin:50px 0 30px;font-size:21px;color:#084bbb;line-height:1.2;}
h2.title span{position:relative;padding-right:10px;}
h2.title span::after{position:absolute;top:0;right:0;width:6px;height:6px;content:'';background:#084bbb}

input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{margin:1px 0;padding:5px 10px;height:48px;font-size:16px;background:#fff;border:1px solid #dedede}
textarea{margin:1px 0;padding:5px 3px 4px 3px;width:100%;border:1px solid #dedede;border-radius:0}
input[type="file"]{margin:1px 0;height:40px;font-size:14px;background:none;}
input[type="submit"]{cursor:pointer;}
input:read-only{background-color:#f8f8f8;cursor:pointer}
.select{margin:1px 0;padding:0 30px 0 20px;height:48px;font-size:16px;color:#50585c;cursor:pointer;outline:none;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:#fff url('/_res/deu/_share/img/ic_select_arrow.png') no-repeat right 12px center;border:1px solid #dedede}
.select::-ms-expand{display: none;}
input::-ms-clear{display:none}
input:-ms-input-placeholder {color: #636363;}
input::-webkit-input-placeholder {color: #636363;}
input::-moz-placeholder {color: #636363;}
input::-moz-placeholder {color: #636363;}
textarea::-ms-clear{display:none}
textarea:-ms-input-placeholder {color: #636363;}
textarea::-webkit-input-placeholder {color: #636363;}
textarea::-moz-placeholder {color: #636363;}
textarea::-moz-placeholder {color: #636363;}
input:disabled,
select:disabled{background-color:#f3f3f3}

/* 게시판 공통 정리 */
.btnList{margin:30px 0 0;display:flex;gap:5px;justify-content:flex-end;align-items:center}
.btnList .btn-board{position:relative;margin:0;display:-moz-inline-stack;padding:5px;min-width:140px;height:48px;font-size:16px;color:#333;font-weight:400;text-align:center;text-decoration:none;cursor:pointer;background-color:#fff;transition:.3s;border:1px solid #E7E7E7;border-radius:5px}
.btnList .btn-board span{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:100%}
.btnList .btn-board span::before{background:url('/_res/deu/_share/img/board/ic_deletw.png') center no-repeat;content:"";width:17px;height:20px}
.btnList .btn-board.btn-delete{background-color:#d30000;color:#fff;border-color:#d30000}
.btnList .btn-board.btn-cog span::before{background:url('/_res/deu/_share/img/ic_prev.png') center/contain no-repeat;content:"";width:24px;height:24px}
.btnList .btn-board.btn-cog{background-color:#ff9b00;color:#fff;border-color:#ff9b00}
.btnList .btn-board.btn-write span::before{background:url('/_res/deu/_share/img/ic_write.png') center/contain no-repeat;content:"";width:20px;height:20px}
.btnList .btn-board.btn-uc span::before{background:url('/_res/deu/_share/img/board/ic_uc.png') center/contain no-repeat;content:"";width:20px;height:20px}
.btnList .btn-board.btn-confirm span::before{background:url('/_res/deu/_share/img/board/ic_confirm.png') center/contain no-repeat;content:"";width:20px;height:20px}
.btnList .btn-board.btn-cancel span::before{background:url('/_res/deu/_share/img/ic_delet.png') center no-repeat;content:"";width:17px;height:20px}
.btnList .btn-board.btn-cancel{background-color:#f7f7f7}
.btnList .btn-board.btn-list{background-color:#3e4b61;color:#fff}
.btnList .btn-board.btn-list span::before{background:url('/_res/deu/_share/img/ic_list.png') center no-repeat;content:"";width:18px;height:19px}

/* 게시판 공통 */
.btnList2{margin:30px 0 0;text-align:center}
.btnList2 .btnMore{display:inline-block;text-align:left;}
.btnList2 .btnMore a{display:block;padding:0 40px;font-size:18px;color:#fff;width:186px;line-height:56px;background:#084bbb url('/_res/deu/_share/img/ic_more.png') no-repeat right 40px center}

/* 버튼 */
.btnBc{display:inline-block;margin:0 1px;}
.btnBc a,
.btnBc button,
.btnBc input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 20px;min-width:160px;font-size:18px;color:#333;line-height:56px;font-weight:400;text-align:center;text-decoration:none;cursor:pointer;background-color:#fff;background-repeat:no-repeat;transition: all 0.3s;-webkit-transition: all 0.3s;border:1px solid #aeaeae;border-radius:0}

.btnBc.write a,
.btnBc.write button,
.btnBc.write input{padding-left:50px;background-color:#f7f7f7;background-image:url('/_res/deu/_share/img/ic_write.png');background-position:40px center;}

.btnBc.delet a,
.btnBc.delet button,
.btnBc.delet input{padding-left:50px;background-image:url('/_res/deu/_share/img/ic_delet.png');background-position:40px center;}

.btnBc.list a,
.btnBc.list button,
.btnBc.list input{padding-left:50px;color:#fff;background-color:#3e4b61;background-image:url('/_res/deu/_share/img/ic_list.png');background-position:40px center;border-color:#3e4b61}

.btnBc.gray a,
.btnBc.gray button,
.btnBc.gray input{background-color:#5d6b71}

.btn-gray{display:inline-block;background-color:#ebebeb;border-radius:5px;padding:5px 15px;font-size:.9rem;word-break:keep-all}

/* 기본 li아이콘 #1 */
.li_dot{margin-bottom:10px;text-align:left}
.li_dot > li{position:relative;margin-bottom:6px;padding-left:20px}
.li_dot > li::before{position:absolute;top:13px;left:0;width:10px;height:3px;content:'';background:#084bbb;}
.li_dot.h_li{margin-left:25px}

.imgMb{display:none}

/* 테이블공통 */
.tbl_txt{margin-bottom:5px;text-align:right}
.th_left tbody th{text-align:left}
.td_left tbody td{text-align:left}
.td_right tbody td,.td_right tfoot td{text-align:right}
.t_typel th,.t_typel td{border:0}
.t_typel {width:100%;border-top:2px solid #084bbb;border-bottom:1px solid #98a1a6;}
.t_typel tr { text-align: center; }
.t_typel thead th{padding:18px 0;color:#084bbb;background:#f4f7fc;border-bottom:1px solid #98a1a6;border-left:1px solid #dee2e6}
.t_typel thead th:first-child{border-left:0}
.t_typel tbody th{padding:18px 20px;font-weight:500;background:#fff;border-left:1px solid #dee2e6;border-top:1px solid #dee2e6}
.t_typel tbody th:first-child{border-left:0}
.t_typel tbody th[rowspan]{border-right:1px solid #dee2e6}
.t_typel tbody td{padding:18px 20px;background:#fff;border-left:1px solid #dee2e6;border-top:1px solid #dee2e6}
.t_typel tbody td:first-child{border-left:0}
.t_typel tbody td[rowspan]{border-right:1px solid #dee2e6}
.t_typel tbody td[rowspan]:last-child{border-right:0}
.t_typel tbody td+th{border-left:1px solid #dee2e6}
.t_typel tfoot th{padding:18px 20px;background:#fafafa;border-right:1px solid #dee2e6;border-top:1px solid #dee2e6}
.t_typel tfoot td{padding:18px 20px;border-left:1px solid #dee2e6}
.t_typel tfoot td[colspan]{border-left:0}
.t_typel tfoot td{border-top:1px solid #dee2e6}
.t_typel tbody th.line,.t_typel tbody td.line,.t_typel tbody tr.line td,.t_typel tbody tr.line th{border-bottom:1px dashed #dee2e6}
.t_typel.type2 tbody th{padding:30px 40px;font-size:19px;color:#388e3c;text-align:left;vertical-align:top;background:#f8faf6;}
.t_typel.type2 tbody th span{position:relative;display:inline-block;padding-left:28px;background:url('/_res/deu/_share/img/ic_dot1.png') no-repeat left 8px}
.t_typel.type2 tbody td{padding:30px 40px;text-align:left;border-left:0}
.t_typel.line thead th{border-left:1px solid #dee2e6;}
.t_typel.line thead th:first-child{border-left:0}

/* 게시글 상단 */
.bbs_top{margin-bottom:20px}
.bbs_top::after{display:block;clear:both;content:''}
.bbs_top .pageNum{float:left;padding-top:15px}
.bbs_top .pageNum .total{position:relative;display:inline-block;margin-right:10px;padding-right:15px}
.bbs_top .pageNum .total::after{position:absolute;top:50%;right:0;margin-top:-7px;width:0;height:14px;content:'';border-left:1px solid #ced4da}
.bbs_top .pageNum .now{display:inline-block}
.bbs_top .pageNum .now span{font-weight:500}
.bbs_top .boadSearchA{float:right}

.boadSearchA{position:relative;}
.boadSearchA select{margin:0 5px 0 0;width:130px}
.boadSearchA .serInput{margin:0 5px 0 0;padding:0 20px;width:260px;}
.boadSearchA .btn{width:88px;height:48px;text-align:left;text-indent:35px;color:#fff;background:#3e4b61 url('/_res/deu/_share/img/ic_search.png') no-repeat 18px center;border:0}

/* 목록A */
.listTypeA{position:relative;table-layout:fixed;border-top:3px solid #545454;border-bottom:1px solid #98a1a6;}
.listTypeA tr{text-align:center;}
.listTypeA thead th{padding:18px 5px;color:#343c40;font-weight:500;background:#fff;border-bottom:1px solid #98a1a6}
.listTypeA thead th:first-child{border-left:0}
.listTypeA tbody th,.listTypeA tbody td{border:1px solid #dee2e4;border-width:1px 0 0}
.listTypeA tbody tr td.notice span{display:inline-block;width:35px;font-size:14px;color:#fff;line-height:35px;text-align:center;background:#084bbb;border-radius:50%}
.listTypeA tbody th{padding:15px 10px;background:#f8f8f8;}
.listTypeA tbody td{padding:15px 10px;color:#50585c;word-break:break-all; vertical-align:middle;}
.listTypeA tbody td.subject{position:relative;text-align:left;}
.listTypeA tbody td.subject a{position:relative;display:inline-block;align-items:center;color:#50585c;max-width:95%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;padding-right:40px}
.listTypeA tbody td.subject a .icNew{top:50%;position:absolute;right:0;transform:translateY(-50%)}
.listTypeA tbody td.subject .article-chk input{margin-top:-10px}

/* 페이지표시 */
.pageWrap{text-align:center;}
.page{display:inline-block;margin-top:40px;}
.page::after{display:block;clear:both;content:''}
.page a{position:relative;float:left;margin:2px 0 0 -1px;width:42px;height:42px;font-size:18px;color:#555;text-align:center;vertical-align:middle;line-height:38px;text-decoration:none;letter-spacing:-1px;background:#fff;border:1px solid #dee2e4}
.page a.on{color:#fff;background:#34464e;border:1px solid #34464e;z-index:2}
.page a img{padding-bottom:4px;vertical-align:middle;}
.page .contr{float:left;margin:0 20px}
.page .contr a:first-child{border-radius:4px 0 0 4px}
.page .contr a:last-child{border-radius:0 4px 4px 0}
.page .contr + a{border-radius:4px 0 0 4px}
.page .contr ~ a:last-of-type{border-radius:0 4px 4px 0}

.snsTab{margin-bottom:60px;padding-top:30px;text-align:center}
.snsTab ul li{display:inline-block;margin:0 15px;vertical-align:top}
.snsTab ul li a{display:block;width:60px;height:60px;font-size:18px;font-weight:500;line-height:55px;background-repeat:no-repeat;background-position:center top;background-size:100%;border-radius:50%;border-width:2px}
.snsTab ul li a span{display:block;text-indent:-999px;overflow:hidden}
.snsTab ul li a:hover{text-decoration:none}
.snsTab ul li.ic1 a{color:#004d40;border:2px solid #004d40}
.snsTab ul li.ic2 a{background-image:url('/_res/deu/_share/img/ic_sns_menu1.png') }
.snsTab ul li.ic3 a{background-image:url('/_res/deu/_share/img/ic_sns_menu2.png') }
.snsTab ul li.ic4 a{background-image:url('/_res/deu/_share/img/ic_sns_menu3.png') }
.snsTab ul li.ic5 a{background-image:url('/_res/deu/_share/img/ic_sns_menu4.png') }
.snsTab ul li a:hover,
.snsTab ul li.on a{background-position:center bottom}
.snsTab ul li.ic1 a:hover,
.snsTab ul li.ic1.on a{color:#fff;background:#004d40;}
.snsTab ul li.ic2.on a,
.snsTab ul li.ic2 a:hover{background-color:#244e9c;border-color:#244e9c;}
.snsTab ul li.ic3.on a,
.snsTab ul li.ic3 a:hover{background-color:#ee2489;border-color:#ee2489;}
.snsTab ul li.ic4.on a,
.snsTab ul li.ic4 a:hover{background-color:#4da739;border-color:#4da739;}
.snsTab ul li.ic5.on a,
.snsTab ul li.ic5 a:hover{background-color:#df3f3e;border-color:#df3f3e;}
.etcBtn .btnSns ul li.ic5 a{background-image:url('/_res/deu/_share/img/ico-share-url.png');background-size:30px}

.listTypeB{overflow:hidden}
.listTypeB ul{margin:0 -15px}
.listTypeB ul::after{display:block;clear:both;content:''}
.listTypeB ul li{float:left;margin-bottom:30px;padding:0 15px;width:33.33%}
.listTypeB ul li a{display:block}
.listTypeB ul li .box{position:relative}
.listTypeB ul li .box .photo{position:relative;padding-top:74%;overflow:hidden;background:#000}
.listTypeB ul li .box .photo img{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.listTypeB ul li .box .infor{opacity:0;position:absolute;top:0;left:0;padding-top:22%;width:100%;height:100%;font-size:18px;color:#fff;text-align:center;background:rgba(8,75,187,0.9);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;z-index:5}
.listTypeB ul li .box .infor .tit{display:block;margin-bottom:30px;padding:0 20px;height:55px;line-height:1.5;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.listTypeB ul li .box .infor .btn{display:inline-block;width:113px;line-height:38px;border:1px solid #fff;border-radius:19px}
.listTypeB ul li a:hover .infor{opacity:1}

.listTypeC{position:relative;overflow:hidden;}
.listTypeC ul{margin:0 -12px}
.listTypeC ul::after{display:block;clear:both;content:''}
.listTypeC ul li{float:left;margin-bottom:30px;padding:0 12px;width:33.33%}
.listTypeC ul li a{display:block;text-decoration:none}
.listTypeC ul li .box .photo{position:relative;display:block;padding-top:55%;overflow:hidden;border:1px solid #dee2e4}
.listTypeC ul li .box .photo img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;object-fit:cover;max-width:none;width:100%;height:100%}
.listTypeC ul li a:hover .box .photo img{transform:translate(-50%,-50%) scale(1.07);-webkit-transform:translate(-50%,-50%) scale(1.07)}
.listTypeC ul li .box .con{position:relative;padding:30px 30px 20px;background:#fff;border:1px solid #dee2e4;border-width:0 1px 1px}
.listTypeC ul li .box .con .tit{display:block;margin-bottom:30px;padding-bottom:20px;height:55px;font-size:18px;line-height:1.5; overflow: hidden;text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.listTypeC ul li .box .con .infor{position:relative;text-align:right}
.listTypeC ul li .box .con .infor > *{display:inline-block;padding:0 15px 0 21px;font-size:15px;color:#666;background-repeat:no-repeat;background-position:left center}
.listTypeC ul li .box .con .infor .date{position:absolute;top:0;left:0;background-image:url('/_res/deu/_share/img/ic_bbs_time.png') }
.listTypeC ul li .box .con .infor .name{background-image:url('/_res/deu/_share/img/ic_bbs_write.png')}
.listTypeC ul li .box .con .infor .hit{background-image:url('/_res/deu/_share/img/ic_bbs_hit.png')}

.viewTypeA{position:relative;border-top:3px solid #545454;border-bottom:1px solid #98a1a6}
.viewTypeA .viewTop{padding:30px 40px;background:#f6f7f8;border-bottom:1px solid #dee2e4}
.viewTypeA .viewTop h2{margin-bottom:20px;font-size:31px;line-height:1.3}
.viewTypeA .viewTop ul li{position:relative;display:inline-block;margin-right:10px;padding:0 15px 0 21px;color:#666666;background-repeat:no-repeat;background-position:left center}
.viewTypeA .viewTop ul li::before{position:absolute;top:4px;right:0;width:0;height:13px;content:'';border-left:1px solid #80898e}
.viewTypeA .viewTop ul li:last-child::before{display:none}
.viewTypeA .viewTop ul li.date{background-image:url('/_res/deu/_share/img/ic_bbs_time.png') }
.viewTypeA .viewTop ul li.name{background-image:url('/_res/deu/_share/img/ic_bbs_write.png') }
.viewTypeA .viewTop ul li.hit{background-image:url('/_res/deu/_share/img/board/ico-ck.png') }
.viewTypeA .file{position:relative;padding:15px 40px 20px 140px;font-size:18px;color:#80898e;border-bottom:1px solid #dee2e4}
.viewTypeA .file .name{position:absolute;top:15px;left:40px;}
.viewTypeA .file a{display:inline-block;margin-right:20px;padding-left:22px;font-size:15px;background:url('/_res/deu/_share/img/ic_file.png') no-repeat left center}
.viewTypeA .con{padding:40px}
.viewTypeA .board-info{display:flex;gap:10px;align-items:center;justify-content:flex-end}
.viewTypeA .board-info span{position:relative}
/*.viewTypeA .board-info span:not(:last-child)::after{position:absolute;right:-5px;top:50%;content:"";width:1px;height:10px;background-color:#c9c5c5;transform:translateY(-50%)}*/
.viewTypeA .board-info .board-date{background:url('/_res/deu/_share/img/board/ico-calendar01.png') left center no-repeat;padding-left:20px}
.viewTypeA .board-info .name{background:url('/_res/deu/_share/img/board/ico-pen.png') left center no-repeat;padding-left:20px}
.viewTypeA .board-info .hit{background:url('/_res/deu/_share/img/board/ico-ck.png') left center no-repeat;padding-left:20px}
.viewTypeA .con .img{margin-bottom:40px;text-align:center}

.viewlist{margin-top:70px;border:1px solid #98a1a6;border-width:1px 0 }
.viewlist li{position:relative;padding:0 20px 0 180px;font-size:18px;line-height:70px;}
.viewlist li:first-child{border-bottom:1px solid #dee2e4}
.viewlist li span{position:absolute;top:0;left:0;padding-left:80px;height:100%;color:#50585c;font-weight:500;}
.viewlist li span::after{position:absolute;top:45%;left:40px;width:10px;height:10px;content:'';border:1px solid #999;border-width:2px 2px 0 0;transform:rotate(-45deg);}
.viewlist li a{display:block;color:#666;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.viewlist li.next span::after{transform:rotate(135deg);-webkit-transform:rotate(135deg)}

/* 모바일 이미지 확대보기(새창) */
.mblink{position:relative}
.mblink a{display:none;position:absolute;bottom:0;right:0;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:rgba(0,0,0,0.4);border-radius:50%}
.mblink a::after{position:absolute;top:50%;left:50%;margin:-10px 0 0 -9px;width:19px;height:20px;content:'';background:url('/_res/deu/_share/img/ic_search.png') no-repeat center center;opacity:0.8}

.s1_1_con::after{display:block;clear:both;content:''}
.s1_1_con .img{float:left;padding-right:60px;width:50%}
.s1_1_con dl{position:relative;float:right;width:50%}
.s1_1_con dl::before{position:absolute;top:60px;left:-120px;width:90px;height:4px;content:'';background:#084bbb}
.s1_1_con dl dt{margin-bottom:50px;font-size:42px;line-height:1}
.s1_1_con dl dt span{display:block;margin-bottom:10px;font-size:21px;color:#084bbb}
.s1_1_con dl dt b{position:relative;font-weight:500;display:inline-block;line-height:1.2}
.s1_1_con dl dt b::after{position:absolute;top:0;right:-10px;width:10px;height:10px;content:'';background:#084bbb}
.s1_1_con dl dd{font-size:16px}
.s1_1_con dl dd span{display:block;margin-bottom:20px;font-size:21px;color:#084bbb;font-weight:500}

.sub_top{position:relative;margin-bottom:55px;padding:80px 50px 0 110px;min-height:217px;background-repeat:no-repeat;background-position: left center;background-size:cover;border-radius:0 0 0 100px}
.sub_top.bg1{background-image:url('/_res/deu/_share/img/s1_2_img.jpg')}
.sub_top.bg2{background-image:url('/_res/deu/_share/img/s1_3_img.jpg')}
.sub_top.bg3{background-image:url('/_res/deu/_share/img/s4_1_img.jpg')}
.sub_top .txt1{position:absolute;top:0;right:0;font-size:30px;color:rgba(255,255,255,0.2);line-height:1;font-weight:700}
.sub_top .txt2{font-size:30px;color:#fff;line-height:1.4}
.sub_top h2{font-size:30px;color:#fff;line-height:1}
.sub_top h2 span{display:block;margin-bottom:10px;font-size:20px;font-weight:700}
.s1_2_con{padding:0 30px}
.s1_2_con::after{display:block;clear:both;content:''}
.s1_2_con ol{position:relative;float:left;padding:0 30px 0 28px;width:48%}
.s1_2_con ol > li{position:relative;margin-bottom:30px;padding-left:48px;}
.s1_2_con ol > li .month{display:block;font-size:19px;color:#084bbb}
.s1_2_con ol > li::after{position:absolute;top:12px;left:7px;width:0;height:calc(100% + 30px);content:'';border-left:1px solid #d3d3d3}
.s1_2_con ol > li::before{position:absolute;top:12px;left:0;width:14px;height:14px;content:'';background:#fff;border:4px solid #0f50bd;border-radius:50%;z-index:2}
.s1_2_con ol > li:last-child::after{display:none}
.s1_2_con p{float:right;width:52%;line-height:2}

.s1_3_con{padding:0 30px}
.s1_3_con dl{position:relative;margin-bottom:45px;padding-left:360px}
.s1_3_con dl dt{position:absolute;top:0;left:0;font-size:30px;color:#084bbb;font-weight:500;line-height:1}
.s1_3_con .box{padding:35px 30px;text-align:center;border:1px solid #c5c5c5}
.s1_3_con .txt{padding:35px 25px 0}

.s1_4_con{padding:0 30px}
.s1_4_con .con1{margin:0 -25px 70px}
.s1_4_con .con1::after{display:block;clear:both;content:''}
.s1_4_con .con1 li{position:relative;float:left;margin-bottom:20px;padding:0 25px;width:25%}
.s1_4_con .con1 li::after{position:absolute;top:50%;left:-30px;width:50px;height:0;content:'';border-top:1px dashed #b7c2d5}
.s1_4_con .con1 li div{position:relative;text-align:center;line-height:98px;background:#eff5ff;border:1px solid #084bbb;border-radius:0 45px;z-index:2}
.s1_4_con .con1 li div span{display:inline-block;padding-bottom:5px;color:#084bbb;line-height:1.4;vertical-align:middle}
.s1_4_con .con1 li div::before{position:absolute;top:50%;left:-6px;margin-top:-6px;width:12px;height:12px;content:'';background:#fff;border:3px solid #084bbb;border-radius:50%}
.s1_4_con .con1 li div::after{position:absolute;top:50%;right:-6px;margin-top:-6px;width:12px;height:12px;content:'';background:#fff;border:3px solid #084bbb;border-radius:50%}
.s1_4_con .con1 li:nth-child(4n + 1)::after{display:none}
.s1_4_con .con1 li:nth-child(4n + 1) div::before{display:none}
.s1_4_con .con1 li:nth-child(4n) div::after{display:none}
.s1_4_con .con1 li:last-child div::after{display:none}
.s1_4_con .con1 li:nth-child(5) div,
.s1_4_con .con1 li:nth-child(6) div,
.s1_4_con .con1 li:nth-child(7) div,
.s1_4_con .con1 li:nth-child(8) div{background:#e1e7f2}
.s1_4_con .con2{margin:0 -12px}
.s1_4_con .con2::after{display:block;clear:both;content:''}
.s1_4_con .con2 li{float:left;padding:0 12px;width:33.33%}
.s1_4_con .con3{padding-left:150px;background:url('/_res/deu/_share/img/ic_licensed.png') no-repeat left center;}
.s1_4_con .con3 h3{margin-bottom:10px;font-size:21px}

.guidTxt{position:relative;margin-bottom:50px;padding:30px 30px 30px 200px;min-height:150px;background-color:#f4f7fc;background-repeat:no-repeat;background-position:55px 23px;border:1px solid #084bbb}
.guidTxt.ic1{background-image:url('/_res/deu/_share/img/ic_paper.png') }

.downBox{position:relative;padding:35px 25px 35px 35px;background:#f6f7f8;border-top:3px solid #545454}
.downBox::after{display:block;clear:both;content:''}
.downBox h2{display:inline-block;font-size:26px;line-height:48px}
.downBox .btnRt{float:right}
.downBox .btnRt .btn{display:inline-block;margin-right:10px}
.downBox .btnRt .btn a{display:block;padding:0 20px 0 45px;font-size:17px;line-height:50px;font-weight:500;background-color:#fff;background-repeat:no-repeat;background-position:16px center;border:1px solid #084bbb;border-radius:4px}
.downBox .btnRt .btn.link a{color:#084bbb;background-image:url('/_res/deu/_share/img/ic_blank.png')}
.downBox .btnRt .btn.down a{color:#fff;background-color:#084bbb;background-image:url('/_res/deu/_share/img/ic_down.png') }

/* pdfviewr 제목 없는 경우 버튼 */
.guidTxt {}
.guidTxt .btn{display:inline-block;margin-right:10px;margin-top:20px}
.guidTxt .btn a{display:block;padding:0 20px 0 45px;font-size:17px;line-height:50px;font-weight:500;background-color:#fff;background-repeat:no-repeat;background-position:16px center;border:1px solid #084bbb;border-radius:4px}
.guidTxt .btn.link a{color:#084bbb;background-image:url('/_res/deu/_share/img/ic_blank.png')}
.guidTxt .btn.down a{color:#fff;background-color:#084bbb;background-image:url('/_res/deu/_share/img/ic_down.png') }


/* .pdf 여러개 올리기 */
.pdf_list_con {margin-bottom: 60px;padding: 40px 60px;border: 1px solid #d0d0d0;}
.pdf_list_con .ltcon ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.pdf_list_con .ltcon ul li{margin-right:20px;width:calc((100% - 60px) / 4);padding-left:15px;position:relative;border-right:1px solid #ddd}
.pdf_list_con .ltcon ul li::before{position:absolute;top:14px;left:0;content:'';width:4px;height:4px;background:#bbb}
.pdf_list_con .ltcon ul li:nth-child(4n){margin-right:0;border-right:none}


.txtBox{position:relative;margin-bottom:30px;padding:30px 60px;background-color:#f4f7fc;border:1px solid #084bbb}

.imgLi{overflow:hidden}
.imgLi ul{margin:0 -13px}
.imgLi ul::after{display:block;clear:both;content:''}
.imgLi ul li{float:left;margin-bottom:23px;padding:0 13px;width:33.33%}

.s4_1_con{padding-left:56px}

.s5_1_con{padding-left:27px}
.s5_1_con .con{padding-left:28px}
.s5_1_con .con h3{margin:30px 0 20px;font-size:21px;line-height:1}

.sitemap{padding:50px 0;overflow:hidden}
.sitemap > ul{display:flex;flex-wrap:wrap;}
.sitemap > ul > li{margin-bottom:40px;padding:0 35px;width:16.66%}
.sitemap > ul > li .tit{margin-bottom:30px;padding-bottom:20px;font-size:24px;font-weight:700;line-height:1.4;border-bottom:2px solid #084bbb}
.sitemap > ul > li .tit span{display:block;font-size:12px;color:#084bbb;font-weight:500}
.sitemap > ul > li ul li{margin-bottom:5px}
.sitemap > ul > li ul li a{display:block;font-size:18px;}
.sitemap > ul > li ul li a:hover{color:#084bbb}

.teachList > ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.teachList > ul > li{position:relative;margin-bottom:30px;padding:30px;width:calc(50% - 15px);border:1px solid #c2c2c2}
.teachList > ul > li::after{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;content:'';border:1px solid #084bbb;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.teachList > ul > li:hover{border-color:#084bbb}
.teachList > ul > li:hover::after{opacity:1}
.teachList > ul > li .box{position:relative;padding-left:190px;min-height:194px;z-index:2;padding-right:110px}
.teachList > ul > li .box .photo{position:absolute;top:0;left:0;width:143px}
.teachList > ul > li .box .photo .article-chk{position:absolute}
.teachList > ul > li .box .photo img{max-height:195px}
.teachList > ul > li .box dl dt{margin-bottom:20px;font-size:1.25rem;font-weight:500}
.teachList > ul > li .box dl dt span{position:relative;display:-webkit-box;margin-top:5px;padding-top:10px;font-size:16px;color:#084bbb;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;max-height:66px;width:100%;overflow:hidden}
.teachList > ul > li .box dl dt span::before{position:absolute;top:0;left:0;width:21px;height:3px;content:'';background:#084bbb;clear:both}
.teachList > ul > li .box dl dd ul li{position:relative;padding-left:68px;min-height:30px}
.teachList > ul > li .box dl dd ul li .name{position:absolute;top:0;left:0;font-weight:500}
.teachList > ul > li .box .btn{position:absolute;top:0;right:0;padding:0;border:0;text-align:left}
.teachList > ul > li .box .btn a{display:block;padding:0 14px;width:107px;font-size:15px;line-height:39px;background:url('/_res/deu/_share/img/ic_more2.png') no-repeat right 15px center;border:1px solid #c2c2c2}
.teachList > ul > li .box .btn a:hover{border-color:#084bbb}

.popFix{position:fixed;top:0;left:0;padding:30px;width:100%;height:100%;text-align: center;background:rgba(0,0,0,0.5);z-index:500}
.popFix .popCon{position:absolute;top:110px;left:50%;width:100%;max-width:800px;text-align: left;vertical-align:middle;background:#fff;border-radius:18px;overflow:hidden;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.popFix .popCon h2{padding-left:40px;font-size:24px;color:#fff;line-height:70px;font-weight:500;background:#084bbb}
.popFix .popCon h2 + p{margin-bottom:40px;font-size:14px;color:#999}
.popFix .popCon .btn-pop-close{position:absolute;top:0;right:0;width:70px;height:70px;text-indent:-999px;overflow:hidden;}
.popFix .popCon .btn-pop-close::before{position:absolute;top:50%;left:50%;margin-left:-30%;width:40%;height:0;content:'';border-top:3px solid #fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.popFix .popCon .btn-pop-close::after{position:absolute;top:50%;left:50%;margin-left:-30%;width:40%;height:0;content:'';border-top:3px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg)}

.popFix .popCon .teachCon{padding:27px 16px ;}
.popFix .popCon .teachCon .teachInforTop{position:relative;margin-bottom:30px;padding:8px;background:#f6f6f6 url('/_res/deu/_share/img/teach_bg.png') no-repeat right top}
.popFix .popCon .teachCon .teachInforTop .box{position:relative;padding:30px 30px 30px 320px;min-height:330px;border:1px solid #c2c2c2}
.popFix .popCon .teachCon .teachInforTop .box .photo{position:absolute;top:35px;left:55px;width:200px;max-height:235px;overflow:hidden}
.popFix .popCon .teachCon .teachInforTop .box .photo img{width:100%;object-fit:cover}
.popFix .popCon .teachCon .teachInforTop .box dl{padding-top:20px}
.popFix .popCon .teachCon .teachInforTop .box dl dt{margin-bottom:20px;font-size:24px;font-weight:500}
.popFix .popCon .teachCon .teachInforTop .box dl dt span{position:relative;display:block;margin-top:5px;padding-top:10px;font-size:16px;color:#084bbb}
.popFix .popCon .teachCon .teachInforTop .box dl dt span::before{position:absolute;top:0;left:0;width:21px;height:3px;content:'';background:#084bbb}
.popFix .popCon .teachCon .teachInforTop .box dl dd ul li{position:relative;padding-left:68px;min-height:30px}
.popFix .popCon .teachCon .teachInforTop .box dl dd ul li .name{position:absolute;top:0;left:0;font-weight:500}
.popFix .popCon .teachCon .teachInfor{padding:20px 35px;height:calc(100vh - 630px);overflow:auto}
.popFix .popCon .teachCon .teachInfor h4{position:relative;margin:35px 0 15px;padding-left:17px;font-size:18px;color:#084bbb;font-weight:700}
.popFix .popCon .teachCon .teachInfor h4::before{position:absolute;top:11px;left:0;width:10px;height:10px;content:'';background:#fff;border:3px solid #084bbb;border-radius:50%}

.popFix .popCon .teachCon .teachInfor span:first-child h4{margin-top:0}
.popFix .popCon .teachCon .teachInfor span{display:block}
/*.popFix .popCon .teachCon .teachInfor h4:first-child{margin-top:0}*/
.popFix .popCon .teachCon .teachInfor h5{margin:20px 0 10px 10px;color:#252525}
.popFix .popCon .teachCon .teachInfor p,
.popFix .popCon .teachCon .teachInfor ol,
.popFix .popCon .teachCon .teachInfor ul{padding-left:15px}

/* 동영상 POPUP */
.layPop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:500}
.layPop .box{position:absolute;top:0;left:0;display:table;width:100%;height:100%}
.layPop .box .con{display:table-cell;padding:80px;text-align:center;vertical-align:middle}
.layPop .box .con .movBox{position:relative;margin: 0 auto;padding-top:42%;max-width:1300px;width:100%;overflow: hidden;}
.layPop .box .con iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.layPop .box .btnClose{position:absolute;top:0;right:0;width:80px;height:80px;text-indent:-999px;overflow:hidden;z-index:20; background:none; border:none;background: #000;}
.layPop .box .btnClose span{position:relative;display:block;margin:0 auto;width:70%;height:2px;background:transparent}
.layPop .box .btnClose span::before{position:absolute;top:0;left:0;width:100%;height:2px;content:'';transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#fff;}
.layPop .box .btnClose span::after{position:absolute;top:0;left:0;width:100%;height:2px;content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#fff;}

/*2024.03.05 check-box 추가*/
.check-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.check-box{position:relative;padding-left:30px;margin:5px 0;text-align:left}
/*.check-box input[type="checkbox"]{position:absolute;width:1px;height:1px;padding-left:25px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.check-box input[type="checkbox"] + label{cursor:pointer;padding-left:25px;}
.check-box input[type="checkbox"] + label:before{position:absolute;background-color:#fff;top:2px;left:0;display:inline-block;cursor:pointer;width:20px;height:20px;border-radius:0;border:1px solid #d2d2d2;content:""}*/
.check-box input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.check-box input[type="checkbox"] + label{position:static;cursor:pointer}
.check-box input[type="checkbox"] + label:before{position:absolute;background-color:#fff;top:2px;left:0;display:inline-block;cursor:pointer;width:20px;height:20px;border-radius:0;border:1px solid #d2d2d2;content:""}
/*.check-box input[type="checkbox"]:focus + label:before{border:2px solid #000}*/
.check-box input[type="checkbox"]:checked + label:before{content:"";font-family:'xeicon';font-size:1em;color:#084bbb; background: url(/_res/deu/_share/img/board/ico-check02.png) no-repeat center;} 
/*2024.03.05 radio-box 추가*/
.radio-wrap{display:flex;display:-ms-flex;align-items:center;flex-wrap:wrap; gap:8px;}
.radio-wrap .radio-box:not(:last-child){margin-right:10px}
.radio-box{position:relative;display:block}
.radio-box input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.radio-box input[type="radio"] + label{display:block;position:relative;padding-left:25px;color:#555;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.radio-box input[type="radio"] + label:before{content:'';position:absolute;left:0;top:50%;width:20px;height:20px;text-align:center;background: #fff;border:1px solid #d2d2d2;border-radius:50%;transform:translateY(-50%)}
/*.radio-box input[type="radio"]:focus + label:before{border:2px solid #000}*/ 
.radio-box input[type="radio"]:checked + label:after{content:'';position:absolute;top:50%;left:5px;width:10px;height:10px;background:#0381ed;border-radius:50%;transform:translateY(-50%)}

.listTypeA tbody td.name .check-box{display:inline-block;}


/*
================================================================================
반응형 서브 콘텐츠
================================================================================
*/

 /* TABLET Device */
@media all and (max-width:1200px){
	
	.boadSearchA .serInput{width:200px}
	
	.listTypeB ul{margin:0 -10px}
	.listTypeB ul li{margin-bottom:20px;padding:0 10px}
	.listTypeC ul li{width:50%}
	.listTypeB ul li .box .infor{padding-top:15%}
	.listTypeB ul li .box .infor .tit{margin-bottom:15px}

	.s1_1_con .img{padding-right:30px;margin-bottom:20px;width:40%}
	.s1_1_con dl{float:none;width:100%}

	.sub_top{padding: 60px 50px 0 50px;}
	.sub_top .txt1{font-size:25px}
	.sub_top .txt2 br{display:none}
	.s1_2_con{padding:0}
	
	.s1_3_con{padding:0}
	.s1_3_con dl{padding-left:0}
	.s1_3_con dl dt{position:relative;margin-bottom:30px}
	
	.s1_4_con{padding:0}
	.s1_4_con .con1{margin:0 -10px 40px}
	.s1_4_con .con1 li{padding:0 10px;width:33.33%}
	.s1_4_con .con1 li:nth-child(4n + 1)::after{display:block}
	.s1_4_con .con1 li:nth-child(4n + 1) div::before{display:block}
	.s1_4_con .con1 li:nth-child(4n) div::after{display:block}
	.s1_4_con .con1 li:last-child div::after{display:block}
	.s1_4_con .con1 li:nth-child(3n + 1)::after{display:none}
	.s1_4_con .con1 li:nth-child(3n + 1) div::before{display:none}
	.s1_4_con .con1 li:nth-child(3n) div::after{display:none}
	.s1_4_con .con1 li:nth-child(4) div,
	.s1_4_con .con1 li:nth-child(5) div,
	.s1_4_con .con1 li:nth-child(6) div,
	.s1_4_con .con1 li:nth-child(7) div,
	.s1_4_con .con1 li:nth-child(8) div,
	.s1_4_con .con1 li:nth-child(9) div{background:#e1e7f2}

	.s4_1_con{padding-left:0}

	.s5_1_con{padding-left:0}
	
	.sitemap{padding:40px 0}
	.sitemap > ul > li{padding:0 15px;width:25%}

	.teachList > ul > li{width:100%}

	.popFix .popCon{top:40px;left:40px;width:calc(100% - 80px);transform:translateX(0);-webkit-transform:translateX(0)}

	.layPop .box .con{padding:40px}
	.layPop .box .con .movBox{padding-top: 54%;}
	
	/* .pdf 여러개 올리기 */
	.pdf_list_con .ltcon ul li{width:calc((100% - 40px) / 3)}
	.pdf_list_con .ltcon ul li:nth-child(4n){margin-right:20px;border-right:1px solid #ddd}
	.pdf_list_con .ltcon ul li:nth-child(3n){margin-right:0;border-right:none}
}

@media all and (max-width:1024px){
	/* .pdf 여러개 올리기 */
	.pdf_list_con{padding:20px}
	.pdf_list_con .ltcon ul li{width:calc((100% - 20px) / 2)}
	.pdf_list_con .ltcon ul li:nth-child(3n){margin-right:20px;border-right:1px solid #ddd}
	.pdf_list_con .ltcon ul li:nth-child(2n){margin-right:0;border-right:none}
	
	.btnList{margin-top:20px;justify-content:center;flex-wrap:wrap}
	.btnList .btn-board{font-size:14px;height:40px;min-width:120px}
}


 /* Mobile Device */
@media all and (max-width:640px){
	h1.title{margin: 0 0 70px;padding-bottom:0;font-size: 22px;text-align:center;border-bottom:0}
	h2.title{margin: 40px 0 20px;font-size: 19px;}

	.li_dot > li::before{top:9px;}
	.li_dot.h_li{margin-left:0}
	
	.imgPc{display:none}
	.imgMb{display:inline-block}

	.btnBc a, .btnBc button, .btnBc input{padding: 0 15px;min-width: 90px;font-size: 14px;line-height: 40px;}
	.btnBc.write a, .btnBc.write button, .btnBc.write input,
	.btnBc.delet a, .btnBc.delet button, .btnBc.delet input,
	.btnBc.list a, .btnBc.list button, .btnBc.list input{padding-left:30px;background-position: 14px center;background-size:15px}
	.btn-gray{padding:5px 10px}
	
	.t_typel thead th{padding:10px 0}
	.t_typel tbody th,
	.t_typel tbody td{padding:10px}
	
	input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="email"]{height: 40px;font-size: 14px;}
	.select{padding: 0 20px 0 13px;height: 40px;font-size: 14px;background-size: 10px;}

	.bbs_top .pageNum{float:none;margin-bottom:10px;text-align:right}
	.bbs_top .boadSearchA{float:none}
	.boadSearchA select{margin: 0 0 5px 0;width: 100%;}
	.boadSearchA .serInput{padding: 0 10px;width:calc(100% - 70px)}
	.boadSearchA .btn{position:absolute;right:0;bottom:0;width:65px;height:40px;text-indent: 20px;background-position:10px center;background-size:12px}
	
	.listTypeA::before{height:2px}
	.listTypeA.mb{display:block}
	.listTypeA.mb colgroup{display:none}
	.listTypeA.mb thead{display:none}
	.listTypeA.mb tbody{display:block}
	.listTypeA.mb tbody tr.notice{background: #f6f7f8;}
	.listTypeA.mb tbody td.num{display:none}
	.listTypeA.mb tbody td.notice{float:left}
	.listTypeA.mb tbody td.notice span{margin-right:10px;width:auto;color:#084bbb;font-weight:500;background:none;line-height:1}
	.listTypeA.mb tbody tr{position:relative;display:block;padding:10px 10px;width:100%;box-sizing: border-box;border-bottom:1px solid #dee2e4}
	.listTypeA.mb tbody tr::after{display:block;clear:both;content:''}
	.listTypeA.mb tbody td{display:block;padding:2px 0;border:0;font-size:13px;text-align:left;}
	.listTypeA.mb tbody td.data,
	.listTypeA.mb tbody td.file,
	.listTypeA.mb tbody td.hit{position:relative;float:left;margin-right:10px;padding-right:10px;line-height:15px}
	.listTypeA.mb tbody td.data::after,
	.listTypeA.mb tbody td.file::after{position:absolute;top:6px;right:0;width:0;height:10px;content:'';border-left:1px solid #50585c}
	.listTypeA.mb tbody td.file img{width:12px}
	
	.listTypeA.mb tbody td.subject{padding-bottom:5px;font-size:14px}
	.listTypeA.mb tbody td.subject a{display:block;padding-right:15px;font-weight:500}
	.listTypeA tbody td.subject a .icNew{top:3px;width:15px}
	.listTypeA.mb tbody td.name::before{margin-right:5px;content:'작성자 '}
	.listTypeA.mb tbody td.data::before{margin-right:5px;content:'작성일 '}
	.listTypeA.mb tbody td.file::before{margin-right:5px;content:'첨부 '}
	.listTypeA.mb tbody td.hit::before{margin-right:5px;content:'조회수 '}
	
	.page{margin-top:30px}
	.page .contr{margin: 0 7px;}
	.page a{width: 30px;height: 30px;font-size: 14px;line-height: 28px;}
	.page a img{height:13px}

	.snsTab{margin-bottom:30px;padding-top:10px}
	.snsTab ul li{margin: 0 3px;}
	.snsTab ul li a{width: 45px;height: 45px;font-size: 14px;line-height: 42px;}
	
	.listTypeB::before{height:2px}
	.listTypeB ul{margin: 0;}
	.listTypeB ul li{margin-bottom: 10px;padding: 0;width:100%;}
	.listTypeB ul li .box .infor{padding-top:20%;font-size:14px}
	.listTypeB ul li .box .infor .tit{height: 40px;line-height: 1.4;}
	.listTypeB ul li .box .infor .btn{width:80px;font-size:12px;line-height:25px;}

	.btnList2 .btnMore a{padding: 0 15px;width: 100px;font-size: 14px;line-height:40px;background-position:right 15px center;background-size:12px}
	
	.listTypeC{padding-top:0}
	.listTypeC ul{margin: 0 -5px;}
	.listTypeC ul li{margin-bottom: 10px;padding: 0 5px;}
	.listTypeC ul li .box .photo{padding-top:68%}
	.listTypeC ul li .box .con{padding: 10px;}
	.listTypeC ul li .box .con .tit{margin-bottom:10px;height: 40px;font-size:14px;line-height: 1.4;}
	.listTypeC ul li .box .con .infor{text-align:left}
	.listTypeC ul li .box .con .infor .date{position:relative;}
	.listTypeC ul li .box .con .infor span{padding-left:15px;font-size:12px;background-size:12px}

	.viewTypeA .viewTop{padding: 15px;}
	.viewTypeA .viewTop h2{margin-bottom: 10px;font-size:18px;}
	.viewTypeA .viewTop ul li{margin-right: 5px;padding:0 10px 0 18px; font-size: 13px;background-size:13px}
	.viewTypeA .viewTop ul li::before{top:5px;height:10px}
	.viewTypeA .file{padding: 10px 15px;font-size: 14px;}
	.viewTypeA .file .name{display:none;top: 10px;left: 15px;}
	.viewTypeA .file a{margin-right: 10px;padding-left: 16px;font-size:12px;background-size: 12px;}
	.viewTypeA .con{padding:15px 0}
	.viewTypeA .con .img{margin-bottom:20px}

	.viewlist{margin-top:40px}
	.viewlist li{padding: 0 0px 0 90px;font-size: 14px;line-height:40px;}
	.viewlist li span{padding-left: 35px;}
	.viewlist li span::after{left: 15px;width: 7px;height: 7px;}

	/* 모바일 테이블 가로스크롤 */
	.mb_scroll{position:relative;width:100%;overflow:auto}
	.mb_scroll table{width:800px}
	.mb_scroll::after{display:block;position:absolute;top:0;right:0;width:27px;height:100%;content:'';background:url('/_res/deu/_share/img/scroll_alpha.png') repeat-y fixed right top;z-index:2;}
	.mbtb_quide{position:absolute;top:30px;left:50%;width:60px;height:60px;background:url('/_res/deu/_share/img/bg_touch.png') no-repeat;background-size:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}

	.s1_1_con .img{float:none;padding-right:0;width:100%}
	.s1_1_con dl dt{margin-bottom:20px;font-size:30px}
	.s1_1_con dl dt span{font-size:18px}
	.s1_1_con dl dd span{margin-bottom: 10px;font-size: 16px;}

	.sub_top{margin-bottom:30px;padding: 40px 30px;min-height:140px;border-radius:0 0 0 50px}
	.sub_top .txt1{font-size:14px}
	.sub_top .txt2{font-size:18px;text-align:center}
	.s1_2_con ol{float:none;margin-bottom:30px;padding:0;width:100%}
	.s1_2_con ol li{margin-bottom:20px;padding-left:30px}
	.s1_2_con ol li::before{top:8px}
	.s1_2_con ol li .month{font-size:16px}
	.s1_2_con p{float:none;width:100%}
	
	.s1_3_con dl{margin-bottom:25px}
	.s1_3_con dl dt{margin-bottom:20px;font-size:25px}
	.s1_3_con .box{padding:20px 10px}
	.s1_3_con .txt{padding:20px 0 0}
	
	.s1_4_con .con1{margin: 0 -10px 20px;}
	.s1_4_con .con1 li{margin-bottom:15px;width:50%}
	.s1_4_con .con1 li:nth-child(3n + 1)::after{display:block}
	.s1_4_con .con1 li:nth-child(3n + 1) div::before{display:block}
	.s1_4_con .con1 li:nth-child(3n) div::after{display:block}
	.s1_4_con .con1 li:nth-child(2n + 1)::after{display:none}
	.s1_4_con .con1 li:nth-child(2n + 1) div::before{display:none}
	.s1_4_con .con1 li:nth-child(2n) div::after{display:none}
	.s1_4_con .con1 li:nth-child(4) div{background:#eff5ff}
	.s1_4_con .con1 li:nth-child(5) div,
	.s1_4_con .con1 li:nth-child(6) div,
	.s1_4_con .con1 li:nth-child(7) div,
	.s1_4_con .con1 li:nth-child(8) div{background:#e1e7f2}
	.s1_4_con .con1 li:nth-child(9) div{background:#eff5ff}
	.s1_4_con .con1 li div{line-height:70px}
	.s1_4_con .con1 li div::after{right: -5px;margin-top: -5px;width: 10px;height: 10px;}
	.s1_4_con .con1 li div::before{left:-5px;margin-top: -5px;width: 10px;height: 10px;}
	
	.s1_4_con .con2{margin:0}
	.s1_4_con .con2 li{float:none;margin-bottom:20px;padding:0;width:100%}

	.s1_4_con .con3{padding-left:0;background:none}
	.s1_4_con .con3 h3{font-size:19px}

	.guidTxt{margin-bottom:30px;padding:15px;background-image:none !important}

	.downBox{padding:15px 10px;text-align:center}
	.downBox h2{margin-bottom:15px;font-size:20px;line-height:1}
	.downBox .btnRt{float:none;}
	.downBox .btnRt .btn{margin:3px 5px}
	.downBox .btnRt .btn a{padding: 0 15px 0 40px;font-size: 13px;line-height: 35px;background-position:15px center}

	.sub_top h2{font-size:24px}
	.sub_top h2 span{margin-bottom:5px;font-size: 16px;}

	.txtBox{padding:20px}
	
	.imgLi ul{margin:0 -5px}
	.imgLi ul li{margin-bottom:10px;padding:0 5px;width:50%}

	.s5_1_con .con{padding-left:0}
	.s5_1_con .con h3{margin: 20px 0 10px;font-size: 16px;}
	
	.sitemap{padding:0}
	.sitemap > ul > li{margin-bottom:30px;padding:0 10px;width:50%}
	.sitemap > ul > li .tit{margin-bottom: 15px;padding-bottom: 10px;font-size: 18px;}
	.sitemap > ul > li .tit span{font-size:10px}
	.sitemap > ul > li ul li a{font-size:14px}
	
	.teachList > ul > li{margin-bottom:20px;padding:20px}
	.teachList > ul > li .box{padding-left:0}
	.teachList > ul > li .box .photo{position:relative;margin-bottom:20px}
	.teachList > ul > li .box .btn a{width: 90px;font-size: 14px;line-height: 35px;}
	.teachList > ul > li .box dl dt span{display:block;width:100%;max-height:none}
	
	.popFix{padding:10px;}
	.popFix .popCon{top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);}
	.popFix .popCon h2{padding-left: 20px;font-size: 18px;line-height: 50px;}
	.popFix .popCon .btn-pop-close{top: 0;right: 0;width: 50px;height: 50px;}
	.popFix .popCon .teachCon{padding:10px;height:calc(100% - 65px);overflow:auto}
	.popFix .popCon .teachCon .teachInforTop{background-size:auto 100px}
	.popFix .popCon .teachCon .teachInforTop .box{padding:40px 20px 20px;text-align:center}
	.popFix .popCon .teachCon .teachInforTop .box .photo{position:relative;top:0;left:0;display:inline-block;width:140px}
	.popFix .popCon .teachCon .teachInforTop .box dl dt span::before{left:50%;margin-left:-10px}
	.popFix .popCon .teachCon .teachInforTop .box dl dd ul{text-align:left}
	.popFix .popCon .teachCon .teachInfor{padding:0 10px;height:auto;}
	.popFix .popCon .teachCon .teachInfor h4{margin: 25px 0 10px;padding-left:15px; font-size: 16px;}
	.popFix .popCon .teachCon .teachInfor h4::before{top:7px}
	.popFix .popCon .teachCon .teachInfor h5{margin:10px 0 5px 5px}
	.popFix .popCon .teachCon .teachInfor p, .popFix .popCon .teachCon .teachInfor ol, .popFix .popCon .teachCon .teachInfor ul{padding-left:10px}

	.layPop .box .con{padding:20px}
	.layPop .box .btnClose{width: 40px;height: 40px;}

	.guidTxt .btn{width:100%;margin-right:0;margin-top:10px}
	
	/* .pdf 여러개 올리기 */
	.pdf_list_con .ltcon ul li{width:100%;margin-right:0;border-right:none}
	.pdf_list_con .ltcon ul li:nth-child(3n){margin-right:0;border-right:none}
	.pdf_list_con .ltcon ul li:nth-child(4n){margin-right:0;border-right:none}
	.pdf_list_con .ltcon ul li:nth-child(2n){margin-right:0;border-right:none}
}

/*btn*/
.btnBc-link{display:inline-block; border:1px solid #084bbb; border-radius:5px; margin:5px 10px;}
.btnBc-link a{display:block; color:#084bbb; position:relative; padding:15px 80px 15px 15px;}
.btnBc-link a:after{position:absolute; right:0; top:0; background:#084bbb url(/_res/deu/_share/img/link-btn-ico.png) no-repeat center 50%; content:""; width: 55px; height:100%; border-radius:0 5px 5px 0;}
.btnBc-link a:hover{color:#ffffff; background:#0d377e;}

/*정렬*/
.taC{text-align: center}

/*장학 레이어 팝업*/
.layPop_jang{position:fixed;top:0;left:0;padding:30px;width:100%;height:100%;text-align: center;background:rgba(0,0,0,0.5);z-index:500}
.layPop_jang .llayPopCon{position:absolute;top:40px;left:50%;width:100%;max-width:1300px;text-align: left;vertical-align:middle;background:#fff;border-radius:18px;overflow:hidden;transform:translateX(-50%);-webkit-transform:translateX(-50%); height:800px; overflow-y: scroll;}
.layPop_jang .llayPopCon .tit{padding-left:40px;font-size:24px;color:#fff;line-height:70px;font-weight:500;background:#084bbb}
.layPop_jang .llayPopCon .Pop_Con{padding:0 40px 40px 40px; }
.layPop_jang .llayPopCon .btn-pop-close{position:absolute;top:0;right:0;width:70px;height:70px;text-indent:-999px;overflow:hidden;}
.layPop_jang .llayPopCon .btn-pop-close::before{position:absolute;top:50%;left:50%;margin-left:-30%;width:40%;height:0;content:'';border-top:3px solid #fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.layPop_jang .llayPopCon .btn-pop-close::after{position:absolute;top:50%;left:50%;margin-left:-30%;width:40%;height:0;content:'';border-top:3px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
@media all and (max-width:1300px){
.layPop_jang .llayPopCon{top:40px;left:40px;width:calc(100% - 80px);transform:translateX(0);-webkit-transform:translateX(0)}
}



/*평생교육원 CMS 수강강좌관리*/
.cms-iframe-manage #sub-wrapper .h3-tit{font-size:45px;font-weight:500;margin:50px 0;text-align:center}
.cms-iframe-manage .con-box{margin:40px auto}
.cms-iframe-manage .sub-con{width:1400px;margin:70px auto 140px auto;color:#333;font-size:1.1rem;letter-spacing:-1px}
.cms-iframe-manage .sub-con p{line-height:1.6;}
.cms-iframe-manage .sub-con .h4-tit{font-size:40px;font-weight:500;margin-bottom:30px}
.cms-iframe-manage .sub-con .h5-tit{position:relative;font-size:28px;font-weight:600;margin-bottom:20px;padding-left:20px}
.cms-iframe-manage .sub-con .h5-tit:before{position:absolute;top:10px;left:0;content:"";width:5px;height:25px;background-color:#0066d8}
.cms-iframe-manage .tbl-row{width:100%;border-top:3px solid #727272}
.cms-iframe-manage .tbl-row th,
.cms-iframe-manage .tbl-row td{border:1px solid #d5d5d5}
.cms-iframe-manage .tbl-row tr th:first-child{border-left:0}
.cms-iframe-manage .tbl-row tr:first-child th,
.cms-iframe-manage .tbl-row tr:first-child td{border-top:0}
.cms-iframe-manage .tbl-row tr th:last-child,
.cms-iframe-manage .tbl-row tr td:last-child{border-right:0}
.cms-iframe-manage .tbl-row tbody th{background-color:#f7f8fa;padding:20px 30px;text-align:left;white-space:nowrap;border-right:0}
.cms-iframe-manage .tbl-row tbody td{padding:20px 30px}
.cms-iframe-manage .tbl-row tbody tr td:nth-of-type(1){border-left:0}
.cms-iframe-manage .tbl-row .input-select{width:50%;border-color:#d9d9d9}
.cms-iframe-manage .tbl-row .radio-wrap + .frm-call-wrap{margin-top:10px}

@media (max-width:1400px){
	.cms-iframe-manage .sub-con{width:100%;margin:50px auto 100px auto;padding:0 20px}
}

@media (max-width:1200px){
	.cms-iframe-manage #sub-wrapper .h3-tit{font-size:2.25rem;margin:50px 0}
	.cms-iframe-manage .sub-con .h4-tit{font-size:2rem;margin-bottom:20px}
	.cms-iframe-manage .sub-con .h5-tit{font-size:1.8rem;margin-bottom:20px;padding-left:15px}
	.cms-iframe-manage .sub-con .h5-tit:before{height:15px}
	
	.cms-iframe-manage .con-box{margin:30px auto}
}

@media (max-width:1024px){
	.cms-iframe-manage .sub-con{font-size:1rem}
}

@media (max-width:720px){
	.cms-iframe-manage .sub-con .h4-tit{font-size:1.4rem}
	.cms-iframe-manage .sub-con .h5-tit{font-size:1.2rem;padding-left:10px}
	.cms-iframe-manage .sub-con .h5-tit:before{height:17px;width:4px; top:5px;}

	.cms-iframe-manage .tbl-row tbody th{display:block;width:100%;border-bottom:0;padding:15px}
	.cms-iframe-manage .tbl-row tbody td{display:block;padding:15px;border-top:0}
	.cms-iframe-manage .tbl-row .input-select{width:100%}
	.cms-iframe-manage .tbl-row tbody td.input-half .input-text{width:100%;}
}