@import url("/common/css/layout.css");
@import url("layout_ctm.css");


/* show animation */
*[class*="mt-act"]{opacity: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;}
*[class*="mt-act"][class$="-left"]{transform: translateX(-50px); -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); -moz-transform: translateX(-50px);}
*[class*="mt-act"][class$="-right"]{transform: translateX(100px); -webkit-transform: translateX(100px); -ms-transform: translateX(100px); -moz-transform: translateX(100px);}
*[class*="mt-act"][class$="-top"]{transform: translateY(-30px); -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -moz-transform: translateY(-30px);}
*[class*="mt-act"][class$="-bottom"]{transform: translateY(50px); -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -moz-transform: translateY(50px);}
.action *[class*="mt-act"]{opacity: 1;}
.action *[class*="mt-act"][class$="-left"],
.action *[class*="mt-act"][class$="-right"]{transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px);}
.action *[class*="mt-act"][class$="-top"],
.action *[class*="mt-act"][class$="-bottom"]{transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px);}
.action *[class*="mt-act1"]{transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
.action *[class*="mt-act2"]{transition-delay: 0.4s; -webkit-transition-delay: 0.4s;}
.action *[class*="mt-act3"]{transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
.action *[class*="mt-act4"]{transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
.action *[class*="mt-act5"]{transition-delay: 1s; -webkit-transition-delay: 1s;}
.action *[class*="mt-act6"]{transition-delay: 1.2s; -webkit-transition-delay: 1.2s;}
.action *[class*="mt-act7"]{transition-delay: 1.4s; -webkit-transition-delay: 1.4s;}
.action *[class*="mt-act8"]{transition-delay: 1.6s; -webkit-transition-delay: 1.6s;}
.action *[class*="mt-act9"]{transition-delay: 1.8s; -webkit-transition-delay: 1.8s;}
.action *[class*="mt-act10"]{transition-delay: 2s; -webkit-transition-delay: 2s;}


.section h3{font-size:1.5rem; font-weight: 700; color:#000;}
.section h3 em{font-weight: 700; color:#00969a;}

/* section_sm02 */
.section_sm02{position:relative; padding:4.25rem 0 3rem;}
.section_sm02:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:13.5rem; background:#ccc url('/images/web/smile/main/pttrn_section05.png'); z-index: 1;}
.section_sm02:after{content:""; position:absolute; right:50%; top:2rem; margin-right:-35rem; width:240px; height:264px; background:url('/images/web/smile/main/bg_section05.png') no-repeat center/cover; z-index: 0; transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; }
/** section_sm02 : active **/
.section_sm02.action:after{top:0;}

/* 퀵메뉴 */
.quickMenu{border-radius: 1rem 0 0 1rem; overflow: hidden; position:fixed; right:0; top:142px; width:6.1rem; text-align:center; background:#fff;  z-index:998; transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all .3s;}
.quickMenu a{display:block; padding:.5rem 0; font-size:.75rem; font-weight:400;}
.quickMenu h3{ background:#01aeb2 url(/images/web/smile/main/quickMenu_ico.png) no-repeat left top; color:#fff; font-weight: 700; font-size:.9rem; padding:1.15rem 0;}
.quickMenu ul{border:1px solid #dcdcdc;}
.quickMenu li + li{border-top:1px solid #ddd;}
.quickMenu li a{font-size:0.7rem; font-weight:600; color:#333;}
.quickMenu li a:hover{color:#00969a;}
.quickMenu .moveTop{width: 100%; height: 2rem; background:#868c97; color:#fff; line-height: 1rem;}
.quickMenu .moveTop i{display: none;}




/* ----------------section01---------------- */

.section01 .container{ position: relative; display: flex; padding: 2rem 0; margin-bottom: 2rem;}
.section01 .container::before{content: ''; display: block; position: absolute; left: 28rem; top: 0; bottom: 0; width: 0; background: #e4f5f8 url(/images/web/smile/main/img_bg01.png) no-repeat left 47rem bottom 20rem; border-bottom-left-radius: 1rem; z-index: -1; transition:width 2s 0.5s, background-position 0.5s 1s; }
.action.section01 .container::before{width: 300%;  background-position:left 47rem bottom -7rem;}
.section01 .container > *{flex-shrink: 0;}

/* visual */
.section01-1{width: calc(100% - 28.5rem); padding-right: 3.5rem;}
.visual{position:relative; /*height:25rem;선문수정*/ height:32rem;z-index:0; border-radius: 1.5rem; overflow: hidden; isolation: isolate;}

.visual div{height:100%;}
.visual .slider{position:relative; z-index:1;}
.visual .slideEl{position:relative;}
.visual .img{background: rgba(13, 82, 152, 0.1); height: 100%;}

.visual .control{display: flex; align-items: center; position:absolute; bottom:0; left:0; height:auto; z-index:1; background: rgba(38,44,75,0.8); padding: 1.1rem 1.5rem; border-top-right-radius: 1.5rem;}
.visual .control > a{display:block; width: 1.5rem; color:#fff; font-size: 1.3rem; line-height: 1;}
.visual .control > a.play{display:none;}
.visual .control > a:hover,
.visual .control > a:focus{color:#01aeb2;}
#visualPager{ display: flex; align-items: center;}
#visualPager em{display:inline-block; vertical-align: middle; text-align:center; color:#000; font-weight:400;}
#visualPager .current{ min-width: 0.75rem; line-height: 1; font-size: 1.2rem; font-weight: 700; color:#fff;}
#visualPager .total{ position: relative; margin-top: auto; padding-left: 1.3rem; line-height: 1; font-size: 0.8rem; color: #b9b9b9;}
#visualPager .total::before{content: ''; display: block; width: 5px; height: 1px; background: #b9b9b9; position: absolute; left: 0.5rem; top: 50%; transform: translateY(-50%);}
#visualPager p{position:relative; display:inline-block; width:5rem; height:8px; margin:0 0.8rem 0 0.2rem; vertical-align: middle; background:#727d94; border-radius: 1rem; overflow: hidden;}
#visualPager p span{position:absolute; left:0; top:0; width:0; height:8px; background:#d31945; border-radius: 1rem; }
.visual .control > a{transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s;}


/* visual 누락되어 추가 20240926 */
.visual .slogan{position:relative; width:100%; height:auto;text-align: center; margin-top:-25rem; word-break: keep-all; color:#fff; text-shadow:  0px 0px 10px #2a304f;}
/*.visual .slogan *{opacity: 0;}*/
.visual .slogan em{display:block; font-size:1.6rem; font-weight:600;}
.visual .slogan strong{display:block; font-size:2.3rem; font-weight:600; line-height:1.2; margin:1rem 0;}
.visual .slogan span{display:block; font-size:1.8rem; }


/* 바로가기 */
.m_link01{ width:28.5rem; }
.m_link01 h3{margin-top: 3rem; line-height: 1; font-size: 1.4rem; font-family: 'SUNMOON'; font-weight: normal;}
.m_link01 h3 img{display: inline-block; margin-right: 0.5rem; vertical-align: middle;}
.m_link01 h3 em{color: #0d5298; font-weight: normal;}


.m_link01 ul{position: relative; display:flex; flex-wrap: wrap; width:100%; background: #fff; box-shadow: 0 0 0.5rem rgba(152, 189, 195, 0.7); margin-top: 1.75rem; padding: 1.5rem 1rem; border-radius: 1.5rem;}
.m_link01 ul::before{content: ''; display: block; position: absolute; right: -1rem; top: -6.5rem; width: 11.5rem; height: 9.6rem; background: url(/images/web/smile/main/ico_deco01_01.png) no-repeat center center; z-index: -1;}
.m_link01 ul::after{content: ''; display: block; position: absolute; right: -1.1rem; top: -6.5rem; width: 11.5rem; height: 9.6rem; background: url(/images/web/smile/main/ico_deco01_02.png) no-repeat center center; z-index: 1;}
.m_link01 li{ width: 33.33%; position:relative; text-align:center; padding:1rem 0.2rem;}

.m_link01 li a{display:block;}
.m_link01 li .img img{display: block; margin: 0 auto; transition: all 0.3s; }
.m_link01 li .tit{ position: relative; display: inline-block; font-size: 0.9rem; background: #f3f3f3; border-radius: 1rem; letter-spacing: -1px; padding: 0 0.5rem; transition: all 0.3s;}
.m_link01 li .tit::after{ opacity: 0; position: absolute; right: 0rem; top: 50%; transform: translateY(-50%); content: "\eb80"; font-family: "remixicon"; color: #d31945; font-size: 1.5rem; line-height: 1; transition: all 0.3s; font-weight: 400 !important;}
.m_link01 li strong{padding:0 0.5rem; color:#111; font-size:.9rem; font-weight:600;}
.m_link01 li strong.pt{box-shadow:inset #d6f9fc 0 -0.7rem 0;}
.m_link01 li span{display:block; margin-top:.5rem; font-size:.75rem; font-weight: 400;}
/** 바로가기 : active **/
.m_link01 li a:hover .tit{background: #fcf1f4; font-weight: 700; padding: 0 0.8rem; }
.m_link01 li a:hover .tit::after,
.m_link01 li a:focus .tit::after{ right: -1rem; opacity: 1;}
.m_link01 li a:hover img,
.m_link01 li a:focus img{transform: rotateY(180deg);}

/* ----------------//section01---------------- */




/* ----------------section02---------------- */

.section02 .container{display: flex;}
.section02 .container > *{flex-shrink: 0;}

.notice01{width: calc(100% - 28.5rem); padding-right: 3.5rem; height: 27.5rem;}
.notice01 h3{ line-height: 1; font-size: 1.4rem; font-family: 'SUNMOON'; font-weight: normal; border-bottom: 2px solid #000; padding-bottom: 1.5rem; margin-bottom: 1rem;}
.notice01 h3 img{display: inline-block; margin-right: 0.5rem; vertical-align: middle;}

.notice01 .btn_more{display: flex; align-items: center; justify-content: center; position: absolute; right: 3.5rem; top: 0.2rem; line-height: 1; font-size: 0.8rem; transition: all 0.15s; }
.notice01 .btn_more em{font-weight: 600; margin-right: 0.2rem;}
.notice01 .btn_more i{display: flex; align-items: center; justify-content: center; height: 1.5rem; width: 1.5rem; margin-left: 0.7rem; border-radius: 50%; background: #fff; border: 1px solid #000; }
.notice01 .btn_more:hover,
.notice01 .btn_more:focus{font-weight: 700;}

/* 게시판 : 공지사항 ver1*/
.noticeVer1 ul{display: flex; flex-wrap: wrap;}
.noticeVer1 ul li{ display: flex; width: 33.33%; height: 11.75rem; background: linear-gradient(-45deg, #0d5298, #d31945);border-radius: 1rem;}
.noticeVer1 ul li a{ position: relative; display: block; width: 100%; padding: 1.5rem 1rem; background: #fff; transition: 0.15s;}
.noticeVer1 ul li a::after{ content: ''; display: block; position: absolute; left: 0; top: 2rem; bottom: 1rem; border-left: 1px solid #e0e0e0;}
.noticeVer1 ul li:nth-child(1) a::after,
.noticeVer1 ul li:nth-child(4) a::after{display: none;}
.noticeVer1 ul li a::before{ opacity: 0; content: "\ea70"; font-family: "remixicon"; position: absolute; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; color: #fff; background: #0d5298; border-radius: 0.9rem; font-size: 1.1rem; box-shadow: 0 0 0rem 0.3rem rgba(13, 82, 152, 0.2); z-index: 1; transition: 0.15s;}
.noticeVer1 ul li a .tit{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height: 2.7rem; font-size: 1rem; font-weight: 600; letter-spacing: -1px; line-height: 1.4rem;}
.noticeVer1 ul li a .txt{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height: 2rem; font-size: 0.8rem; font-weight: 400; letter-spacing: -1px; line-height: 1.1rem; color: #555; margin: 0.75rem 0 1.25rem;}
.noticeVer1 ul li a .date{font-size: 0.75rem;}
.noticeVer1 ul li a .date i{margin-right: 0.3rem;}
.noticeVer1 ul li.new a .date::before{content: "N"; font-size: 0.9rem; vertical-align: middle; line-height: 1; margin-right: 0.5rem; color: #d31945; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #fbe8ec;}

/* 게시판 : 공지사항 ver1 : active */
.noticeVer1 ul li a:hover,
.noticeVer1 ul li a:focus{ margin: 0.1rem; border-radius: 0.9rem; }
.noticeVer1 ul li a:hover::before{ border-radius: 0.8rem 0 0.8rem 0; animation: hover01 1s infinite; opacity: 1;}


@keyframes hover01 {
	0% {box-shadow: 0 0 0rem 0rem rgba(13, 82, 152, 0.2);}
	100% {box-shadow: 0 0 0rem 0.3rem rgba(13, 82, 152, 0.2);}
	100% {box-shadow: 0 0 0rem 0.5rem rgba(13, 82, 152, 0);}

}

/* 게시판 : 공지사항 ver2 */
.noticeVer2 ul li{display: flex;  background: linear-gradient(-45deg, #0d5298, #d31945);border-radius: 1rem; height: 4.35rem; }
.noticeVer2 ul li:nth-child(n+6){display: none;}
.noticeVer2 ul li ~ li{border-top: 1px solid #e6e6e6;}
.noticeVer2 ul li a{ width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 2rem; background: #fff; transition: 0.15s;}
.noticeVer2 ul li.new a{position: relative;}
.noticeVer2 ul li.new a::before{content: 'N'; position: absolute; left: 3rem; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #fbe8ec; color: #d31945; font-weight: 700; font-size:0.9rem;}
.noticeVer2 ul li.new a .tit{padding-left: 3.1rem;}
.noticeVer2 ul li a .tit{position: relative; font-size: 1rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0 1rem 0 1.1rem;}
.noticeVer2 ul li a .tit::before{content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0.3rem; height: 0.3rem; background: #6d6f71; border-radius: 50%;}
.noticeVer2 ul li a .txt{display: none;}
.noticeVer2 ul li a .date{flex-shrink: 0; display: block; width: 5.75rem; }
.noticeVer2 ul li a .date i{ margin-right: 0.5rem;}

.noticeVer2 ul li a:hover,
.noticeVer2 ul li a:focus{margin: 0.1rem;border-radius: 0.9rem;overflow: auto;}
.noticeVer2 ul li a:hover .tit::before,
.noticeVer2 ul li a:focus .tit::before{background: #d31945;}

/* 뉴스 */
.notice02{width: 28.5rem; height: 27.5rem;}
.notice02 h3{font-family: 'SUNMOON'; font-weight: normal; font-size: 1.4rem; line-height: 1; margin-bottom: 2.6rem;}
.notice02 h3 em{color: #d31945; font-weight: inherit; font-size: inherit;}
.notice02 ul li ~ li{margin-top: 1rem;}
.notice02 ul li a{display: flex; padding: 1.5rem; border: 1px solid #bbb; border-radius: 1rem; height: 10rem; transition: all 0.15s;}
.notice02 ul li a .img{flex-shrink: 0; width: 9rem; height: 7rem; border-radius: 0.5rem; overflow: hidden;}
.notice02 ul li a .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.notice02 ul li a dl{padding: 1rem 0 1rem 1rem;}
.notice02 ul li a dl dt{margin-bottom: 0.5rem; font-size: 0.9rem; font-weight: 700; line-height: 1.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height: 2.4rem;}
.notice02 ul li a dl dd{font-size: 0.8rem; color: #555; line-height: 1.1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height: 2.2rem;}

.notice02 .btn_more{display: flex; align-items: center; justify-content: center; position: absolute; right: 0rem; top: 0.2rem; line-height: 1; font-size: 0.8rem; transition: all 0.15s; }
.notice02 .btn_more em{font-weight: 600; margin-right: 0.2rem;}
.notice02 .btn_more i{display: flex; align-items: center; justify-content: center; height: 1.5rem; width: 1.5rem; margin-left: 0.7rem; border-radius: 50%; background: #fff; border: 1px solid #000; }

/** 뉴스 : active **/
.notice02 ul li a:hover{border: 2px solid #d31945; box-shadow: 0 0 0.4rem rgba(211, 25, 69, 0.4); }

.notice02 .btn_more:hover,
.notice02 .btn_more:focus{font-weight: 700;}

/* ----------------//section02---------------- */





/* ----------------section03---------------- */
.section03{margin: 2.5rem 0 3rem;}
.section03 .container{display: flex;}
.section03 .container > *{flex-shrink: 0;}

/* 학과갤러리 */
.photo{position: relative; width: calc(100% - 28.5rem); padding: 2.25rem 3.5rem 2rem 0;}
.photo::before{content: ''; display: block; position: absolute; width: 0; height: 100%; background: #2a304f url(/images/web/smile/main/img_bg02.png) no-repeat right 1rem bottom -1rem; border-radius: 1rem; top: 0; right: calc(100% - 21.5rem); z-index: -1; transition: 2s 0.5s;}
.action .photo::before{width: 300%; }
.photo::after{content: ''; display: block; position: absolute; width: 0;  background: url(/images/web/smile/main/img_bg03.png); border-radius: 1rem; top: 0; bottom: 1rem; right: 3.5rem; z-index: -2; transition: 2s 1s;}
.action .photo::after{width: 300%; }

.photo h3{position: relative; line-height: 1; font-size: 1.4rem; font-family: 'SUNMOON'; font-weight: normal; color: #fff;}
.photo h3 i{display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem;  position: absolute; left: 20rem; top: -3rem; background: #d31945; border-radius: 0 0.7rem 0.7rem 0.7rem;}
.photo h3 i::after{content: '';position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0.8rem solid transparent; border-bottom-color: #651326; border-top: 0; border-right: 0; transform: translateX(-100%); z-index: -1;}
.photo .box_con a{display: flex;}
.photo .box_con a .img{flex-shrink: 0; width: 19.5rem; height: 12.5rem; border-radius: 1rem; overflow: hidden; margin-top: 1rem;}
.photo .box_con a .img img{display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.photo .box_con a .txt_wrap{height: 100%; width: calc(100% - 19.5rem); padding: 0 3.25rem 0 5.45rem;}
.photo .box_con a .txt_wrap .tit{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height: 2.7rem; font-size: 1rem; font-weight: 600; line-height: 1.4rem; transition: all 0.15s;}
.photo .box_con a .txt_wrap .txt{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height: 2rem; font-size: 0.8rem; color: #555555; line-height: 1.1rem; margin: 1.7rem 0 2rem;}
.photo .box_con a .txt_wrap .date{font-size: 0.75rem; letter-spacing: -1px;}
.photo .box_con a .txt_wrap .date i{margin-right: 0.5rem;}
.photo .btn_more{display: flex; align-items: center; position: absolute; right: 6rem; bottom: 0rem; padding: 0.5rem 2rem; background: #fff; border: 1px solid #2a304f; line-height: 1; font-size: 0.8rem; border-radius: 5rem; transition: all 0.15s; }
.photo .btn_more em{font-weight: 600; margin-right: 0.2rem;}
.photo .btn_more i{display: flex; align-items: center; justify-content: center; height: 1.5rem; width: 1.5rem; margin-left: 0.7rem; border-radius: 50%; background: #eeeff1; }

/* 학과갤러리 : active */
.photo .box_con a:hover .img img,
.photo .box_con a:focus .img img{transform: scale(1.1);}
.photo .box_con a:hover .txt_wrap .tit,
.photo .box_con a:focus .txt_wrap .tit{text-decoration: underline;}
.photo .btn_more:hover,
.photo .btn_more:focus{font-weight: 700;}


/* 선문영상 */
.videoZone{width: 28.5rem; position: relative;}
.videoZone h3{position: relative; line-height: 1; font-size: 1.4rem; font-family: 'SUNMOON'; font-weight: normal; margin-bottom: 1.25rem; }
.videoZone h3 em{color: #0d5298; font-weight: inherit;}
.videoZone .slideWrap{position: relative; height: 20rem; }
.videoZone .slideWrap .slide{width: 25rem;}
.videoZone .slideWrap .slide .item{position: relative; padding-bottom: 3.5rem;}
.videoZone .slideWrap .slide .item .img{ height: 16.5rem; isolation: isolate; overflow: hidden; border-radius: 1rem; }
.videoZone .slideWrap .slide .item .img iframe{width: 100%; height: 100%; display: block;}
.videoZone .slideWrap .slide .item .tit{ line-height: 1.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 0; bottom: 0; right: 0; font-size: 1rem; font-weight: 600; bottom: 0;}
.videoZone .slideWrap .slide .item .tit img{vertical-align: bottom;}

.videoZone .slideWrap .control{ padding-bottom: 3.5rem; display: flex; flex-direction: column; justify-content: flex-end; position: absolute; top: 0; bottom: 0; right: 0; }
.videoZone .slideWrap .control a{display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #eeeff1; font-size: 1rem; }
.videoZone .slideWrap .control a.next{margin-top: 0.5rem; background: #0d5298; color: #fff;}

.videoZone .slideWrap .control a:hover,
.videoZone .slideWrap .control a:focus{font-weight: 700;}

.videoZone .btn_more{display: flex; align-items: center; justify-content: center; position: absolute; right: 0rem; top: 0.2rem; line-height: 1; font-size: 0.8rem; transition: all 0.15s; }
.videoZone .btn_more em{font-weight: 600; margin-right: 0.2rem;}
.videoZone .btn_more i{display: flex; align-items: center; justify-content: center; height: 1.5rem; width: 1.5rem; margin-left: 0.7rem; border-radius: 50%; background: #fff; border: 1px solid #000; }

/* 선문영상 : active */
.videoZone .btn_more:hover,
.videoZone .btn_more:focus{font-weight: 700;}

/* ----------------//section03---------------- */

/* ----------------section04---------------- */

/* 선문통계 */
.univInfo .titBox{text-align: center; margin-bottom: 1.75rem;}
.univInfo .titBox h3 {font-family: 'SUNMOON'; font-weight: normal; font-size: 1.5rem; color: #0d5298;}
.univInfo .titBox h3 strong{color: #d31945;}
.univInfo .titBox p{font-size: 1.1rem; font-weight: 600;}
.univInfo ul{background: #fafafa; display: flex; border-radius: 0.5rem; }
.univInfo ul li{flex: 1; text-align: center; position: relative;}
.univInfo ul li ~ li{border-left: 1px solid #e5e8ed;}
.univInfo ul li ~ li::before{ animation: dotMove 7s infinite alternate; content: ''; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #d31945; left: 0; transform: translateX(-50%);}
.univInfo ul li:nth-child(2):before{ animation-delay: 0.5s; animation-duration: 10s;}
.univInfo ul li:nth-child(3):before{ animation-delay: 1s; background: #0d5298;}
.univInfo ul li:nth-child(4):before{ animation-delay: 0.5s; background: #01aeb2; animation-duration: 15s;}
.univInfo ul li:nth-child(5):before{ animation-delay: 0.3s; animation-duration: 12s; }
.univInfo ul li:nth-child(6):before{ animation-delay: 1s; background: #0d5298; animation-duration: 7s;}

@keyframes dotMove{
	0%{ top: 0%; }
	100%{ top:calc(100% - 7px);}
}

.univInfo ul li a{display: block; padding: 3.5rem 0.5rem; }
.univInfo ul li a img{display: block; margin: 0 auto; transition: all 0.3s;}
.univInfo ul li a p{display: flex; flex-direction: column; align-items: center;}
.univInfo ul li a p span{ position: relative; font-size: 1rem; z-index: 1; padding: 0 0.7rem;}
.univInfo ul li a p span::after{content: ''; display: block; width: 0; height: 0.7rem; background: #f7e7eb; position: absolute; left: 50%; bottom: 0.3rem; z-index: -1; transform: translateX(-50%); transition: all 0.3s; border-radius: 5rem;}
.univInfo ul li a p span em{font-size: 1.5rem; font-weight: 700; color: #0d5298; transition: all 0.3s;}
.univInfo ul li a p strong{font-size: 0.8rem; color: #666;}

/* 선문통계 : active */
.univInfo ul li a:hover img,
.univInfo ul li a:focus img{ transform: rotateY(180deg); }
.univInfo ul li a:hover p span::after,
.univInfo ul li a:focus p span::after{width: 100%;}
.univInfo ul li a:hover p span em,
.univInfo ul li a:focus p span em{color: #da3f64;}
/* ----------------//section04---------------- */


/* ----------------section05---------------- */

/* 선문공감 */
.univEthy{padding: 3.5rem 0; position: relative;}
.univEthy::before{content: ''; display: block; position: absolute; bottom: 0; top: 13.8rem; width: 0%; left: 50% ; transform: translateX(-50%); background: #f1f5f9; transition: 1s; z-index: -1;}
.univEthy h3 {font-family: 'SUNMOON'; font-weight: normal; font-size: 1.4rem; }
.univEthy h3 em{color: #d31945; font-family: inherit; font-weight: inherit;}

.univEthy .slider {margin: 0 -1.5rem; height: 20.7rem;}
.univEthy .slider .slideEl{padding: 2rem 1.5rem 0; }
.univEthy .slider .slideEl a{display: block;}
.univEthy .slider .img{height: 13rem; border-radius: 1rem; overflow: hidden; isolation: isolate; position: relative; box-shadow: 0 0 0.6rem rgba(0,0,0,0.2);}
.univEthy .slider .img::before{ opacity: 0; content: "\ea13"; font-family: "remixicon"; position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 1px solid #fff; background: rgba(0,0,0,0.5); color: #fff; font-size: 1rem; z-index: 2; transition: all 0.3s;}
.univEthy .slider .img::after{ opacity: 0; content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.4); z-index: 1; transition: all 0.3s;}
.univEthy .slider .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.univEthy .slider .tit{line-height: 3.3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.9rem; font-weight: 600; border-bottom: 2px dotted #a8abae; margin-bottom: 1.2rem;}
.univEthy .slider .info{line-height: 1; display: flex; justify-content: space-between;}
.univEthy .slider .info .date{color: #787a7c; font-size: 0.8rem;}
.univEthy .slider .info .more{ font-size: 0.8rem; color: #6d6f71; font-weight: 700;}
.univEthy .slider .info .more i{ font-weight: 400; margin-left: 0.6rem; font-size: 1rem; vertical-align: middle; transition: all 0.3s;}

.univEthy .control{position: absolute; top: 3.3rem; left: 12.5rem;}
.univEthy .control a{display: inline-flex; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; line-height: 1; border-radius: 50%; background: #eeeff1; font-size: 1rem;}
.univEthy .control a ~ a{background: #d31945; color: #fff; margin-left: 0.3rem;}

.univEthy .btn_more{display: flex; align-items: center; justify-content: center; position: absolute; right: 0rem; top: 3.7rem; line-height: 1; font-size: 0.8rem; transition: all 0.15s; }
.univEthy .btn_more em{font-weight: 600; margin-right: 0.2rem;}
.univEthy .btn_more i{display: flex; align-items: center; justify-content: center; height: 1.5rem; width: 1.5rem; margin-left: 0.7rem; border-radius: 50%; background: #fff; border: 1px solid #000; }

/* 선문공감 : active */
.action .univEthy::before{width: 200%; transition-delay: 0.5s;}
.univEthy .slider .slideEl a:hover .img::before,
.univEthy .slider .slideEl a:focus .img::before{ opacity: 1; top: 50%;}
.univEthy .slider .slideEl a:hover .img::after,
.univEthy .slider .slideEl a:focus .img::after{opacity: 1;}
.univEthy .slider .slideEl a:hover .tit,
.univEthy .slider .slideEl a:focus .tit{ font-weight: 800;}
.univEthy .slider .slideEl a:hover .info i,
.univEthy .slider .slideEl a:focus .info i{ color: #d31945;}

.univEthy .control a:hover,
.univEthy .control a:focus{font-weight: 700;}

.univEthy .btn_more:hover,
.univEthy .btn_more:focus{font-weight: 700;}
/* ----------------//section05---------------- */



/* banner */
.bnWrap{background:#f2f2f2;  overfloW:hidden;}
.bnWrap h3{position:absolute; left:0; top:0; padding-left: 0.5rem; color:#464b61; line-height:1.5rem; font-weight:600; font-size:0.8rem;}
.bnWrap h3:before{content:"\ea16"; display:inline-block; padding-right:.25rem; font-family: 'xeicon'; }
.bnWrap .inner{margin:1rem auto; padding-left:20rem;}
.bnWrap .control{position:absolute; left:6.5rem; top:0;}
.bnWrap .control > a{float:left; width:1.5rem; height:1.5rem; text-align:center; line-height:1.5rem; background:#fff;border:1px solid #ddd; border-left:0;}
.bnWrap .control > a:first-child{border-left:1px solid #ddd;}
.bnWrap .control > a.slick-hidden{display:block;}
.bnWrap #bnPlay{display:none;}
.bnWrap .bnlst{position:relative; right:-1.25rem; overflow:hidden;}
.bnWrap .bnlst .slick-list{width:calc(100% - 1.25rem); margin-left:-1.25rem;}
.bnWrap .bnlst a{position:relative; display:block; text-align:center; padding-left:1rem; margin-left:1rem;}
.bnWrap .bnlst a:before{content:""; position:absolute; left:0; top:.5rem; width:5px; height:5px; border-radius:50%; background:#ddd;}

/* RESPONSIVE */
@media (max-width: 1740px) , (min-width:1380px){

	/* 퀵메뉴
	.quickMenu h3,
	.quickMenu ul{display:none;}
	.quickMenu a{position:fixed;width: 3rem;height: 3rem;line-height: 2rem;bottom: 5rem;right: 0.8rem;border-radius: 50%;} 
	.quickMenu .moveTop{width: 2rem; font-size: 1.2rem; background: linear-gradient(45deg, #0f5ba1, #1892da ); box-shadow: 0 0 0 0.3rem rgba(13, 82, 152, 0.1);} 
	.quickMenu .moveTop em{display: none;}
	.quickMenu .moveTop i{display: block;} 202409 메인퀵노출삭제*/
}

@media (max-width: 1640px), (min-width:1380px){
	.container{padding-left: 1rem; padding-right: 1rem;}


	/* -----section01----- */
	.section01 .container{padding: 2rem 1rem;}

	/* 메인비주얼 */
	.visual .img img{width: 100%; height: 100%; object-fit: cover;}

	/* -----//section01----- */



}

@media (max-width: 1440px), (min-width:1380px){

	.container{padding-left: 0; padding-right: 0;}
	/* -----section01----- */
	.section01 .container{flex-direction: column; padding: 2rem 0;}

	/* 메인비주얼 */
	.section01-1{width: 100%; padding-right: 0;}

	/* 바로가기01 */
	.m_link01{width: 100%;}
	.m_link01 ul{padding: 0rem;}
	.m_link01 ul::before{display: none;}
	.m_link01 ul::after{display: none;}
	.m_link01 li{width: 16.6%;}

	/* -----//section01----- */




	/* -----section02----- */

	.section02 .container{padding: 0;}

	/* 게시판01 */
	.noticeVer1{padding-right: 2rem;}
	.noticeVer1 .btn_more{right: 2rem;}

	/* -----//section02----- */


	/* -----section03----- */

	/* 포토갤러리 */
	.photo{width: calc(100% - 23.5rem); padding-right: 2rem;}
	.photo::before{right: calc(100% - 17.5rem);}
	.photo::after{right: 2rem;}
	.photo h3 i{left: 16rem;}
	.photo .box_con a .img{width: 15.5rem;}
	.photo .box_con a .txt_wrap{width: calc(100% - 15.5rem); padding: 0 1.25rem 0 3.45rem;}
	.photo .btn_more{left: 19rem; right: auto;}

	/* 선문영상 */
	.videoZone{width: 23.5rem;}
	.videoZone .slideWrap .slide{width: calc(100% - 3rem);}
	.videoZone .slideWrap .slide .img{ background: rgba(13, 82, 152, 0.1);}
	.videoZone .slideWrap .slide .img img{width: 100%; height: auto; position: relative; top: 50%; transform: translateY(-50%);}

	/* -----//section03----- */




}
@media (max-width: 1280px){
}

@media (max-width: 1240px){
	*[class*="mt-act"]{opacity: 1 !important; transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; transition: all 0s; -webkit-transition: all 0s; -ms-transition: all 0s;}


	.section01 .container{padding: 1.5rem 0; margin-bottom: 1rem;}

	/* 바로가기 */
	.m_link01 h3{margin-top: 2.5rem;}


	.section02 .container{flex-direction: column;}

	/* 게시판01 */
	.notice01{padding-right: 0rem; width: 100%; margin-bottom: 2.5rem;}
	.notice01 .btn_more{right: 0;}

	/* 게시판01 ver2 */
	.noticeVer2{height: 20.5rem;}
	.noticeVer2 ul li{height: 3.5rem;}
	.noticeVer2 ul li a{ padding: 0 1rem;}
	.noticeVer2 ul li.new a::before{left: 2rem;}
	.noticeVer2 ul li a .tit{font-size: 0.9rem;}


	/* 게시판02 */
	.notice02{width: 100%; position: relative;}
	.notice02 .titTab{margin-bottom: 1.5rem;}
	.list_box{height: 9.2rem;}
	.list_box ul{display: flex; flex-wrap: wrap; margin: 0 -0.25rem;}
	.list_box ul li{width: 50%; padding: 0 0.25rem;}
	.list_box ul li ~ li{ margin-top: 0;}
	.list_box ul li:nth-child(n+3){margin-top: 0.5rem;}





	.section03{margin: 2.5rem 0;}

	/* 선문뉴스 */
	.notice02 h3{margin-bottom: 1.5rem;}

	/* 선문공감 */
	.univEthy{padding: 2.5rem 0;}
	.univEthy .slider .slideEl{padding-top: 1.5rem;}
	.univEthy .control{top: 2.3rem;}
	.univEthy .btn_more{top: 2.9rem;}

	/* banner */
	.bnWrap .inner{padding-left:10.5rem;}
}


@media (max-width: 1160px){
	/* 포토갤러리 */
	.photo{width: calc(100% - 20rem);}
	.photo::before{right: calc(100% - 14.5rem);}
	.photo h3 i{left: 13rem;}
	.photo .box_con a .img{width: 13rem;}
	.photo .box_con a .txt_wrap{width: calc(100% - 13rem); padding: 0 1.25rem 0 2.45rem;}
	.photo .btn_more{left: 15rem;}

	/* 선문영상 */
	.videoZone{width: 20rem;}

	/* 선문공감 */
	.univEthy .slider{margin: 0 -1rem;}
	.univEthy .slider .slideEl{padding: 1.5rem 1rem 0;}




}

@media (max-width: 1024px){
	.section03 .container{flex-direction: column;}


	/* 포토갤러리 */
	.photo{width: 100%; padding-right: 0; margin-bottom: 2rem;}
	.photo::before{right: calc(100% - 18.5rem);}
	.photo::after{right: 0;}
	.photo h3 i{left: 17rem;}
	.photo .box_con a .img{width: 17rem;}
	.photo .box_con a .txt_wrap{width: calc(100% - 17rem);}
	.photo .btn_more{left: 19.5rem;}

	/* 선문영상 */
	.videoZone{width: 100%;}
	.videoZone .slideWrap .slide .item{padding-bottom: 2.5rem;}
	.videoZone .slideWrap .slide .img img{ height: 100%; width: auto; left: 50%; transform: translateX(-50%); top: 0;}
	.videoZone .slideWrap .control{ padding-bottom: 2.5rem;}

	/* 선문통계 */
	.univInfo ul li a img{width: 80%; max-width: 4rem;}
	.univInfo ul li a p span em{font-size: 1.2rem;}

	/* 선문공감 */
	.univEthy{padding: 2rem 0;}
	.univEthy::before{top: 9.8rem;}
	.univEthy .slider{margin: 0 -0.5rem;}
	.univEthy .slider .slideEl{padding: 1rem 0.5rem 0;}
	.univEthy .slider .info .more{font-size: 0;}
	.univEthy .control{top: 1.9rem;}
	.univEthy .btn_more{top: 2.7rem;}

}

@media (max-width: 960px){
	/* 바로가기01 */
	.m_link01 li{width: 33.33%;}

	/* 게시판01 */
	.noticeVer1 ul li{width: 50%;}
	.noticeVer1 ul li:nth-child(n+5){display: none;}
	.noticeVer1 ul li:nth-child(1) a::after,
	.noticeVer1 ul li:nth-child(3) a::after{display: none;}
	.noticeVer1 ul li:nth-child(4) a::after{display: block;}


	/* 선문통계 */
	.univInfo ul li a p span em{font-size: 1rem;}
}

@media (max-width: 890px){
	/* 선문통계 */
	.univInfo ul{flex-wrap: wrap;}
	.univInfo ul li{flex: auto; width: 33.33%;}
	.univInfo ul li:nth-child(4){border-left: 0;}
	.univInfo ul li:nth-child(4):before{display: none;}
	.univInfo ul li a{padding: 1.5rem 0.5rem;}
}

@media (max-width: 768px){
	/* 슬로건숨기기 */
	.visual .slogan{display: none;}

	.section01 .container{padding: 1.5rem 0 1.5rem 0; margin-bottom: 1.5rem;}
	.section01 .container::before{left: -1rem; border-radius: 0; background: #e4f5f8 url(/images/web/smile/main/img_bg01.png) no-repeat left 17rem bottom -3rem;}

	/* 메인비주얼 */
	.visual{height: auto;}
	.visual .img img{display: block;}

	/* 바로가기01 */
	.m_link01 h3{margin-top: 1.5rem;}

	/* 게시판01 */
	.noticeVer1{margin-bottom: 2rem; height: auto;}
	.noticeVer1 ul li a{padding: 1.5rem 1rem;}
	.noticeVer1 ul li a::after{top: 1rem;}

	/* 게시판02 */
	.notice02{height: auto;}
	.list_box{ height: 18.7rem;}
	.list_box ul li{width: 100%;}
	.list_box ul li ~ li{margin-top: 0.5rem;}

	/* 선문영상 */
	.videoZone .slideWrap{height: 100%; min-height: 10rem;}

	/* 선문뉴스 */
	.notice02 ul li a{ padding: 0.5rem; height: auto;}

	/* 선문공감 */
	.univEthy .slider{height: auto;}

}

@media (max-width: 700px){
}

@media (max-width: 680px){
}

@media (max-width: 640px){

	/* 게시판:공지사항 */
	.noticeVer1 .btn_more{font-size: 0; top: -0.2rem; }
	.noticeVer1 .btn_more i{font-size: 0.8rem;}

	/* 선문뉴스 */
	.notice02 .btn_more{font-size: 0;}
	.notice02 .btn_more i{font-size: 0.8rem;}

	/* 포토갤러리 */
	.photo::before{right: calc(100% - 11.5rem);}
	.photo h3 i{left: 10rem;}
	.photo .box_con a .img{width: 10rem; height: 8rem;}
	.photo .box_con a .txt_wrap{width: calc(100% - 10.5rem); padding: 0 0rem 0 2.45rem;}
	.photo .box_con a .txt_wrap .tit{margin-bottom: 1rem;}
	.photo .box_con a .txt_wrap .txt{display: none;}
	.photo .btn_more{left: 12.5rem;}
	.photo .btn_more i{display: none;}

	/* 선문영상 */
	.videoZone .btn_more{font-size: 0;}
	.videoZone .btn_more i{font-size: 0.8rem;}

	/* 선문공감 */
	.univEthy .btn_more{font-size: 0;}
	.univEthy .btn_more i{font-size: 0.8rem;}
}


@media (max-width: 560px){
	/* 선문영상 */
	.videoZone .slideWrap .slide .item .img{height: auto; max-height: 16.5rem;}
	.videoZone .slideWrap .slide .img img{display: block; width: 100%; height: auto; left: 0; top: 0; transform: none;}

	/* 바로가기01 */
	.m_link01 li .tit{background: none; padding: 0; font-size: 0.85rem; letter-spacing: -2px;}
	.m_link01 li .tit::after{display: none;}
	.m_link01 li a:hover .tit{ padding: 0 0.2rem; }
}
@media (max-width: 480px){
	/* 메인비주얼 */
	.visual{border-radius: 0; overflow: unset;}
	.visual .slider{overflow: hidden; border-radius: 0.5rem; isolation: isolate;}
	.visual .control{left: auto; right: 0; bottom: -1.1rem; padding: 0.5rem 1rem; border-radius: 5rem 0 5rem 5rem;}
	#visualPager p{display: none;}
	#visualPager .current{font-size: 1rem;}
	#visualPager .total{font-size: 0.9rem;}

	/* 바로가기01 */
	.m_link01 h3{font-size: 1.1rem; margin-top: 2rem;}
	.m_link01 h3 img{ width: 3.5rem; vertical-align: top;}
	.m_link01 ul{margin-top: 1rem; border-radius: 0.5rem;}
	.m_link01 li{padding: 0.5rem 0.1rem;}
	.m_link01 li .img img{max-width: 4rem;}

	/* 게시판:공지사항 */
	.noticeVer1 h3{font-size: 1.1rem; padding-bottom: 1rem; margin-bottom: 0.5rem;}
	.noticeVer1 h3 img{ width: 3.5rem; vertical-align: top;}
	.noticeVer1 ul li{width: 100%; height: 10rem;}
	.noticeVer1 ul li:nth-child(n+3){display: none;}
	.noticeVer1 ul li a{padding: 1rem 1.25rem;}
	.noticeVer1 ul li a::after{ top: 0; bottom: auto;	height: 1px;width: 100%; border: 0; background: #ddd;}
	.noticeVer1 ul li a .tit{height: auto; max-height: 2.7rem;}

	.noticeVer1 ul li:hover a::after,
	.noticeVer1 ul li:focus a::after{display: none;}
	.noticeVer1 ul li:hover ~ li a::after,
	.noticeVer1 ul li:focus ~ li a::after{display: none;}


	/* 선문뉴스 */
	.notice02 h3{margin-bottom: 1rem; font-size: 1.1rem;}
	.notice02 .titTab{margin-bottom: 1rem;}
	.notice02 .titTab ul li a{font-size: 0.9rem; padding: 0.45rem 1rem;}
	.notice02 .titTab ul li a.current{ padding-right: 2rem;}
	.notice02 .titTab ul li a.current::before{bottom: -0.7rem;}
	.notice02 .titTab ul li a.current::after{right: 0.7rem;}
	.list_box{ height: 13.7rem;}
	.list_box .bar{top: auto; height: 13.7rem;}
	.list_box ul li a{padding-left: 0; height: 3rem; border-radius: 0.7rem;}
	.list_box ul li a .ico:first-of-type{display: none;}
	.notice02 .btn_more{top:-0.3rem;}

	/* 포토갤러리 */
	.section03{margin-top: 1.5rem;}
	.photo{margin-bottom: 0;}
	.photo::before{right: -1rem; height: 17rem;}
	.photo::after{right: -1rem;}
	.photo h3{font-size: 1.2rem;}
	.photo h3 i{left: auto; right: 0rem;}
	.photo .box_con a{flex-direction: column;}
	.photo .box_con a .img{width: 100%; height: 11rem;}
	.photo .box_con a .txt_wrap{width: 100%; padding: 0; margin-top: 2rem;}
	.photo .btn_more{position: relative; left: 0; bottom: 0; margin-top: 1rem; justify-content: center;}

	/* 선문영상 */
	.videoZone h3{font-size: 1.1rem; margin-bottom: 1rem;}
	.videoZone .slideWrap .slide{width: calc(100% - 2.5rem); }
	.videoZone .slideWrap .slide .item{padding-bottom: 2.5rem;}
	.videoZone .slideWrap .control{padding-bottom: 2.6rem;}
	.videoZone .slideWrap .control a{width: 2rem; height: 2rem;}

	/* 선문통계 */
	.univInfo .titBox{margin-bottom: 1rem;}
	.univInfo .titBox h3{font-size: 1.2rem;}
	.univInfo .titBox p{font-size: 0.9rem;}
	.univInfo ul li{width: 50%;}
	.univInfo ul li:nth-child(4){border-left: 1px solid #e5e8ed;}
	.univInfo ul li:nth-child(4):before{display: block;}

	.univInfo ul li:nth-child(3){border-left: 0;}
	.univInfo ul li:nth-child(3):before{display: none;}
	.univInfo ul li:nth-child(5){border-left: 0;}
	.univInfo ul li:nth-child(5):before{display: none;}

	/* 선문공감 */
	.univEthy h3{font-size: 1.2rem;}
	.univEthy .slider .img{max-height: 10rem;}
	.univEthy .control{top: 2rem; left: 10rem;}
	.univEthy .control a{width: 2rem; height: 2rem;}
	.univEthy .btn_more{top: 2.2rem;}
}

@media (max-width: 460px){

}

@media (max-width: 380px){



	/* 게시판01 ver2 */
	.noticeVer2 ul li a .date{display: none;}

	/* 선문뉴스 */
	.notice02 h3{margin-bottom: 1rem;}
	.notice02 .titTab ul{flex-direction: column;}
	.notice02 .titTab ul li{width: calc(100% - 3rem);}
	.notice02 .titTab ul li ~ li{margin-top: 0.5rem;}
	.notice02 .titTab ul li a::before{display: none;}

	.notice02 ul li a{flex-direction: column;}
	.notice02 ul li a .img{ width: 100%; max-height: 10rem; height: auto; background: rgba(0,0,0,0.1);}
	.notice02 ul li a .img img{margin: 0 auto; width: auto; max-width: 100%; height: auto; max-height: 100%;}

	.notice02 ul li a dl{padding-left: 0;}

	/* 선문영상 */
	.videoZone .slideWrap .slide .item .tit{font-size: 0.9rem;}
	.videoZone .slideWrap .slide .item .tit img{display: none;}

	/* 선문공감 */
	.univEthy .slider .slideEl{padding: 1rem 1.5rem 0;}
	.univEthy .slider .tit{ margin-bottom: 0.5rem; line-height: 2.8rem;}
	.univEthy .control{ position: relative; height: 0; top: 0; left: 0; right: 0; z-index: 0;}
	.univEthy .control a{position: absolute; bottom: calc(8.5rem + -1vw); left: 0;}
	.univEthy .control a.next{left: auto; right: 0;}


}

@media (max-width: 350px){

	/* 바로가기 */
	.m_link01 li{width: 50%;}

}

@media (max-width: 320px){

	/* banner */
	body .bnWrap h3{overflow:hidden; width:1px; height:1px; color:transparent;}
	body .bnWrap .inner{padding-left:3.5rem;}
	body .bnWrap .bnlst a{padding-left: 0.2rem;}
	body .bnWrap .inner img{width: 100%; display: block;}
	body .bnWrap .control{left:0;}

}

/*메인페이지가로너비조정*/
.container {
    max-width: 80rem;
}