@import url("common.css");

#visual {position:relative; width:100%; /* height:780px; */; overflow:hidden; z-index:1; opacity:1; }

#visual .slick-slider {position: relative; display: block;}
#visual .slick-list {position: relative; display: block; overflow: hidden;}
#visual .slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
#visual .slick-initialized .slick-slide{display: block;}
#visual .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}

#visual .slick-arrow {font-size: 0; line-height: 0; position: absolute; top:50%; display: block; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; width:28px; height:55px; background:url('/img/v_prev.png') center center/100% no-repeat; position:absolute; top:50%; transform:translate(0, -50%); left:3%; z-index:9999; cursor:pointer}
	#visual .slick-next {right:3%; left:auto; background-image:url('/img/v_next.png')}

#visual .sub_imgbox li {width:100%; height:100%;}


#visual .section .v_img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-color:#fff;
	background-size: cover; background-position:center;  border:0;
	/* -webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1); */ }
/* #visual .sub_imgbox li.action .v_img {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } */
#visual .section.cover01 .v_img {background-image:url('/img/main_visual01.png')}
#visual .section.cover02 .v_img {background-image:url('/img/main_visual02.png')}
#visual .section.cover03 .v_img {background-image:url('/img/main_visual03.png')}


#visual .sub_imgbox{height:100%;}
#visual .section {width:100%;height:100%;position:relative;overflow:hidden;background-position:center; background-size:cover; border:0;}
#visual .sub_imgbox .slick-list, #visual .sub_imgbox .slick-track {height:100%;}


#visual .slider-paging-number {position:absolute; bottom:47px; left:50%; transform:translate(-50%, 0); z-index:9999; box-sizing:border-box; text-align:center}
	#visual .slider-paging-number li {display:inline-block; vertical-align:middle; width:auto; height:auto; margin:0 5px}
	#visual .slider-paging-number li button {font-size:0; border:none; display:block; padding:0; margin:0; width:10px; height:10px; border-radius:14px; background:rgba(255,255,255,0.3); cursor:pointer}
	#visual .slider-paging-number li.slick-active button {background:transparent; width:14px; height:14px; border:3px solid #fff}

/*
#visual  .slick-dots {position: absolute; text-align:center; bottom:135px; z-index:1010; width:100%}
#visual  .slick-dots li {display: inline-block;  margin:0 2px; font-size: 0;}
#visual  .slick-dots li button {width:18px; height:4px; border:0; font-size:0; background:rgba(255,255,255,.4); cursor:pointer}
#visual  .slick-dots li.slick-active button{background:#fff;}
*/

#visual .v_txt {position:relative; z-index:1000; box-sizing:border-box; text-align:center; padding:325px 3%; }
	#visual .v_txt p {position:relative; font-weight:100; font-size:1.875rem; letter-spacing:-0.5pt; color:#fff; line-height:1.4; opacity:0; top:-50px; -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;}
	#visual .v_txt h3 {position:relative; font-family:'Asap', sans-serif; font-size:4.75rem; font-weight:700; letter-spacing:0; color:#fff; line-height:1; padding:20px 0 0 0; opacity:0; top:-50px; 
	-webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
	}
	

#visual .sub_imgbox li.action .v_txt h3 {top:0; opacity:1}
#visual .sub_imgbox li.action .v_txt p {top:0; opacity:1}


#contents {position:relative; clear:both; opacity:1; top:0; min-height:800px; margin-top:165px;}

