@charset "utf-8";
/****************************************/
/* Name: 동의대학교 교직과
/* PART: STYLE 
/* Version: 2.0 / day: 2025-02-19
/* Author: 
/* Writer: Eun
/****************************************/

/* suite - english */
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: url('/_res/deu/_share/etc/SUITE-Light.woff2') format('woff2');
	unicode-range: U+0041-005A, U+0061-007A;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('/_res/deu/_share/etc/SUITE-Regular.woff2') format('woff2');
	unicode-range: U+0041-005A, U+0061-007A;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('/_res/deu/_share/etc/SUITE-Medium.woff2') format('woff2');
	unicode-range: U+0041-005A, U+0061-007A;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('/_res/deu/_share/etc/SUITE-SemiBold.woff2') format('woff2');
	unicode-range: U+0041-005A, U+0061-007A;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('/_res/deu/_share/etc/SUITE-Bold.woff2') format('woff2');
	unicode-range: U+0041-005A, U+0061-007A;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('/_res/deu/_share/etc/SUITE-ExtraBold.woff2') format('woff2');
	unicode-range: U+0041-005A, U+0061-007A;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('/_res/deu/_share/etc/SUITE-Heavy.woff2') format('woff2');
	unicode-range: U+0041-005A, U+0061-007A;
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 900;
	src:url(/_res/deu/_share/etc/Paperlogy-9Black.ttf) format('TrueType')
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 800;
	src:url(/_res/deu/_share/etc/Paperlogy-8ExtraBold.ttf) format('TrueType')
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 700;
	src:url(/_res/deu/_share/etc/Paperlogy-7Bold.ttf) format('TrueType')
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 600;
	src:url(/_res/deu/_share/etc/Paperlogy-6SemiBold.ttf) format('TrueType');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 500;
	src:url(/_res/deu/_share/etc/Paperlogy-5Medium.ttf) format('TrueType');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 400;
	src:url(/_res/deu/_share/etc/Paperlogy-4Regular.ttf) format('TrueType')
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 300;
	src:url(/_res/deu/_share/etc/Paperlogy-3Light.ttf) format('TrueType')
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 200;
	src:url(/_res/deu/_share/etc/Paperlogy-2ExtraLightt.ttf) format('TrueType');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 100;
	font-display: swap;
	src: url(/_res/deu/_share/etc/Paperlogy-1Thin.ttf) format('TrueType');
}

@font-face {
    font-family:"DWImpactamin";
    src: url("/cms/etcResourceOpen.do?site=$cms$E4OwJkA&key=$cms$CIdQkgtgDghgxgFxhAlgOwHQIQMyA");
}

:root{
	--color-m:#0057A6;
	--color-h:#072c6a;
	--color-red: #DC3545;
	--category-s:#0057A6;
	--category-sc:#7AC2F8;
}

body{line-height:normal}

.btn-ico{margin:5px;max-width:max-content}
.btn-ico span{display:flex;align-items:center;gap:5px}
.h2-tit{font-family:'Paperlogy';font-size:3rem;font-weight:700;margin-bottom:20px}
.minner{width:1440px;margin:0 auto}
.top-hd{background-color:var(--color-m);position:fixed;top:0;left:0;width:100%;height:50px;z-index:100}
.top-hd .minner{display:flex;align-items:center;height:100%;justify-content:flex-end}
.top-hd .item{color:#fff;padding-left:20px;background:url('../img/comm/ico-home.png') left center no-repeat}
.top-hd .item.login{position:relative;background-image:url('../img/comm/ico-user.png');margin-left:40px}
.top-hd .item.login::before{position:absolute;left:-20px;top:50%;transform:translateY(-50%);height:16px;width:1px;content:"";background-color:rgba(255,255,255,.8)}

#header{top:50px}
#gnb{padding-right:0}
#container{padding-top:150px}
.mVisual{margin:0 auto;padding:0;height:60vh}
.mVisualWrap{background-color:transparent;max-width:100%;max-height:100%;height:100%;border-radius:0;display:flex;align-items:center}
.mVisualWrap .topTxt-box{position:relative;z-index:10;max-width:1440px;margin:0 auto;width:100%}
.mVisualWrap .topTxt-box .subject{font-size:3rem;font-family:'Paperlogy';font-weight:700;line-height:1.4}
.mVisualWrap .topTxt-box .subject-con{margin-top:20px;font-size:1.25rem;word-break:keep-all}
.mVisualWrap .visualSlide{width:100%}
.mVisualWrap .visualSlide ul li img{width:100%;height:100%;position:absolute}
.mVisualWrap .swiper-wrapper{transition: none !important; /* 슬라이드 이동 애니메이션 제거 */transform: none !important; /* 이동 자체를 방지 */}

.mQuick{min-height:auto;padding:50px 0;background-color:#fff}
.mQuick ul{gap:20px;justify-content:space-around}
.mQuick ul li a{padding-top:0;color:#444;font-size:1.25rem;font-weight:600}
.mQuick ul li a:hover{color:var(--color-m)}
.mQuick .ico{background-color:#F9F9FA;width:140px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:20px;aspect-ratio:1/1;margin:0 auto 10px auto}

.main-board{position:relative;overflow:hidden;padding:100px 0;background-color:#FAFAFA;z-index:10}
.main-board .minner{position:relative}
.main-board .h2-tit{position:absolute;left:0;top:-10px}
.main-board .board-notice-wrap{position:relative;z-index:100}
.main-board .tab-wrap{display:flex;justify-content:flex-end;gap:20px;align-items:center;margin-right:100px;margin-bottom:50px}
.main-board .tab-item{position:relative;color:#666;font-size:1.25rem;font-weight:500;padding:0 5px 10px 5px;color:#999999}
.main-board .tab-item::before{position:absolute;left:50%;bottom:0;background-color:var(--color-m);content:"";height:2px;width:0;transition:.3s;transform:translateX(-50%)}
.main-board .tab-item:hover::before,
.main-board .tab-item.on::before{width:100%}
.main-board .tab-item:hover,
.main-board .tab-item.on{color:var(--color-m);text-decoration:none}
.main-board .board-wrap{display:flex;gap:20px;flex-wrap:wrap}
.main-board .board-wrap .item{background:url('/_res/deu/www/img/main/logo-w.png') #fff calc(100% - 45px) calc(100% - 50px) no-repeat;border-radius:15px;padding:30px 20px;position:relative;width:calc(25% - 15px);height:240px;border:1px solid #EEEEEE}
.main-board .board-wrap .item:hover{background-color:var(--color-h);color:#fff;box-shadow:5px 5px 20px rgba(0,0,0,.2)}
.main-board .board-wrap .item:hover .board-date{color:#fff}
.main-board .board-wrap .item:hover .category{color:var(--color-h);background-color:#fff}
.main-board .board-wrap .category{width:90px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:var(--category-s);border-radius:100px}
.main-board .board-wrap .category.sc{background-color:var(--category-sc)}
.main-board .board-notice-wrap .btn-more{position:absolute;top:-8px;right:0}
.main-board .board-notice-wrap .board-subject{font-size:1.25rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;height:3.2em;;white-space:wrap;line-height:1.6;margin:20px 0;font-weight:600;overflow:hidden}
.main-board .board-notice-wrap .board-con{font-size:1.125rem;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;height:4.5em;;white-space:wrap;line-height:1.6;margin:20px 0}
.main-board .board-notice-wrap .board-date{opacity:.8}
.main-board .tab-con:not(:first-child){display:none}
.btn-more{display:block;width:50px;height:50px;text-indent:-999%;overflow:hidden;border-radius:50%;background:url('../img/main/ico-plus.png') center no-repeat;transition:.3s}
.btn-more:hover{transform:rotate(-90deg)}

.main-info{background:url('../img/main/ming02.png') center/cover no-repeat;padding:100px 0}
.main-info .minner{display:flex;gap:20px}
.main-info .item{border:2px solid transparent;border-radius:10px;padding:30px 20px;display:block;position:relative;flex:1;height:280px;color:#fff;background-color:rgba(255,255,255,.2)}
.main-info .item:hover{text-decoration:none;border-color:#fff}
.main-info .item:hover .ico{opacity:1}
.main-info .subject{font-size:1.875rem;font-family:'Paperlogy';font-weight:600}
.main-info .subject-con{font-size:1.25rem;margin-top:10px}
.main-info .ico{position:absolute;bottom:30px;right:20px;opacity:.7}

/*메인 비주얼*/
#container .contents .cont_vis{width:100%; height:660px; position:relative; overflow:hidden;}
#container .contents .cont_vis .img_box{z-index:1; position:absolute; top:0; height:100%; left:calc(50% + 10px); width:calc(50% + 10px); overflow:hidden;}
#container .contents .cont_vis .img_box img{height:auto; width:100%;}
#container .contents .cont_vis .center_box{z-index:2; position:absolute; top:0; height:100%; right:calc(50% - 200px); width:calc(50% + 200px); background:#0058a3; border-top-right-radius:100px;}
#container .contents .cont_vis .bg_box{position:relative; height:100%;}
#container .contents .cont_vis .bg_box span{position:absolute; bottom:0; left:0; width:100%; height:230px; background:#0961ab;}
#container .contents .cont_vis .emb_box{position:absolute; left:-47px; top:120px; z-index:3; opacity:0.04;}
#container .contents .cont_vis .vis_textbox{max-width:1420px; margin:0 auto; padding:120px 30px 0 30px; position:relative; z-index:5;}
#container .contents .cont_vis .vis_textbox .slogan span{font-family: 'IM_Hyemin-Bold'; font-style:italic; font-weight:bold; font-size:26px; color:#68baff;}
#container .contents .cont_vis .vis_textbox .slogan h1{margin-top:35px; font-family: 'DWImpactamin'; font-size:35px; line-height:50px; color:#ffffff;margin-bottom:50px}
#container .contents .cont_vis .vis_textbox .icon_list{font-size:0; text-align:left; padding-top:130px; margin-left:-30px;}
#container .contents .cont_vis .vis_textbox .icon_list li{display:inline-block; vertical-align:top; text-align:center; /*width:180px;*/width:270px; text-align:center; padding-top:10px;}
#container .contents .cont_vis .vis_textbox .icon_list li:hover{background:url('../img/pc/main/img_liOn.png') 30% 0 no-repeat;}
#container .contents .cont_vis .vis_textbox .icon_list li img{margin:0 auto; display:block;}
#container .contents .cont_vis .vis_textbox .icon_list li span{display:block; font-size:20px; font-weight:400; color:#ffffff; padding-top:23px;}


/*공지사항*/
#container .contents .cont_notice{width:100%; background:#ecf0f6;}
#container .contents .cont_notice .nt_wrap{/*max-width:1650px;*/max-width:1420px; margin:0 auto; font-size:0; text-align:left; padding:70px 30px;}
#container .contents .cont_notice .nt_wrap .nt_titlebox{width:360px; display:inline-block; vertical-align:top;}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_title{font-size:55px; display:block; font-weight:500;}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_text{font-size:20px; line-height:1.4; display:block; margin-top:45px;}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button{font-size:0; text-align:left; margin-top:45px;}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button button{display:inline-block; vertical-align:top; border:1px solid #cccccc; cursor:pointer; margin-right:5px;}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button button:last-child{ margin-right:0;}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn{width:50px; height:50px; background:#ffffff url('/_res/deu/rnd/img/pc/main/img_btn_prev.png') center center no-repeat; text-indent:-9999px;}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn:hover{background:#0058a3 url('/_res/deu/rnd/img/pc/main/img_btn_prevOn.png') center center no-repeat; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn{width:50px; height:50px; background:#ffffff url('/_res/deu/rnd/img/pc/main/img_btn_next.png') center center no-repeat; text-indent:-9999px;}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn:hover{background:#0058a3 url('/_res/deu/rnd/img/pc/main/img_btn_nextOn.png') center center no-repeat; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn{display:inline-block; vertical-align:top; border:1px solid #cccccc; cursor:pointer; box-sizing:border-box;}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn:hover{}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a{display: block; font-size:0; padding:14px 20px 14px 20px; background:#fff; color:#333;}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a:hover{background:#0058a3; color:#fff; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a em{font-size:20px; line-height:20px; display:inline-block; vertical-align:top;}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a span{margin-left:12px; width:19px; height:20px; background:url(/_res/deu/rnd/img/pc/main/img_btn_more.png) 50% 50% no-repeat; display:inline-block; vertical-align:top;}
#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a:hover span{background:url('/_res/deu/rnd/img/pc/main/img_btn_moreOn.png') 50% 50% no-repeat; display:inline-block; vertical-align:top; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}

#container .contents .cont_notice .nt_wrap .nt_textbox{width:calc(100% - 360px); display:inline-block; vertical-align:top; line-height:1.4;}
#container .contents .cont_notice .nt_wrap .nt_textbox ul{font-size:0; text-align:left;}
#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list{background:#ffffff; display:inline-block; vertical-align:top; width:395px; margin-right:50px; border-radius:10px;}
#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list:last-child{margin-right:0;}
#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list:hover{box-shadow: 2px 2px 30px rgba(9,97,171,0.2); -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list:hover a span{text-decoration : underline;}
#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a{display:block; padding:50px 40px;}
#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a span{display:block;}
#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_title{font-size:24px; font-weight:bold; word-break:keep-all; width:100%; height:66px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_contents{font-size:20px; width:100%; height:60px; margin:25px 0; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_date{font-size:18px; color:#888888;}

/*게시판*/
#container .contents .cont_board{/*max-width:1650px;*/max-width:1420px; margin:0 auto; padding:70px 30px; line-height:1.4; font-size:0; text-align:left;}
#container .contents .cont_board .board_box{width:48.5%; display:inline-block; vertical-align:top; border:1px solid #cccccc; box-sizing:border-box; background:#ffffff; padding:50px; *zoom:1;min-height:360px;}
#container .contents .cont_board .rnd_box{margin-right:3%;}
#container .contents .cont_board .board_box:after { content:""; clear:both; display:block; }
#container .contents .cont_board .board_box .board_box_top{*zoom:1;}
#container .contents .cont_board .board_box .board_box_top:after{ content:""; clear:both; display:block; }
#container .contents .cont_board .board_box .board_title{font-weight:500; font-size:30px; line-height:50px;}
#container .contents .cont_board .board_box .more_btn{float:right; border: 1px solid #cccccc; box-sizing: border-box;}
#container .contents .cont_board .board_box .more_btn a{display: block; font-size:0; padding:15px 20px; background:#ffffff; color:#333333;}
#container .contents .cont_board .board_box .more_btn a:hover{background:#0058a3; color:#ffffff; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#container .contents .cont_board .board_box .more_btn a em{font-size:20px; line-height:20px; display:inline-block; vertical-align:top;}
#container .contents .cont_board .board_box .more_btn a span{margin-left:12px; width: 19px; height: 20px; background: url('/_res/deu/rnd/img/pc/main/img_btn_more.png') 50% 50% no-repeat; display: inline-block; vertical-align: top;}
#container .contents .cont_board .board_box .more_btn a:hover span{background: url('/_res/deu/rnd/img/pc/main/img_btn_moreOn.png') 50% 50% no-repeat;}
#container .contents .cont_board .board_box .board_list{margin-top:40px;}
#container .contents .cont_board .board_box .board_list .li_textbox{font-size:22px;}
#container .contents .cont_board .board_box .board_list .li_textbox li{position:relative; line-height:40px; margin-bottom:15px; width:100%;}
#container .contents .cont_board .board_box .board_list .li_textbox li:nth-child(n + 4){display:none;}
#container .contents .cont_board .board_box .board_list .li_textbox .li_new .ban_new{display:inline-block; vertical-align:top; background:#f63c8b; font-size:16px; line-height:40px; color:#ffffff; width:66px; text-align:center; margin-right:20px;}
#container .contents .cont_board .board_box .board_list .li_textbox li a{font-size:22px; color:#333; display:inline-block; vertical-align:top; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; max-width:calc(100% - 137px);}
#container .contents .cont_board .board_box .board_list .li_textbox li.li_new a{max-width:calc(100% - 223px);}
#container .contents .cont_board .board_box .board_list .li_textbox li .ban_date{font-size:20px; color:#818181; position:absolute; top:0; right:0; text-align:right; letter-spacing:0; width:137px; padding-right:10px;}

/* 오시는 길 */
.location-box .root_daum_roughmap{width:100%}
.root_daum_roughmap.root_daum_roughmap_landing .cont{display:none}
.btn_common{margin:0 auto;text-align:center;min-width:150px;padding:10px;border-radius:5px;border:1px solid #084bbb;color:#084bbb;display:inline-block;transition:all 0.2s;}
.btn_common span{position:relative;padding-left:20px;}
.btn_common:hover{text-decoration:none;color:#fff;background:#084bbb;}
.btn_down span::before{position:absolute;background:url('/_res/deu/education/img/ic_down02.png') left top/contain no-repeat;width:15px;height:15px;left:0;top:5px;content:'';}
.btn_down:hover span::before{background:url('/_res/deu/education/img/ic_down02_on.png') left top/contain no-repeat}
.btn_go span::before{position:absolute;background:url('/_res/deu/education/img/ic_go.png') left top/contain no-repeat;width:15px;height:15px;left:0;top:5px;content:'';}
.btn_go:hover span::before{background:url('/_res/deu/education/img/ic_go_on.png') left top/contain no-repeat}
.gray_box{padding:40px;border:1px solid #ddd;background:#f8f8f8}
.ht_text{color:#ff0e6e;display:block}
.flo_r{float:right}
.box_flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.left_box{width:calc(100% - 200px);padding-right:50px;}
.right-box{width:150px;}
@media all and (max-width:1920px){
	#container .contents .cont_vis .img_box{width:100%;}
	#container .contents .cont_vis .img_box img{height:100%; width:auto;}
}

@media(max-width:1440px){
	.minner{width:100%;padding:0 40px}	
	#header .head_box .logo{left:40px}
	.mVisualWrap .topTxt-box{padding:0 40px}
	.main-board .h2-tit{left:40px}
}

@media(max-width:1200px){
	.mVisualWrap .visualSlide{position:absolute}
	.mVisualWrap .topTxt-box .subject{font-size:2.25rem}
	.mVisualWrap .topTxt-box .subject-con{font-size:1.125rem}
	
	.main-board .tab-wrap{margin-right:90px}
	.main-board .board-notice-wrap .btn-more{top:-10px}
	.main-board .board-notice-wrap .board-subject{font-size:1.125rem}
	
	#container .contents .cont_vis{height:auto;}
	#container .contents .cont_vis .img_box{position:relative; left:0; height:40vh;}
	#container .contents .cont_vis .img_box img{height:auto; width:100%;}
	#container .contents .cont_vis .center_box{display:none;}
	#container .contents .cont_vis .emb_box{position:absolute; left:auto; top:auto; z-index:7; opacity:0.04; right:-47px; bottom:15%; height:40%;}
	#container .contents .cont_vis .emb_box img{width:auto; height:100%;}
	#container .contents .cont_vis .vis_textbox{padding:0; background:#0058a3; border-top-right-radius:80px; margin-top:-80px;}
	#container .contents .cont_vis .vis_textbox .slogan{padding:80px 50px 60px 50px;}
	#container .contents .cont_vis .vis_textbox .slogan img{width:60%;}
	#container .contents .cont_vis .vis_textbox .icon_list{margin-left:0; padding:5% 0; background:#0961ab;}
	#container .contents .cont_vis .vis_textbox .icon_list li{width:calc(100% / 3);}
	#container .contents .cont_vis .vis_textbox .icon_list li img{width:30%;}
	
	#container .contents .cont_board .board_box{width:100%;min-height:200px;height:auto;}
	#container .contents .cont_board .rnd_box{margin-right:0; margin-bottom:30px;}
}

@media(max-width:1024px){
	.mQuick ul{flex-wrap:wrap}
	.mQuick ul li{width:calc(33.333% - 15px)}
	
	#container .contents .cont_vis .vis_textbox .slogan span{font-size: 22px;}
	#container .contents .cont_vis .vis_textbox .slogan h1{margin-top: 25px; font-size:30px; line-height:1.4}
	
	#container .contents .cont_notice .nt_wrap .nt_titlebox{width:100%; position:relative; margin-bottom:30px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_title{font-size:30px; line-height:30px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_text{font-size:18px; margin-top:10px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_text br{display:none;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button{position:absolute; top:0; right:0; margin-top:0;}
	#container .contents .cont_notice .nt_wrap .nt_textbox{width:100%;}
	
	.btn-more{width:30px;height:30px;background-size:24px}
	
	.main-board{padding:50px 0}
	.main-board .h2-tit{font-size:1.875rem}
	.main-board .scrolling-wrapper-po{display:none}
	.main-board .tab-wrap{gap:20px}
	.main-board .tab-item{font-size:1rem}
	.main-board .board-wrap .item{width:calc(50% - 10px)}
	.main-board .board-notice-wrap .btn-more{top:-3px}
	.main-board .tab-wrap{margin-right:40px;gap:0}

	.main-info{padding:50px 0}
	.main-info .subject{font-size:1.25rem}
	.main-info .subject-con{font-size:1rem}
}

@media(max-width:640px){
	#container{padding-top:60px}
	
	.mVisualWrap .topTxt-box{padding:0 20px}
	.mVisualWrap .topTxt-box .subject{font-size:1.875rem}
	.mVisualWrap .topTxt-box .subject-con{font-size:1rem}
	
	#container .contents .cont_vis .img_box{height:32vh;}
	#container .contents .cont_vis .vis_textbox .slogan{padding:40px 20px;}
	#container .contents .cont_vis .vis_textbox .slogan span{font-size: 18px;}
	#container .contents .cont_vis .vis_textbox .slogan h1{margin-top: 20px; font-size:1.25rem}
	#container .contents .cont_vis .vis_textbox .icon_list li img {height:50px;  width:auto;}
	#container .contents .cont_vis .vis_textbox .icon_list{padding:5%;}
	#container .contents .cont_vis .vis_textbox .icon_list li:hover{background:url('../img/mobile/main/img_liOn.png') 20% 0 no-repeat;}
	#container .contents .cont_vis .vis_textbox .icon_list li span{font-size:14px; padding-top:10px; word-break:keep-all;}
	#container .contents .cont_vis .vis_textbox .slogan span{font-size: 15px;}
	#container .contents .cont_vis .img_box{height:35vh;}
	#container .contents .cont_vis .img_box img{margin-top:-30px;}
	#container .contents .cont_vis .vis_textbox .slogan span{font-size: 13px;}
	#container .contents .cont_vis .vis_textbox .icon_list li img{height:40px;}
	#container .contents .cont_vis .vis_textbox .slogan span{font-size: 12px;}
	#container .contents .cont_notice .nt_wrap{padding:60px 20px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_title{font-size:30px; line-height:30px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_text{font-size:16px; margin-top:15px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button{top:-6px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn{width:40px; height:40px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn{width:40px; height:40px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a{padding:10px 20px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a em{font-size:15px; line-height:20px;}
	#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a{padding:30px;}
	#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_title{font-size:18px; height:50px;}
	#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_contents{font-size: 16px; height: 45px; margin: 20px 0;}
	#container .contents .cont_board{padding:60px 20px;}
	#container .contents .cont_board .board_box{padding:30px;}
	#container .contents .cont_board .board_box .board_title{line-height:40px;}
	#container .contents .cont_board .board_box .more_btn a{padding:10px 20px;}
	#container .contents .cont_board .board_box .more_btn a em{font-size:15px; line-height:20px;}
	#container .contents .cont_board .board_box .board_list{margin-top:20px;}
	#container .contents .cont_board .board_box .board_list .li_textbox li{line-height:30px; margin-bottom:8px;}
	#container .contents .cont_board .board_box .board_list .li_textbox li a{font-size:16px; max-width: calc(100% - 109px);  line-height: 30px;}
	#container .contents .cont_board .board_box .board_list .li_textbox li .ban_date{font-size:15px; line-height: 30px;}
	#container .contents .cont_board .board_box .board_list .li_textbox .li_new .ban_new{font-size:14px; margin-right:10px; line-height: 30px; width: 60px;}
	#container .contents .cont_board .board_box .board_list .li_textbox li.li_new a{max-width: calc(100% - 200px);  line-height: 30px;}
	
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_title{font-size:24px; line-height:24px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button{top:-6px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn{width:30px; height:30px; background: #ffffff url('/_res/deu/rnd/img/mobile/main/img_btn_prev.png') center center no-repeat;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn:hover{background: #0058a3 url('/_res/deu/rnd/img/mobile/main/img_btn_prevOn.png') center center no-repeat;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn{width:30px; height:30px; background: #ffffff url('/_res/deu/rnd/img/mobile/main/img_btn_next.png') center center no-repeat;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn:hover{background: #0058a3 url('/_res/deu/rnd/img/mobile/main/img_btn_nextOn.png') center center no-repeat;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a{padding:5px 10px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a em{font-size:10px; line-height:20px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a span{margin-left:5px; background: url('/_res/deu/rnd/img/mobile/main/img_btn_more.png') 50% 50% no-repeat;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a:hover span{background: url('/_res/deu/rnd/img/mobile/main/img_btn_moreOn.png') 50% 50% no-repeat;}
	#container .contents .cont_board .board_box .board_list .li_textbox li{margin-bottom:10px;}
	#container .contents .cont_board .board_box .board_list .li_textbox li .ban_date{display:none;}
	#container .contents .cont_board .board_box .board_list .li_textbox li.li_new a{max-width: calc(100% - 76px);}
	#container .contents .cont_board .board_box .board_list .li_textbox li a{max-width:100%;}
	#container .contents .cont_board .board_box .board_title{font-size:20px; line-height: 30px;}
	#container .contents .cont_board .board_box .more_btn a{padding:5px 10px;}
	#container .contents .cont_board .board_box .more_btn a em{font-size: 10px;  line-height: 20px;}
	#container .contents .cont_board .board_box .more_btn a img{width:24px;  padding-top:3px;}
    #container .contents .cont_notice .nt_wrap {padding: 40px 20px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_text{font-size:13px; margin-top:10px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button{top:-6px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn{width:30px; height:30px; background: #ffffff url('/_res/deu/rnd/img/mobile/main/img_btn_prev.png') center center no-repeat;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn:hover{background: #0058a3 url('/_res/deu/rnd/img/mobile/main/img_btn_prevOn.png') center center no-repeat;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn{width:30px; height:30px; background: #ffffff url('/_res/deu/rnd/img/mobile/main/img_btn_next.png') center center no-repeat;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn:hover{background: #0058a3 url('/_res/deu/rnd/img/mobile/main/img_btn_nextOn.png') center center no-repeat;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a{padding:5px 10px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a em{font-size:10px; line-height:20px;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a span{margin-left:5px; background: url('/_res/deu/rnd/img/mobile/main/img_btn_more.png') 50% 50% no-repeat;}
	#container .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a:hover span{background: url('/_res/deu/rnd/img/mobile/main/img_btn_moreOn.png') 50% 50% no-repeat;}
	#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a{padding:25px;}
	#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_title{font-size:20px; height:52px;}
	#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_contents{font-size:16px; height:42px;}
	#container .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_date{font-size:16px; }
	#container .contents .cont_board{padding:40px 20px;}
	#container .contents .cont_board .board_box{padding:25px;}
	#container .contents .cont_board .board_box .board_list .li_textbox li{line-height:30px; margin-bottom:5px;}
	#container .contents .cont_board .board_box .board_list .li_textbox .li_new .ban_new{font-size:13px; width:50px; line-height:30px;}
	#container .contents .cont_board .board_box .board_list .li_textbox li a{font-size:14px;  line-height:30px;}

	.mQuick ul li a{font-size:1rem}
	.mQuick .ico{width:80px;padding:10px}
	.mQuick .ico img{max-width:70%}
	
	.main-board .h2-tit{font-size:1.5rem;left:20px;top:-2px}
	.main-board .board-wrap .item{width:100%;height:auto}
	
	.main-info .minner{flex-direction:column}
	.main-info .item{padding:20px 20px 50px 20px}
	.main-info .ico{bottom:20px;width:30px}
	
	#header .head_box .logo{left:20px}
	.minner{padding:0 20px}
}