.b_stit {position:relative; font-weight:700; letter-spacing:-0.75pt; color:#222; font-size:2.111rem; line-height:1; margin-bottom:10px}
.b_stit em.color01 {font-style:normal; color:#1654a6;}
.b_stit em.color02 {font-style:normal; color:#318da1;}
.b_stit span.desc{ margin-left:20px; font-size:1rem; letter-spacing:-0.5px; color:#888; font-weight:400;}

.m_stit {position:relative; font-weight:700; letter-spacing:-0.75pt; color:#222; font-size:1.75rem; line-height:1.2; margin-bottom:25px}
	.m_stit .moreBtn {float:right;}



.main_con {position:relative; overflow:hidden; width:100%; height:auto;
	background:url(/html/images/main/logo_bg.png) top 30px right 0 no-repeat, #bff2f6; 
	background:url(/html/images/main/logo_bg.png) top 30px right 0 no-repeat, -webkit-linear-gradient(left right, #f9eebf, #bff2f6);
	background:url(/html/images/main/logo_bg.png) top 30px right 0 no-repeat, -moz-linear-gradient(left right, #f9eebf, #bff2f6);
	background:url(/html/images/main/logo_bg.png) top 30px right 0 no-repeat, -o-linear-gradient(left right, #f9eebf, #bff2f6);
	background:url(/html/images/main/logo_bg.png) top 30px right 0 no-repeat, linear-gradient(to right, #f9eebf, #bff2f6);}
.main_con:after {display:block; content:""; clear:both}

.main_con_top{position:relative; width:1280px; margin:0 auto;}
.main_con_top .notice_area {position:relative; width:48%; margin:0 0 0 0; }
.main_con_top .banner_area {position:absolute; width:48%; margin:0 0 0 0; top:0; right:0; }
.main_con_top:after {display:block; content:""; clear:both}

.main_con_bottom{position:relative; width:1280px; margin:0 auto;}
.main_con_bottom .search_area {width:100%; margin:4% 0 0 0;}



	.main_bnr { width: 100%; padding: 0 0; z-index: 2; }
	.main_bnr .inner { position: relative; display: flex; align-items: flex-start; }
	.main_bnr .main_bnr_slide { width: 100%; border-radius: 15px; overflow: hidden; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1); background:#fff;}
	.main_bnr .main_bnr_slide .bnr_box { position: relative; display: block; width: 100%; height: 0; padding-bottom: 64%; overflow: hidden; }
	.main_bnr .main_bnr_slide .bnr_box img { position: absolute; top: 0; left: 50%; width: auto; max-width: none; height: 100%; transform: translate3d(-50%, 0, 0); }
	.main_bnr .main_bnr_ctrl { position: absolute; left: 0; bottom: 0; display: flex; align-items: center; padding: 20px 25px; background-color:rgba(0,0,0,0.7); border-radius: 0 15px 0 15px; z-index: 1; }
	.main_bnr .main_bnr_ctrl .swiper-pagination { position: static; width: auto; min-width: 45px; margin-right: 20px; font-size: 1rem; color: #ababab; letter-spacing: 1px; }
	.main_bnr .main_bnr_ctrl .swiper-pagination .swiper-pagination-current { color: #fff; font-weight: 500; }
	.main_bnr .main_bnr_ctrl .swiper-ctrl { display: block; width: 11px; height: 17px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: 100%; cursor: pointer; }
	.main_bnr .main_bnr_ctrl .swiper-prev { background-image: url(/html/images/main/bnr_prev.svg); }
	.main_bnr .main_bnr_ctrl .swiper-next { background-image: url(/html/images/main/bnr_next.svg); }
	.main_bnr .main_bnr_ctrl .swiper-ctrl-area { display: block; margin: 0 10px; }
	.main_bnr .main_bnr_ctrl .swiper-play { display: none; background-image: url(/html/images/main/bnr_play.svg); }
	.main_bnr .main_bnr_ctrl .swiper-pause { display: none; background-image: url(/html/images/main/bnr_pause.svg); }
	.main_bnr .main_bnr_ctrl .swiper-play.active, .main_bnr .main_bnr_ctrl .swiper-pause.active { display: block; }





.notice_area .latestBox {width:100%; height:390px; display:flex; justify-content:space-between; position:relative;}
.notice_area .latestBox h2 {display:inline-block; font-size:1.666rem; font-weight:600; color:#004b85; letter-spacing:-1px;}
.notice_area .latestBox h2 em {font-style:normal; color:#f04e30;}
.notice_area .latestBox .tabsWrap {display:flex; width:calc(100% - 320px);}
.notice_area .latestBox .tabsWrap .tabs {}
.notice_area .latestBox .tabsWrap .tabs h3 {}
.notice_area .latestBox .tabsWrap .tabs h3 a {display:block; font-weight:500; padding:10px 28px 10px 0; font-size:1rem; color:rgba(0,0,0,0.4); position:relative; letter-spacing:-0.5px;}
.notice_area .latestBox .tabsWrap .tabs h3 a::after {content:''; width:5px; height:5px; border-radius:50%; position:absolute; top:22px; left:-14px; background:#000;}
.notice_area .latestBox .tabsWrap .tabs:first-child h3 a::after {display:none;}

.notice_area .latestBox .tabsWrap .tabs .more {font-size:0; width:30px; height:30px; background:url(/html/images/main/icon_more.png) no-repeat; display:none; position:absolute; top:12px; right:0;}

.notice_area .latestBox .tabsWrap .tabs .noticeBox{display:none; position:absolute; left:0; right: 0; top:60px; height:330px; animation:Showtabs 0.3s; border-radius:20px; box-shadow:4px 4px 10px 2px rgba(0,0,0,0.12); background:#fff;}
.notice_area .latestBox .tabsWrap .tabs .noticeBox .in{position:relative; overflow: hidden; padding:25px 30px 0 30px;}
.notice_area .latestBox .tabsWrap .tabs .noticeBox h5.main_title2{color:#209ad7 !important;}
.notice_area .latestBox .tabsWrap .tabs .noticeBox ul{list-style:none;position:relative; overflow: hidden;}
.notice_area .latestBox .tabsWrap .tabs .noticeBox li:nth-child(1){padding-left:0; border-bottom:1px solid #ddd; box-sizing:border-box; margin-bottom:25px; padding-bottom:25px;}
.notice_area .latestBox .tabsWrap .tabs .noticeBox li:nth-child(1):before{display:none;}
.notice_area .latestBox .tabsWrap .tabs .noticeBox li:hover .main_tit{color:#243196}
.notice_area .latestBox .tabsWrap .tabs .noticeBox li{list-style:none;position:relative;margin-bottom:5px; padding-left:15px;}
.notice_area .latestBox .tabsWrap .tabs .noticeBox li:before{position: absolute; left:0; top:10px; width:5px; height:5px; background:#0d9fba; display:block; content:''}
.notice_area .latestBox .tabsWrap .tabs .noticeBox li a{display:block; position:relative;font-size:0.888rem; color:#333; line-height:100%; letter-spacing:-0.3pt;transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.notice_area .latestBox .tabsWrap .tabs .noticeBox li a:hover{color:#243196;}
.notice_area .latestBox .tabsWrap .tabs .noticeBox li .date{font-size:0.833rem; color:rgba(119,119,119,0.7);position: absolute; top:4px; right: 0; line-height:100%}
.notice_area .latestBox .tabsWrap .tabs .noticeBox li .main_tit{ width:calc(100% - 100px); font-size:0.888rem; font-weight:400; margin-bottom:5px; position:relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.notice_area .latestBox .tabsWrap .tabs .noticeBox li .main_stxt{display:none;}

.notice_area .latestBox .tabsWrap .tabs .noticeBox li:nth-child(1) .main_tit{font-size:1.111rem; font-weight:600;}
.notice_area .latestBox .tabsWrap .tabs .noticeBox li:nth-child(1) .main_stxt{display:block; margin-bottom:10px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;
line-height: 1.5em; height:3em;}
.notice_area .latestBox .tabsWrap .tabs .noticeBox li:nth-child(1) .date{ position:relative; top: auto;}

/*
.notice_area .latestBox .tabsWrap .tabs ul {display:none; position:absolute; left:0; right: 0; top:60px; animation:Showtabs 0.3s;}
.notice_area .latestBox .tabsWrap .tabs ul li {border-radius:20px; width:224px; border-collapse: separate; box-shadow:4px 4px 10px 2px rgba(0,0,0,0.12);}
.notice_area .latestBox .tabsWrap .tabs ul li a {display:block; width:100%; height:280px; background:#fff; border-radius:20px; padding:30px 20px 20px; box-sizing:border-box; box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.1);}
.notice_area .latestBox .tabsWrap .tabs ul li a:focus,
.notice_area .latestBox .tabsWrap .tabs ul li a:hover {box-shadow:inset 0px 0px 0px 3px #00529b;}
.notice_area .latestBox .tabsWrap .tabs ul li a strong {display:block; color:#00529b; font-size:22px; font-weight:400; margin-bottom:20px;}
.notice_area .latestBox .tabsWrap .tabs ul li a p {display:block; font-size:18px; color:#222; line-height:24px; height:145px; max-height:145px; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; word-break:keep-all;}
.notice_area .latestBox .tabsWrap .tabs ul li a em {display:block; font-size:18px; color:#555; font-style:normal;}
*/

.notice_area .latestBox .tabsWrap .tabs.active {}
.notice_area .latestBox .tabsWrap .tabs.active h3 a {color:#000; font-weight:600; letter-spacing:-0.5px;}
.notice_area .latestBox .tabsWrap .tabs.active .more {display:block;}
.notice_area .latestBox .tabsWrap .tabs.active .noticeBox {display:flex; justify-content:space-between;}

@keyframes Showtabs {
	0% {opacity:0; transform:translate3d(0, 50px, 0);}
	100% {opacity:1; transform:translate3d(0, 0, 0);}
}



/* speedSearch */
.search_area .speedSearch {border-radius:20px; overflow:hidden; box-shadow:0 0px 10px rgba(0,0,0,0.12); background:#fff;}
.search_area .speedSearch form { width:94%; margin:0 auto;}
.search_area .speedSearch form fieldset {display:flex; align-items:center; height:130px;}
.search_area .speedSearch form fieldset label {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; border:0; clip:rect(0,0,0,0);}
.search_area .speedSearch form fieldset .searchForm {width:calc(100% - 120px); font-size:0;}
.search_area .speedSearch form fieldset .searchForm select {font-size:1rem; background:url(/html/images/common/selectBoxArrow.png)#f5f5f5 no-repeat right 20px center; border:0; height:50px; margin-right:10px; padding:0 20px; box-sizing:border-box; width:20%;}
.search_area .speedSearch form fieldset .searchForm input { width:calc(60% - 20px); height:50px; border:1px solid #ddd; box-sizing:border-box; font-size:1rem; margin-right:0; padding:0 20px;}
.search_area .speedSearch form fieldset .btnSearch {width:120px; height:50px; background:#f04e30; border-radius:0 10px 10px 0; font-size:1rem; color:#fff; line-height:50px; border:0;}
.search_area .speedSearch form fieldset .btnSearch:hover {background:#f04e30;}
.search_area .speedSearch form fieldset .btnSearch::before {content:''; display:inline-block; width:15px; height:15px; background:url(/html/images/main/search_btn_icon.png)no-repeat center; margin-right:5px;}




/* 강좌안내 */
.edu_con {position:relative; overflow:hidden; width:100%; background:url(/html/images/main/edu_bg01.png) top 50px left 0 no-repeat, url(/html/images/main/edu_bg02.png) top 0 right 80px no-repeat, #e5e7ea;}
.edu_con_in{position:relative; width:1280px; margin:0 auto;}

.edu_con_in ul.itemList {width:100%; padding-top:10px;}
.edu_con_in ul.itemList:after {display:block; content:""; clear:both}

.item{position:relative; float:left; width:31%; border-radius:20px; background:#082f57; border:5px solid #082f57; box-sizing:border-box; margin:0 0 3.5% 3.5%; transition-duration: 0.3s;transition-property: transform;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.item:hover {transform: translateY(-10px); box-shadow: 0px 5px 10px 0px rgba(34, 48, 63, 0.35);}
.item:nth-child(3n+1){position:relative; margin:0 0 3.5% 0;}

.item .ibox_content{ }
.item .ibox_content .itop_area{ padding:25px; }
.item .ibox_content .itop_area .isubject{color:#fff; font-size:1.625rem; letter-spacing:-1px; line-height:1; font-weight:500;}
.ibox_content .itop_area .istatus{float:right;border-radius:20px; padding:0 15px; height:2em; line-height:2em; letter-spacing:-0.5px; color:#fff; display:inline-block; text-align:center; font-size:1rem; font-weight:500;}
.ibox_content .itop_area .istatus.status-1 {background-color: #30aff0;} /*접수예정*/
.ibox_content .itop_area .istatus.status-2 {background-color: #f06b1b;} /*접수중*/
.ibox_content .itop_area .istatus.status-3 {background-color: #979797;} /*접수마감*/

.ibox_content .idesc{font-size:0.888rem; color:rgba(255,255,255,0.8); line-height: 1.5; font-weight:300; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; position:relative; padding-left:25px; margin-left:25px;}
.ibox_content .idesc.idesc01:before {content: ""; position:absolute; width:17px; height:16px; left:0; top:50%; transform: translateY(-50%); background:url(/html/images/main/idesc01_icon.png) center no-repeat;}
.ibox_content .idesc.idesc02:before {content: ""; position:absolute; width:17px; height:16px; left:0; top:50%; transform: translateY(-50%); background:url(/html/images/main/idesc02_icon.png) center no-repeat;}

.item .itag_area{position:relative; background-color:#fff; border-radius:0 0 15px 15px; padding:25px; margin-top:25px; }
.item .itag_area .itag{font-size:0.888rem; letter-spacing:-0.5px; overflow:hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;
line-height: 1.5em; height:3em;}





/* 강좌갤러리 */
.gallery_con{position:relative; overflow:hidden;}

.gallery_con .gallery_roll{position: relative; margin: 20px -10px 0; width: calc(100% + 20px);}
.gallery_con .gallery_roll:after{content:''; display: block; clear:both;}
.gallery_con .gallery_roll dl{float: left; width:25%; border:1px solid #dcdcdc; box-sizing:border-box; overflow:hidden; margin:0 10px; border-radius:10px;}
.gallery_con .gallery_roll dl a{display: block;}
.gallery_con .gallery_roll dl a dt{position: relative; overflow: hidden;}
.gallery_con .gallery_roll dl a dt img{max-width:100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center; transition:all .3s linear;}
.gallery_con .gallery_roll dl a:hover dt img{transform:scale(1.1);}
.gallery_con .gallery_roll dl a dd{padding: 25px 20px; box-sizing:border-box; background:#fff;}
.gallery_con .gallery_roll dl a dd h4{padding: 0 0; font-size:1.111rem; line-height:1.2; font-weight:600; letter-spacing:-0.5px; color: #222; box-sizing:border-box; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.gallery_con .gallery_roll dl a dd p.cate{font-size:0.888rem; font-weight:400; letter-spacing:-0.5px; color: #f04e30;}

.gallery_con .slick-arrow{padding:0; margin:0; cursor:pointer; outline:none; background:none; border:0; font-size:0; width:13px; height:22px; background-repeat:no-repeat; background-size:100%; background-position:center; position: absolute; opacity:.6; transition:all .3s linear;}
.gallery_con .slick-arrow:hover{opacity: 1;}
.gallery_con .slick-prev{background-image:url('/html/images/main/gallery_prev.png'); top:-60px; right: 40px;}
.gallery_con .slick-next{background-image:url('/html/images/main/gallery_next.png'); top:-60px; right: 10px;}

.gallery_con .btn_area { position:absolute; width:70px; top:22px; right:70px; z-index: 2; }
.gallery_con .btn_area .btn_more { color:#222; }

.btn_more { display: inline-flex; align-items: center; font-size: 0.888rem; color: #222; font-weight:400;}
.btn_more .more_arr { position: relative; width: 25px; height: 25px; margin-left: 10px; font-size: 0; border-radius: 100%; background: #196ac5; overflow: hidden; }
.btn_more .more_arr:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/html/images/main/btn_more_arr.svg) no-repeat center/auto 13px; transform: translate3d(-25%, 0, 0); }
.btn_more:hover .more_arr:after { animation: btnMoreArr 0.5s both; }

/* 공통 개별버튼 */
@keyframes btnMoreArr { 0% { transform: translate3d(-25%, 0, 0); }
	40% { opacity: 1; }
	60% { transform: translate3d(100%, 0, 0);
		opacity: 0; }
	80% { transform: translate3d(-50%, 0, 0);
		opacity: 0; }
	100% { transform: translate3d(-25%, 0, 0);
		opacity: 1; } }





.quick {background:#f0f4f5; width:100%; height:190px; padding:0 0; border-top:1px solid #dbdbdb; font-size:0;}

.quick .quick_tit_box{position:absolute; width:228px; height:200px; top:-10px; left:0; padding:50px 0 0 35px; box-sizing:border-box; background:url(/html/images/main/quick_tit_bg.png) top left no-repeat;}
.quick_tit_box h4.quick_tit{font-size:1.666rem; line-height:1; letter-spacing:-1px; color:#fff; font-weight:500; margin-bottom:20px;}
.quick_tit_box h4.quick_tit span{font-size:1.388rem; font-weight:400; display:block;}


.quick .quick_icon_box { margin-left:250px; width:calc(100% - 250px); box-sizing:border-box; font-size:0;}
.quick_icon_box dl {display:inline-block; width:12.666%; text-align:center; margin:0 2%;}
.quick_icon_box dl:last-child {margin-right:0}
.quick_icon_box dl a {display:block; transition: all 0.3s ease-out; text-align:center;}


.quick_icon_box dl dt {border:none; margin:0 auto;}
.quick_icon_box dl a:hover > dt {border:none;}

.quick_icon_box dl dt {background:#fff; width:100px; height:100px; padding-top:24px; box-sizing:border-box; border-radius:100%; box-shadow: 0 0 10px rgba(0,0,0,0.2); transition: all 0.3s ease-out; margin-top:22px;}
.quick_icon_box dl a:hover > dt {background:#d4e8ed; margin-top:0px;}
.quick_icon_box dl a:hover > dd {color:#1594d1;}

.quick_icon_box dl dd {padding-top:15px; font-size:1rem; color:#1e4972; text-align:center; font-weight:500; letter-spacing:-1px;}








/*******************************************************************************
	@media ~1400px
*******************************************************************************/
@media all and (max-width:1400px) { 




}



/*******************************************************************************
	@media ~1280px
*******************************************************************************/
@media all and (max-width:1280px) { 

.main_con_top{width:94%; margin:0 auto 40px; }
.main_con_top .notice_area {position:relative; width:calc(96% - 670px); margin:0 0 0 0; }
.main_con_top .banner_area {position:absolute; width:670px; margin:0 0 0 0; top:0; right:0; }
.main_con_bottom{position:relative; width:94%; margin:0 auto; display:block;}


.notice_area .latestBox {height:430px;}
.notice_area .latestBox .tabsWrap {display:flex; position:absolute; top:40px; left:0; width:100%;}



.edu_con_in{width:94%; margin:0 auto;}





}


/*******************************************************************************
	@media ~1180px
*******************************************************************************/
@media all and (max-width:1180px) { 

.main_con_top{width:94%; margin:0 auto 40px; }
.main_con_top .notice_area {position:relative; width:100%; margin:0 0 40px 0;}
.main_con_top .banner_area {position:relative; width:100%; height:100%; margin:0 0 40px 0; display:block;}
.main_con_bottom{position:relative; width:94%; margin:0 auto; display:block;}


.notice_area .latestBox {height:430px;}
.notice_area .latestBox .tabsWrap {display:flex; position:absolute; top:40px; left:0; width:100%;}
.notice_area .latestBox h2 {text-align:center; margin:0 auto;}


.item{width:48%; margin:0 0 3.5% 4%;}
.item:nth-child(2n+1){position:relative; margin:0 0 3.5% 0 !important;}
.item:nth-child(3n+1){margin:0 0 3.5% 4%;}



.quick {height:auto; padding:20px 0;}
.quick .quick_tit_box{display:none;}

.quick .quick_icon_box { margin-left:0; width:100%;}





}


/*******************************************************************************
	@media ~1100px
*******************************************************************************/
@media all and (max-width:1100px) { 


/* 강좌안내 */
.edu_con {background:url(/html/images/main/edu_bg01.png) top 50px left 0 no-repeat, url(/html/images/main/edu_bg02.png) top 0 right -250px no-repeat, #e5e7ea;}


}

/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 


#contents {margin-top:85px;}

.b_stit {font-size:1.666rem; margin-bottom:10px}
.b_stit span.desc{ margin-left:10px; font-size:0.888rem;}

.m_stit {font-size:1.5rem}

.notice_area .latestBox {height:400px;}
.notice_area .latestBox .tabsWrap .tabs .noticeBox{top:60px; height:300px;}

/* speedSearch */
.search_area .speedSearch form { width:94%; margin:20px auto;}
.search_area .speedSearch form fieldset {display:block; align-items:center; height:145px;}
.search_area .speedSearch form fieldset .searchForm {width:100%; font-size:0;}
.search_area .speedSearch form fieldset .searchForm select {height:45px; margin-right:10px; padding:0 20px; box-sizing:border-box; width:calc((100% - 10px) / 2);}
.search_area .speedSearch form fieldset .searchForm select:nth-child(2) {margin-right:0;}
.search_area .speedSearch form fieldset .searchForm input { display:block; width:100%; height:45px; margin-top:5px; padding:0 20px;}
.search_area .speedSearch form fieldset .btnSearch {display:block; width:100%; height:45px; background:#f04e30; border-radius:10px 10px 10px 10px; font-size:1rem; color:#fff; line-height:45px; border:0; margin:5px 0 0;}


.item .ibox_content .itop_area .isubject{font-size:1.333rem; letter-spacing:-1px; line-height:1.625rem; font-weight:500;}



.gallery_con .btn_area { top:13px;}
.gallery_con .slick-prev{top:-52px;}
.gallery_con .slick-next{top:-52px;}





}

/*******************************************************************************
	@media 681 ~ 768px
*******************************************************************************/
@media all and (max-width:768px) { 


.quick_icon_box dl {display:inline-block; width:29.333%; text-align:center; margin:0 2%;}

	.main_bnr .main_bnr_ctrl { padding: 10px 15px; border-radius: 0 10px 0 10px;}


}

/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 


#contents {margin-top:70px;}

.m_stit {margin-bottom:15px; font-size:1.5rem}
	.m_stit .moreBtn {margin-top:-3px}


.item{width:100%; margin:0 0 2% 0;}
.item:nth-child(2n+1){position:relative; margin:0 0 2% 0 !important;}
.item:nth-child(3n+1){margin:0 0 2% 0;}



.gallery_con .b_stit .desc{display:none;}
.gallery_con .btn_area { top:10px;}
.gallery_con .slick-prev{top:-52px;}
.gallery_con .slick-next{top:-52px;}






}


/*******************************************************************************
	@media 361~480px
*******************************************************************************/
@media all and (max-width:480px) { 


.quick_icon_box dl dt {width:80px; height:80px; padding-top:14px; margin-top:22px;}


}

/*******************************************************************************
	@media ~420px
*******************************************************************************/
@media all and (max-width:420px) { 




}