/*===========================================================================
	MAIN STYLE
============================================================================*/


/* 공통 */



/* ===============================================gnb================================================= */
/*heaer_wrap*/
.heaer_wrap { position: fixed; left:0; top:0; width:100%;  z-index:8; background:#fff; }


/*heaer_wrap > gnb box */

.heaer_wrap .header_gnb{width:100%;  border-bottom:1px solid #dbdddc; background:#fff; position:relative; }
.header_gnb .hd_in{ min-height:58px;}


/*heaer_wrap > header_top*/
.header_gnb .hd_in { width:100%; position:relative; margin-top:0px; margin:0 auto; box-sizing:border-box; position:relative;  transition:0.3s;  }
.header_gnb .hd_in h1 { position:absolute; left:18px; top:50%; transform:translateY(-50%);}
.header_gnb .hd_in h1 a{ display:block; }
.header_gnb .hd_in h1 img{ width:100%; max-width:233px;}


/*heaer_wrap > header_top :선생님 모집, 저작권, 전체보기*/
.header_gnb .hdt_top{ position:absolute; right:60px; top:50%; transform:translateY(-50%);}
.header_gnb .hdt_top ul{ display:flex;}
.header_gnb .hdt_top ul li{ border-right:1px solid #e1e1e1;}
.header_gnb .hdt_top ul li:last-child{ border-right:0px;}
.header_gnb .hdt_top ul li.lf_tel { position:relative; font-size:13px; color:#999;  line-height:14px; padding:0 10px;  color:#00afad;}
.header_gnb .hdt_top ul li.lf_tel:after { content:''; position:absolute; top:-3px; left:-14px; background: url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_gnb_tel.png) no-repeat left center ; background-size:21px; width:21px; height:21px;}

.header_gnb .hdt_top ul li a{ position:relative; display:block; font-size:13px; color:#7c7c7c;  line-height:14px; padding:0 10px;}


/*header_gnb > gnb_aca : 모바일 대성학원 학원 전체보기*/

.header_gnb .hd_in .gnb_aca{ position:absolute; z-index:2; bottom:16px; right:58px; width:52px; height:24px; cursor:pointer; display:none; }
.header_gnb .hd_in .gnb_aca a{ display:block; width:100%; height:100%; border: 1px solid #00afad; line-height: 22px; color: #00afad; text-align: center;}



/*header_gnb > hdt_academy :대성학원 전체보기 230406 */

.hdt_academy { position:fixed; width:100%; height:100vh; z-index:9999; display:none; top:0;}
.hdt_academy .back_bg{ position:absolute; top:0; background:#111; opacity:0.4; width:100%; height:100vh; z-index:999;}

.hdt_academy .aca_con_close{ width:34px; height:34px; border:0px solid #111; border-radius:100%; position:absolute; right:50px; top:39px;}
.hdt_academy .aca_con_close i { position:absolute; left:50%; margin-left:-12px; width:27px; height:3px; color:#111;}
.hdt_academy .aca_con_close i:nth-child(1) {top: 49%; transform: rotate(45deg);background-color: #111;}
.hdt_academy .aca_con_close i:nth-child(2) {top: 49%; transform: rotate(-45deg);background-color: #111;}




.hdt_academy .aca_wrap{ width:1200px; padding:71px 45px; position:fixed; top:100px; left:50%; background:#fff; border:1px solid #d1d1d1; transform: translateX(-50%); box-sizing:border-box; background-color:#fff;z-index:999; min-height: 500px;}

.hdt_academy .aca_wrap{ display:table;  }

.aca_wrap .aca_tit{ display: table-cell; vertical-align: top;font-size:26px; width: 20%; border-right: 2px solid #e7e7e7;}





.aca_wrap .aca_con{ display: table-cell; vertical-align: top;  }
.aca_wrap .aca_con .aca_list{display:flex; flex-wrap:wrap; flex-direction:row; align-items:flex-start; justify-content:space-between;}
.aca_wrap .aca_con .aca_list .acalt_main{ min-height:399px;  width: 25%; padding: 20px 18px 25px 18px; border-right: 2px solid #e7e7e7;}

.aca_wrap .aca_con .aca_list .acalt_main:last-child{ border-right:0px solid #e7e7e7;}

.acalt_main .acalt_tit{}
.aca_wrap .acalt_tit .mo_tit{ display: none;}
.aca_wrap .acalt_tit .pc_tit{ display: block;font-size: 1.250rem; line-height: 1.250rem; padding: 15px 0; color: #111; font-weight: 500;}


.acalt_sub{ display: block;}
.acalt_sub > li a{ padding: 10px 0; width: 100%; color: #111;  font-size: 1.125rem; }
.acalt_sub > li a:hover{ font-weight: 400;}


.aca_btn{ position: absolute; left: 43px; bottom: 80px;}
.aca_btn .acabtn { position: relative; display: block; width: 200px; height: 36px; padding-left: 12px;}
.aca_btn .acabtn span{ line-height: 34px;}
.aca_btn .acabtn.st01 { border: 1px solid #111; color: #111; background: #f2f2f2; margin-bottom: 10px; box-sizing: border-box;}
.aca_btn .acabtn.st02 { border: 1px solid #00afad; color: #00afad; background: #f2fbfb;}

.aca_btn .acabtn:after{position:absolute;top:49%;right:15px;content:'';width:8px;height:8px;border:1px solid #333;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translateY(-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:1px 1px 0px 0;}
	
.aca_btn .acabtn.st02:after{position:absolute;top:49%;right:15px;content:'';width:8px;height:8px;border:1px solid #00afad;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translateY(-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:1px 1px 0px 0;}




@media all and (max-width:768px){
    .hdt_academy .aca_wrap{width:100%; height: 100vh; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: translate(0); padding: 0; border: 0px;}
    .hdt_academy .aca_wrap{  display:flex;flex-wrap:nowrap; flex-direction:column; align-items:; justify-content:flex-start;}
    
    .aca_wrap .aca_tit{ width: 100%; border-right: 0; font-size: 19px; height: 59px; line-height: 58px; padding-left: 20px; border-bottom: 1px solid #dbdddc }
    .aca_wrap .aca_tit b{ font-weight: normal;}
    
    .hdt_academy .aca_con_close{ right:13px; top: 12px;}
    
    .aca_wrap .aca_con{ display: block; height: calc(100vh - 0px); overflow: scroll; padding-bottom: 100px;}
    .aca_wrap .aca_con .aca_list{flex-direction:column; padding: 0 20px;}
    .aca_wrap .aca_con .aca_list .acalt_main{width:100%; padding: 0; border-right:0px;  min-height: auto;  border-bottom: 1px solid #dbdddc}
    
    .acalt_main .acalt_tit{ position: relative;}
	.acalt_main .acalt_tit:before{content: "";position: absolute;top: 20px;right: 12px;width: 12px;height: 2px;background-color: #111;}
	.acalt_main .acalt_tit:after{content: "";position: absolute;top: 15px;right: 17px;height: 12px;width: 2px;background-color: #111;}
    .acalt_main.active .acalt_tit:before{}
    .acalt_main.active .acalt_tit:after{ display: none;}
    
	.acalt_main.active > .acalt_sub{ display: block;}
    .acalt_main > .acalt_sub{ display:none;}
    
    
    .aca_wrap .acalt_tit .mo_tit{ display: block; width: 100%; padding: 15px 0 15px 0px; line-height: 16px; font-size: 16px; color: #111; font-weight: 500;}
    .aca_wrap .acalt_tit .pc_tit{ display: none;}
    
    .acalt_sub{ padding: 12px 0; display: none;border-top: 1px solid #dbdddc;}
    .acalt_sub > li a{ position: relative;  padding: 9px 10px; font-size: 14px;}
    
    .acalt_sub > li a:after{position: absolute; content: ''; width: 6px; height: 6px; border-left: 1px solid #bcbcbc; border-top: 1px solid #bcbcbc; transform: translateY(-50%) rotate(135deg); right: 16px; top: 50%;}

    .aca_btn{  position: relative; left: 0; bottom: 0; padding: 0 20px; margin-top: 18px; display:flex; flex-wrap:wrap; flex-direction:row; align-items:flex-start; justify-content:space-between;}
    .aca_btn .acabtn{ width: 49%; font-size: 1.0rem; height: 48px;}
    .aca_btn .acabtn span{ line-height: 46px;}
    .aca_btn .acabtn.st01{ margin-bottom: 0;}
    
    
}

/*//header_gnb > hdt_academy :대성학원 전체보기 230406 */



/*header_gnb > gnb_nav : 전체메뉴*/
.header_gnb .hd_in .gnb_nav { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:60%;}
.header_gnb .hd_in .gnb_nav .nav_new { display:flex;flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:center; width:100%; height:58px;}
.header_gnb .hd_in .gnb_nav .nav_new .nav_list { position:relative; height:100%;}
.header_gnb .hd_in .gnb_nav .nav_new .nav_list .new, .hb_wrap .alist_wrap .lt_main ul.lt_sub li a span.new{color:#fa3515; font-weight:bold; padding-left:3px; font-size:14px;}
.header_gnb .hd_in .gnb_nav .nav_new .nav_list>a{display:block; height:100%; color:#111; padding:18px 13px; margin-top:; line-height:19px; font-size:1.125rem; font-weight:500;}

.header_gnb .hd_in .gnb_nav .nav_new .nav_list>a:hover{color:#00afad;}

.header_gnb .hd_in .gnb_nav .nav_new .nav_list>a.dmb { padding-left:10px;}
.header_gnb .hd_in .gnb_nav .nav_new .nav_list>a.dmb > span{ border:1px solid #00afad; border-radius:30px; padding:0px 10px; height:22px; font-size:0.875rem;font-weight:500; display:inline-block;}
.header_gnb .hd_in .gnb_nav .nav_new .nav_list>a.dmb > span em{ color:#00afad;font-weight:500;}

.header_gnb .hd_in .gnb_nav .nav_wrap{ position:absolute; left:2px; top:58px; width:202px; background:#fff; border:1px solid #e5e5e5; border-top:3px solid #00afad; padding:10px 0; display:;}
.header_gnb .hd_in .gnb_nav .nav_wrap.show{ display:block;}
.header_gnb .hd_in .gnb_nav .nav_wrap li{  z-index:3;}
.header_gnb .hd_in .gnb_nav .nav_wrap li a{ width:100%; line-height:28px; padding:5px 20px; color:#7c7c7c; }
.header_gnb .hd_in .gnb_nav .nav_wrap li:hover a{ color:#111; z-index:3;}



/* 햄버거 애니메이션 */
.hamberger{}
#gnb_show {display: none;}
.hamberger>label {position: absolute; z-index: 2;  bottom:11px; right: 20px; width: 36px; height: 36px;cursor: pointer; border-radius:; background:#fff;}
.hamberger>label i {position: absolute; left:0%; margin-left:4px; margin-top: -1px; width: 27px; height: 3px; background-color: #111; transition: top 0.3s 0.3s, width 0s 0.3s, margin-left 0s 0.3s, transform 0.3s;}
#gnb_show:checked~label i {transition: top 0.3s, width 0s 0.3s, margin-left 0s 0.3s, transform 0.3s 0.3s;}
.hamberger>label i:nth-child(1) {top: 30%;}  /* ≡ 중에 상단바 */
.hamberger>label i:nth-child(2) {top: 50%;}  /* ≡ 중에 중간바 */
.hamberger>label i:nth-child(3) {top: 70%;}  /* ≡ 중에 하단바 */

#gnb_show:checked~label { border:0px solid #00afad;}
#gnb_show:checked~label i:nth-child(1) {top: 50%; transform: rotate(45deg);background-color: #00afad;}
#gnb_show:checked~label i:nth-child(2) {top: 50%; width: 0; margin-left: 0;}
#gnb_show:checked~label i:nth-child(3) {top: 50%; transform: rotate(-45deg);background-color: #00afad;}
#gnb_show:checked~nav {transform: translateY(0);}

/* 햄버거 전체메뉴 */
.hd_wrap_in{  position:relative; margin:0 auto;}
.hb_wrap{ position:absolute; width:100%; top:-1px; border:1px solid #dbdddc; background:#fff;}
.hb_wrap .alist_wrap{ width:100%; padding:20px 20px; min-height:400px;  display:flex; flex-wrap:nowrap; flex-direction:row; align-items:flex-start; justify-content:space-around;}

.hb_wrap .alist_wrap.lt_6 .lt_main{ width:16.6%;}
.hb_wrap .alist_wrap.lt_5 .lt_main{ width:20%;}
.hb_wrap .alist_wrap.lt_4 .lt_main{ width:25%;}
.hb_wrap .alist_wrap.lt_3 .lt_main{ width:33%;}
.hb_wrap .alist_wrap.lt_2 .lt_main{ width:50%;}
.hb_wrap .alist_wrap.lt_1 .lt_main{ width:25%;}

.hb_wrap .alist_wrap .lt_main{  padding:0 10px;}
.hb_wrap .alist_wrap .lt_main p.lt_tit{ text-align:center; border-bottom:2px solid #00afad; font-size:18px; width:100%;font-weight:bold; color:#111; line-height:40px; font-weight: 500; }
.hb_wrap .alist_wrap .lt_main p.lt_tit .pc_tt{font-weight: 500;}

.hb_wrap .alist_wrap .lt_main p.lt_tit a.tt{ display:none; }

.hb_wrap .alist_wrap .lt_main ul.lt_sub{ padding:10px;}
.hb_wrap .alist_wrap .lt_main ul.lt_sub li{}
.hb_wrap .alist_wrap .lt_main ul.lt_sub li a { width:100%;  padding:8px 10px; color:#111; }

.mheader_bell{ display:none;}


/*// ======================================  gnb   2021  05 ====================================== */


/* TOP 버튼 */
.ntop_btn{width: 50px;position: fixed;_bottom: 320px; bottom: 10px;right:10px;height:50px;background: url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/btn_top.jpg) no-repeat; z-index:999; opacity:0.8;}
.ntop_btn a{width: 100%;height: 100%; text-indent: -9999px;}

.m_view{ display:none;}

.pc_vi{ display:block;}
.t_vi { display:none;}
.m_vi { display:none;}

.pcn_1100{ display:none;}




@media all and (max-width:1180px){
	.header_gnb .hd_in .gnb_nav{ width:65%}
	.header_gnb .hd_in .gnb_nav .nav_new .nav_list>a { padding:18px 10px;}
	
	.header_top { display:none;}
	
	
	#new_main.sc_main{ margin-top:144px}
		
	.header_gnb .hd_in h1 { left:10px;}
	.header_gnb .hd_in h1 img{ width:100%;}
	
    
	
	
}

@media all and (max-width:1100px){
	.pcn_1100{ display: block;}
	
    
    .hamberger>label{ right:20px; bottom:11px;}

	/* 햄버거 전체메뉴 */
	.hb_wrap{ position:absolute; max-width:1200px; width:100%; top:; bottom:0; left:0; right:0; height:100vh;  border-top:1px solid #dbdddc; border-left:0; border-right:0; background:#fff; box-sizing:border-box; }
	.hb_wrap .alist_wrap{ width:100%; padding:0px 20px; height:calc(100vh - 181px);  display:flex; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; justify-content:flex-start; overflow:scroll;}
	.hb_wrap .alist_wrap.lt_6 .lt_main{ width:100%;}
	.hb_wrap .alist_wrap.lt_5 .lt_main{ width:100%;}
	.hb_wrap .alist_wrap.lt_4 .lt_main{ width:100%;}
	.hb_wrap .alist_wrap.lt_3 .lt_main{ width:100%;}
	.hb_wrap .alist_wrap.lt_2 .lt_main{ width:100%;}
	.hb_wrap .alist_wrap.lt_1 .lt_main{ width:100%;}
	
	.hb_wrap .alist_wrap .lt_main{  padding:0px; border-bottom:1px solid #dbdddc; position:relative; width: 100%;}
	.hb_wrap .alist_wrap .lt_main p.lt_tit{ text-align:left;border-bottom:0px solid #00afad; }
	.hb_wrap .alist_wrap .lt_main p.lt_tit a.tt{font-size:16px; width:100%; color:#111;line-height:16px; padding:15px 0; display:block; font-weight: 500;}
	.hb_wrap .alist_wrap .lt_main p.lt_tit .pc_tt{ display:none;}
	
	
	.hb_wrap .alist_wrap .lt_main p.lt_tit:before{content: "";position: absolute;top: 20px;right: 12px;width: 12px;height: 2px;background-color: #111;}
	.hb_wrap .alist_wrap .lt_main p.lt_tit:after{content: "";position: absolute;top: 15px;right: 17px;height: 12px;width: 2px;background-color: #111;}
	.hb_wrap .alist_wrap .lt_main.active p.lt_tit:before{background-color: #111;}
	.hb_wrap .alist_wrap .lt_main.active p.lt_tit:after{content: none}
	
	.hb_wrap .alist_wrap .lt_main ul.lt_sub{ padding:12px 0; display:none; border-top:1px solid #dbdddc;}
	.hb_wrap .alist_wrap .lt_main ul.lt_sub li{ border-bottom:0px solid #ededed;  padding: 0 10px;}
	.hb_wrap .alist_wrap .lt_main ul.lt_sub li a { position: relative; width:100%;  padding:9px 0px; font-size:14px; color:#111; text-align:left;}
	.hb_wrap .alist_wrap .lt_main ul.lt_sub li a .new{ color:#fa3515; font-weight:bold; padding-left:3px;}
	.hb_wrap .alist_wrap .lt_main ul.lt_sub li a::after{ position: absolute; content: ''; width: 6px; height: 6px; border-left: 1px solid #bcbcbc; border-top: 1px solid #bcbcbc; transform: translateY(-50%) rotate(135deg); right: 6px; top: 50%;}
    
    
    .hb_wrap .alist_wrap .lt_main.active ul.lt_sub{display: block;}
	/*// 햄버거 전체메뉴 */
	
	
	
	.pc_vi{ display:none;}
	.t_vi { display:block;}
	.m_vi { display:none;}
	
}
@media all and (max-width:1024px){
	
	.header_top { display:none;}
	.header_gnb .hd_in .gnb_nav .nav_new { display:none;}

	
    
    
	#new_main.sc_main{ margin-top:144px}
		
	.header_gnb .hd_in h1 { left:10px;}
	.header_gnb .hd_in h1 img{ width:100%;}
	

	.hamberger>label{ right:20px;bottom:11px;}
	
}
@media all and (max-width:768px){
    
    .hdt_top{display:none;}
	.header_gnb .hd_in .gnb_aca{ display:block;}
    
	.header_gnb .hd_in h1 { }
	.header_gnb .hd_in h1 img{ width:90%;}
    
    .hamberger>label{ right:10px;bottom:11px;}
	
	
	/*new main > gnb 간격*/
	#new_main.sc_main{ margin-top:124px}
	
	/* TOP 버튼 */
	.ntop_btn{width:40px;position: fixed;_bottom: 320px; bottom: 10px;right:10px;height:40px;background: url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/btn_top.jpg) no-repeat; background-size:cover; z-index:999; opacity:0.8;}
	.ntop_btn a{width: 100%;height: 100%; text-indent: -9999px;}

	/*======================== new main : 모집반 내용========================*/
	.nmb_img {}/*모집반 이미지 배너*/
	.nmb_img img{ margin:0 auto; width:95%;}/*모집반 이미지 배너*/
	.nmb_img .img_btn{ max-width:100%; width:calc(100% - 60px); margin:0 auto;  } 
	.nmb_img .img_btn a.bla{background:rgba(256,256,256,1); color:#111;line-height:48px; height:50px;}
	
	.nmb_img .img_btn ul{ width:100%; text-align:center; margin:0 auto;}
	.nmb_img .img_btn ul li{ margin-bottom:6px;}
	.nmb_img .img_btn ul li.w33{ width:calc(50% - 3px); margin-right:6px; max-width:50%; margin-bottom:6px; height:50px; }
	.nmb_img .img_btn ul li.w50{ width:calc(50% - 3px); margin-right:6px; max-width:50%; margin-bottom:6px; height:50px; }
	.nmb_img .img_btn ul li.w100{ width:100%; margin-right:0%; float:left;}
	.nmb_img .img_btn a{ max-width:100%; width:100%; text-align:center; line-height:48px; height:50px; }
	.nmb_img .img_btn ul li:last-child{ margin-right:0;}
	
	
	.m_view{ display:block;}
	
	.pc_vi{ display:none;}
	.t_vi { display:block;}
	.m_vi { display:none;}
}

@media all and (max-width:767px){
	
	.pc_vi{ display:none;}
	.t_vi { display:none;}
	.m_vi { display:block;}
	
}




/*===================================swiper : swbn_wrap 2021 05 =================================*/


/*===================================swiper : swbn_wrap 2021 05 =================================*/






/*============================ footer 2021 05====================================== */
#footer{}


.ft_top{ width:100%; border-bottom:1px solid #d1d1d2; border-top:1px solid #d1d1d2;}

.ftt_con{ max-width:1200px; width:100%; margin:0 auto; padding:0 10px; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:space-between;}
.ftt_con ul li a { font-size:0.875rem; padding:18px 0;}

.ftt_con .ftt_left{}
.ftt_con .ftt_left ul{display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:flex-start;}
.ftt_con .ftt_left ul li{ padding:0 11px; position:relative;}
.ftt_con .ftt_left ul li:after{content:''; position:absolute; right:0px; top:21px; width:1px; height:11px; background:#9f9f9f;}
.ftt_con .ftt_left ul li:last-child:after{ width:0;}


.ftt_con .ftt_right{}
.ftt_con .ftt_right ul{display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:flex-start;}
.ftt_con .ftt_right ul li{ padding:0 11px; position:relative;}
.ftt_con .ftt_right ul li:after{content:''; position:absolute; right:0px; top:21px; width:1px; height:11px; background:#9f9f9f;}
.ftt_con .ftt_right ul li:last-child:after{ width:0;}

	@media all and (max-width:768px){
		
	.ft_top{ border-bottom:0;}
	
	
	.ftt_con{flex-direction:column; padding:0;}
	.ftt_con .ftt_left, .ftt_con .ftt_right{ width:100%;}
	
	.ftt_con ul li { border-bottom:1px solid #dddddd; width:100%;}
	.ftt_con ul li a{ width:100%; text-align:center; position:relative; }
	
	.ftt_con ul li a:after{position:absolute;top:49%;right:15px;content:'';width:6px;height:6px;border:1px solid #333;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translateY(-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:1px 1px 0px 0;}
	
	
	.ftt_con .ftt_left ul{flex-direction:column;}
	.ftt_con .ftt_left ul li:after{ display:none;}
	.ftt_con .ftt_right ul{flex-direction:column;}
	.ftt_con .ftt_right ul li:after{ display:none;}
	
		
	}



.nm_ft{ width:100%; position:relative; background:#fff; }
.nm_ft .ft_in{ max-width:1200px; padding:50px 0; margin:0 auto; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:flex-start;}

.nm_ft .ft_in .arow_left:after{position:absolute;top:50%;right:15px;content:'';width:6px;height:6px;border:1px solid #333;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translateY(-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:1px 1px 0px 0;}


.nm_ft .ft_in .ftin_left{ width:32%; min-width:322px; padding:0px 30px;}

.nm_ft .ft_in .ftin_left .bt_logo{}
.nm_ft .ft_in .ftin_left .bt_logo img{ width:66%; max-width:300px;  }

.nm_ft .ft_in .ftin_left .ftlt_box{}
.nm_ft .ft_in .ftin_left .ftlt_box .lt_name{ font-size:1.625rem; font-weight:; color:#9ea1a4;}
.nm_ft .ft_in .ftin_left .ftlt_box .lt_phone{ font-size:2.375rem; color:#111; padding:5px 0 10px;font-weight:;}
.nm_ft .ft_in .ftin_left .ftlt_box .lt_stxt{ font-size:0.875rem; color:#666;}

.nm_ft .ft_in .ftin_left .ftlt_btn{ display:flex; align-items:center; justify-content:space-between; margin-top:10px;}
.nm_ft .ft_in .ftin_left .ftlt_btn a{ position:relative; display:block; width:49%; border:1px solid #333; text-align:center; padding:7px 0; background:#f7f7f7; font-size:0.875rem; font-weight:400; color:#222;}



.nm_ft .ft_in .ftin_right{ width:calc(68%); padding:0px 30px;}
.nm_ft .ft_in .ftin_right ul{ display:flex; align-items:center; justify-content:flex-start;}
.nm_ft .ft_in .ftin_right ul li{ padding:0 11px; position:relative;}
.nm_ft .ft_in .ftin_right ul li:first-child{ padding-left:0;}
.nm_ft .ft_in .ftin_right ul li:after{content:''; position:absolute; right:0px; top:4px; width:1px; height:11px; background:#9f9f9f;}
.nm_ft .ft_in .ftin_right ul li:last-child:after{ width:0;}


.nm_ft .ft_in .ftin_right ul li a{ font-size:0.875rem;}
.nm_ft .ft_in .ftin_right address{ margin-top:;}
.nm_ft .ft_in .ftin_right address p{ font-size:0.875rem; color:#999; margin-top:10px;}
.nm_ft .ft_in .ftin_right address p a{  font-size:0.875rem; color:#777;}
.nm_ft .ft_in .ftin_right address p:first-child{ color:#7c7c7c; margin-top:0}


@media all and (max-width:1150px){
	.nm_ft .ft_in .ftin_left{ padding:0px 20px;}
	.nm_ft .ft_in .ftin_right{padding:0px 20px;}
}

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

	.nm_ft .ft_in{ flex-wrap:wrap; flex-direction:column; padding:20px 0;}
	
	.nm_ft .ft_in .ftin_left{  }
	
	.nm_ft .ft_in .ftin_left .bt_logo{ text-align:center;}
	.nm_ft .ft_in .ftin_left .bt_logo img{ width:80%; max-width:200px;}
	
	.nm_ft .ft_in .ftin_left .ftlt_box .lt_name{ font-size:1.625rem; font-weight:600; text-align:center;}
	.nm_ft .ft_in .ftin_left .ftlt_box .lt_phone{ font-size:2.5rem; color:#; padding:5px 0 10px;font-weight:600;text-align:center;}
	.nm_ft .ft_in .ftin_left .ftlt_box .lt_stxt{ font-size:1.0rem; color:#666;text-align:center;}
	
	.nm_ft .ft_in .ftin_left .ftlt_btn a { padding:10px 0;}
	
	.nm_ft .ft_in .ftin_right{ width:calc(100%); padding:10px 0px 20px;}
	.nm_ft .ft_in .ftin_right ul{ display:flex; align-items:center;flex-direction:column; justify-content:flex-start;}
	.nm_ft .ft_in .ftin_right ul li{ padding:0px; width:100%;}

	.nm_ft .ft_in .ftin_right ul li:after{ width:0;}
	.nm_ft .ft_in .ftin_right ul li:last-child:after{ width:0; margin-top:-1px;}
	
	.nm_ft .ft_in .ftin_right ul li a{ position:relative; display:block; width:100%; padding:15px 0; border:1px solid #dddddd; margin-top:-1px; text-align:center;}
	.nm_ft .ft_in .ftin_right ul li a:after{position:absolute;top:49%;right:15px;content:'';width:6px;height:6px;border:1px solid #333;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translateY(-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:1px 1px 0px 0;}
	
	.nm_ft .ft_in .ftin_right address{ margin-top:20px; padding:0 10px;}
	.nm_ft .ft_in .ftin_right address p{ text-align:center;}
}
/*============================ foote 2021 05===================================== */





/*========================  main : 202607 ========================*/

/*  메인영역 : */

.main_wrap{ margin-top:59px; width:100%; position:relative; color: #111;}

.main_con{ max-width:1220px; width:100%; position:relative; margin:0 auto;  padding:60px 10px; min-height: 600px; }

/*  mbn_sec : */
.mbn_sec{}

.mbn_area{ display: grid; width: 100%; position: relative; grid-template-columns: 440px 360px 360px; grid-template-rows: 261px 261px; gap: 20px;}
.mbn_area .ma_cd{position: relative;}
.mbn_area .ma_cd.macd_01{ grid-row: 1/3;}
.mbn_area .ma_cd.macd_02{ grid-column: 2/4;}
.mbn_area .ma_cd.macd_03{ grid-column: ;}
.mbn_area .ma_cd.macd_04{ grid-column: ;}

.macd_box{ position: relative; width: 100%; height: 100%;  background: #f0f0f0; border-radius: 15px; overflow: hidden;  }
.macd_box .macd_tit{ font-size: 18px; padding-left: 7px;}
.macd_box .macd_tit b{ display: block; font-size: 22px; font-weight: 700;}

@media all and (max-width:768px){
	.main_con{ padding:30px 20px; min-height: 600px; }

	.mbn_area{ display: flex; flex-direction: column; gap: 20px;}
	.mbn_area .ma_cd{  }
	.mbn_area .ma_cd.macd_01{ }
	.mbn_area .ma_cd.macd_02{ }
	.mbn_area .ma_cd.macd_03{ }
	.mbn_area .ma_cd.macd_04{ }

	.macd_box .macd_tit{ font-size: 16px; padding-left: 0;}
	.macd_box .macd_tit b{ font-size: 18px;}
}


/* macd_01 */
.macd_01 .macd_box{ padding: 30px 40px;}
.macd_01 ul.macd_list{ margin-top: 30px;  width: 166px;display: flex; flex-wrap: wrap;}
.macd_01 ul.macd_list li{ width: 100%; z-index: 2; }
.macd_01 ul.macd_list li a{ display: block; }
.macd_01 ul.macd_list li a span{ display: block; padding: 12px 0; position: relative; width: 100%; height: 100%; border-bottom: 1px solid #bcbcbc; z-index: 2; padding-left: 7px;
	word-break: keep-all;
    color: #111;
    background: linear-gradient(to right, #00afad 0%, #00afad 50%, #111 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    transition: background-position 0.0s .0s cubic-bezier(0.47, 0.11, 0.26, 0.95); 
}
ul.macd_list li a span::after{ content: ''; position: absolute; right: 0; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23bcbcbc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-right'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E")  no-repeat center top; background-size:20px; background-position: center; }


.macd_01 ul.macd_list li a:hover span{ background-position: left bottom; font-weight: 700;}
ul.macd_list li a:hover span::after{  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300afad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-right'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E")  no-repeat center top; background-size:20px; background-position: center;}

.macd_01 ul.macd_list li:last-child a span{ border: 0;}



.macd_01 ul.macd_list_img{position: absolute;  right: 0; bottom: 0; width: 413px; height: 250px; pointer-events:none; transition: opacity 0.4s ease; z-index: 1;}
.macd_01 ul.macd_list_img li{ position: absolute;  right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; text-indent: -9999px;  }
.macd_01 ul.macd_list_img li::after { position: absolute; content: '';  right: 0; bottom: 0; width: 100%; height: 100%; }

.macd_01 ul.macd_list_img li.on { opacity: 1; transform: scaleX();  }
.macd_01 ul.macd_list_img li.list_img01{ background: url(https://img.dshw.co.kr/resources/images/www/img/wbn_main_macd_01_list_01.png) no-repeat center; background-size: contain ;}
.macd_01 ul.macd_list_img li.list_img02{ background: url(https://img.dshw.co.kr/resources/images/www/img/list_02.png) no-repeat center; background-size: ;}
.macd_01 ul.macd_list_img li.list_img03{ background: url(https://img.dshw.co.kr/resources/images/www/img/list_03.png) no-repeat center; background-size: ;}
.macd_01 ul.macd_list_img li.list_img04{ background: url(https://img.dshw.co.kr/resources/images/www/img/list_04.png) no-repeat center; background-size: ;}
.macd_01 ul.macd_list_img li.list_img05{ background: url(https://img.dshw.co.kr/resources/images/www/img/list_05.png) no-repeat center; background-size: ;}
.macd_01 ul.macd_list_img li.list_img06{ background: url(https://img.dshw.co.kr/resources/images/www/img/list_06.png) no-repeat center; background-size: ;}

@media all and (max-width:768px){
	.macd_01 .macd_box{ padding: 25px 30px; padding-bottom: 20%; }
	.macd_01 ul.macd_list{ margin-top: 20px; width: 140px;}
	.macd_01 ul.macd_list_img{ width: 60%; height: 52%;}
	.macd_01 ul.macd_list li a span{ padding: 10px 0;}

	.macd_01 ul.macd_list_img li.list_img01{ background: url(https://img.dshw.co.kr/resources/images/www/img/wbn_main_macd_01_list_01.png) no-repeat right bottom; background-size: contain ;}

	ul.macd_list li a span::after{ content: ''; position: absolute; right: 0; top: 50%; width: 16px; height: 16px; transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23bcbcbc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-right'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E")  no-repeat center top; background-size:16px; background-position: center; }

	ul.macd_list li a:hover span{ background-position: left bottom; font-weight: 700;}

	ul.macd_list li a:hover span::after{  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300afad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-right'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E")  no-repeat center top; background-size:16px; background-position: center;}

}

/* macd_02 */
.macd_02 .macd_box{ padding: 30px 30px;}
.macd_02 ul.macd_list{ margin-top: 30px;  width: 200px;display: flex; flex-wrap: wrap;}
.macd_02 ul.macd_list li{ width: 100%; z-index: 2; }
.macd_02 ul.macd_list li a{ display: block; }
.macd_02 ul.macd_list li a span{  display: block; padding: 12px 0; position: relative; width: 100%; height: 100%; border-bottom: 1px solid #bcbcbc; z-index: 2; padding-left: 7px;
	word-break: keep-all;
    color: #111;
    background: linear-gradient(to right, #00afad 0%, #00afad 50%, #111 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    transition: background-position 0.0s .0s cubic-bezier(0.47, 0.11, 0.26, 0.95); 
}

.macd_02 ul.macd_list li a:hover span{ background-position: left bottom; font-weight: 700;}

.macd_02 ul.macd_list li:last-child a span{ border: 0;}
.macd_02 ul.macd_list_img{ position: absolute;  right: 0; bottom: 0; width: 413px; height: 194px; pointer-events:none; transition: opacity 0.4s ease; z-index: 1;}
.macd_02 ul.macd_list_img li{ position: absolute;  right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; text-indent: -9999px;  }
.macd_02 ul.macd_list_img li::after { position: absolute; content: '';  right: 0; bottom: 0; width: 100%; height: 100%;  }
.macd_02 ul.macd_list_img li.on { opacity: 1; transform: scaleX(1);  }
.macd_02 ul.macd_list_img li.list_img01{ background: url(https://img.dshw.co.kr/resources/images/www/img/wbn_main_macd_02_list_01.png) no-repeat center; background-size: cover;}
.macd_02 ul.macd_list_img li.list_img02{ background: url(../../img/www/img/list_02.png) no-repeat center; background-size: cover;}

@media all and (max-width:768px){
	.macd_02 .macd_box{ padding: 25px 30px; padding-bottom: 30%; }
	.macd_02 ul.macd_list{ margin-top: 20px; width: 170px;}
	.macd_02 ul.macd_list_img{ width: 60%; height: 43%;}
	.macd_02 ul.macd_list_img li.list_img01{ background: url(https://img.dshw.co.kr/resources/images/www/img/wbn_main_macd_02_list_01.png) no-repeat right bottom; background-size: contain;}
	.macd_02 ul.macd_list li a span{ padding: 10px 0;}
}


/* macd_03 */
.macd_03 .macd_box{ padding: 30px 30px;}
.macd_03 .macd_list_img{ position: absolute;  right: 0; bottom: 0; width: 237px; height: 170px;  background: url(https://img.dshw.co.kr/resources/images/www/img/wbn_main_macd_03_list_01.png) no-repeat center; background-size: cover;}

@media all and (max-width:768px){
	.macd_03 .macd_box{ padding: 25px 30px; padding-bottom: 32%;}
	.macd_03 .macd_list_img{ width: 48%; height: 70%;}
	.macd_03 .macd_list_img{ position: absolute;  right: 0; bottom: 0; background: url(https://img.dshw.co.kr/resources/images/www/img/wbn_main_macd_03_list_01.png) no-repeat center; background-size: cover;}
}





/* macd_04 */
.macd_04 .macd_box { padding: 0px; }
.macd_04 .macd_swiper { }
.macd_04 .macd_swiper .swiper-wrapper{ }
.macd_04 .macd_swiper .swiper-slide { transition-property:opacity; }
.macd_04 .macd_swiper .swiper-slide  img{ width: 100%; }
.macd_04 .macd_swiper a{ display: block; width: 100%; height: 100%;}
.macd_04 .macd_swiper a .macd_sw_stit{ font-size: 18px; }
.macd_04 .macd_swiper a .macd_sw_tit { font-size: 22px; font-weight: 700; margin-top: 20px;}
.macd_04 .macd_swiper a .macd_sw_tit span{ display: block; font-size: 22px; font-weight: 700; color: #5364ad;}
.macd_04 .macd_sw_navi{ display: inline-block; position: absolute; right: 40px; bottom: 30px; z-index: 2;}
.macd_04 .macd_sw_navi .macd_sw_con {}
.macd_04 .macd_sw_navi .macd_sw_con .swiper-pagination-bullet{ margin:0 3px; background:#666;}

@media all and (max-width:768px){
	.macd_04 .macd_box{ padding: 0px; }
	.macd_04 .macd_swiper a .macd_sw_stit{ font-size: 16px; }
	.macd_04 .macd_swiper a .macd_sw_tit { font-size: 20px;  margin-top: 15px;}
}




.sns_sec{ margin-top: 60px;}
.sns_area{ display: flex; width: 100%; }

.sa_cd{ padding: 30px 20px 30px;  border-right: 1px solid #dedede;}
.sa_cd .sacd_box{ position: relative; display: flex; justify-content: space-between;}
.sa_cd.sacd_01{ min-width: 329px;}
.sa_cd.sacd_02{ min-width: 367px;}
.sa_cd.sacd_03 {  min-width: 504px; border-right: 0px;}
.sa_cd.sacd_03 .sacd_box{ flex-direction: column; border-right: 0px;}
.sa_cd.sacd_01 .sacd_box .sacd_tit{ width: 70px; font-size: 18px; font-weight: 700;}
.sa_cd .sacd_box .sacd_tit{ width: 90px; font-size: 18px; font-weight: 700;}
.sa_cd .sacd_box .sacd_plus{ position: absolute; right: 12px; top: 4px; width: 16px; height: 16px;}
.sa_cd .sacd_box .sacd_plus span{ position: relative; display: block;  width: 16px; height: 16px; text-indent: -9999px;}
.sa_cd .sacd_box .sacd_plus span::before{ position: absolute; content:''; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 2px;  background: #111;}
.sa_cd .sacd_box .sacd_plus span::after { position: absolute; content:''; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 2px; height: 100%; background: #111;}

.sa_cd .sacd_box .sacd_bn{ border-radius: 15px; background-color: #999; overflow: hidden;}
.sa_cd .sacd_box .sacd_bn img{ width:100%;}

.sa_cd.sacd_01 .sacd_box .sacd_bn{ width: 204px;}
.sa_cd.sacd_02 .sacd_box .sacd_bn{ width: 204px;}
.sa_cd.sacd_03 .sacd_box .sacd_list{  margin-top: 20px;}
.sa_cd.sacd_03 .sacd_box .sacd_list li{padding: 10px 0px; border-bottom: 1px solid #dedede;}
.sa_cd.sacd_03 .sacd_box .sacd_list li:last-child{ border-bottom: 0px solid #dedede;}
.sa_cd.sacd_03 .sacd_box .sacd_list li a{ position: relative; padding: 4px 35px 4px 10px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; line-height:1.5rem;}
.sa_cd.sacd_03 .sacd_box .sacd_list li a::after{ position: absolute; content: ''; width: 10px; height: 10px; border-left: 2px solid #bcbcbc; border-top: 2px solid #bcbcbc; transform: translateY(-50%) rotate(135deg); right: 16px; top: 50%;}

.sa_cd.sacd_03 .sacd_box .sacd_list li a:hover{ font-weight: 700; color: #00afad;}
.sa_cd.sacd_03 .sacd_box .sacd_list li a:hover::after{  border-left: 2px solid #00afad; border-top: 2px solid #00afad; }


@media all and (max-width:768px){
	.sns_sec{ margin-top: 40px;}
	.sns_area{ display: flex; flex-wrap: wrap; justify-content: space-between;}

	.sa_cd{ padding: 10px 0px ;  border-right: 1px solid #dedede;}
	.sa_cd .sacd_box{ display: flex; justify-content: space-between; flex-direction: column; }
	.sa_cd.sacd_01{ min-width: 146px; width: 50.0%; padding-right: 10px;}
	.sa_cd.sacd_02{ min-width: 146px; width: 50.0%;  padding-left: 10px; border-right: 0px;}
	.sa_cd.sacd_03{ min-width: 221px; width: 100.0%; border-right: 0px; margin-top: 10px;}
	.sa_cd.sacd_03 .sacd_box{ flex-direction: column;  border-right: 0px;}

	.sa_cd .sacd_box .sacd_tit{ width: 100%; font-size: 16px; }
	.sa_cd .sacd_box .sacd_plus{ right: 6px; top: 3px; width: 14px; height: 14px;}
	.sa_cd .sacd_box .sacd_plus span{   width: 14px; height: 14px;}
	.sa_cd .sacd_box .sacd_plus span::before{}
	.sa_cd .sacd_box .sacd_plus span::after { }
	.sa_cd .sacd_box .sacd_bn{ border-radius: 15px; background-color: #999; overflow: hidden;}
	.sa_cd .sacd_box .sacd_bn img{ width:100%; height: auto;}

	.sa_cd.sacd_01 .sacd_box .sacd_bn{ min-width: 116px; width: 100%; margin-top: 20px;}
	.sa_cd.sacd_02 .sacd_box .sacd_bn{ min-width: 116px; width: 100%; margin-top: 20px;}
	.sa_cd.sacd_03 .sacd_box .sacd_list{  margin-top: 20px;}
	.sa_cd.sacd_03 .sacd_box .sacd_list li{padding: 7px 0px; }
	
	.sa_cd.sacd_03 .sacd_box .sacd_list li a{ padding: 3px 25px 3px 5px;}
	.sa_cd.sacd_03 .sacd_box .sacd_list li a::after{width: 7px; height: 7px; right: 10px; top: 50%;}
	}

/* // sbn02 :20210928 */





/* // sns :20211013 */



/*========================  main : 2021 0511 기존 메인 삭제할것 ========================*/





	
::-webkit-scrollbar,
::-webkit-scrollbar-button,
::-webkit-scrollbar-thumb:window-inactive,
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {/* -webkit-appearance:none; *//* display:none; */}

	

/* // 메인배너 :20211013 */

.smbn_wrap{ margin-top:59px; width:100%; position:relative;}

.smbn_con{ max-width:1280px; width:100%; position:relative; margin:0 auto; }

.smbn_tit{ position:absolute; max-width:300px; height:35px;  left:50px; top:100px; font-size:1.875rem; font-weight:600;}
.smbn_tit span.gray{ color:#999; font-weight:400;}
.smbn_tit span.big{ }

.smbn_wrap .mbn_swiper1 {  width: 100%; height: ; padding:225px 0 80px 0;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }
  
.mbn_swiper1 .swiper-wrapper{align-items: center;}

  
.mbn_swiper1 .swiper-slide {text-align: center; font-size: 18px; width:16%; min-width:203px; max-width:243px; height:;  }
.mbn_swiper1 .swiper-slide {transform:scale(1.0);}
.mbn_swiper1 .swiper-slide-active{ transform:scale(1.3);}

.mbn_swiper1 .logo_box{ background:#e8e7e3;  margin:0 auto;  border-radius:10px; overflow:hidden; position:relative; }
.mbn_swiper1 .logo_box img{ display:block; width:100%; height:100%; object-fit: cover;}


.mbn_swiper1 .logo_box .logo_bbg{}
.mbn_swiper1 .logo_box .logo_btn{ width: 90%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.mbn_swiper1 .logo_box .logo_btn li{ display: flex; width: calc(50% - 2.5px); padding:3px 3px; margin: 0; align-items: flex-start;}

.mbn_swiper1 .logo_box .logo_btn.w33 li{width: calc(100% / 3);}
.mbn_swiper1 .logo_box .logo_btn.w50 li{width: calc(50%);}

.mbn_swiper1 .logo_box .logo_btn li a{ position: relative;  width: 100%; border: 0px solid #3b3b3b; background-color: #3b3b3b; color: #fff; font-size: 0.750rem; border-radius: 30px; padding: 5px 0 6px; height: 100%; top: 0; z-index: 1; font-weight: ; box-shadow:2px 3px 4px rgba(0, 0, 0, 0.2);}


.mbn_swiper1 .logo_box .logo_img{ position:absolute; width:70%; left:50%; top:40%;  transform:translate(-50%,-50%); z-index:2; transition:0.5s ease-in-out;}
.mbn_swiper1 .logo_box .logo_bg{ position:absolute; width:100%; left:50%; bottom:-50%; transform:translate(-50%,0%); transition:0.5s ease-in-out; opacity:0.0}

.mbn_swiper1 .logo_box .logo_txt{ position:absolute; width:90%; left:50%; top:54%;  transform:translate(-50%, 0%); z-index:2; transition:0.2s ease-in-out; font-size:0.875rem;opacity:1;}

.mbn_swiper1 .logo_box .logo_btn{ position:absolute; left:50%; top:100%; transform:translate(-50%, -50%); transition:0.5s ease-in-out; opacity:0.0}

.mbn_swiper1 .swiper-slide-active .logo_box { box-shadow:6px 6px 4px rgba(0, 0, 0, 0.1);}
.mbn_swiper1 .swiper-slide-active .logo_box .logo_img{ position:absolute; width:80%; left:50%; top:22%;  transform:translate(-50%,-50%); z-index:2;}
.mbn_swiper1 .swiper-slide-active .logo_box .logo_bg{ position:absolute; width:100%; left:50%; bottom:0%;  transform:translate(-50%,0%);opacity:0.7}
.mbn_swiper1 .swiper-slide-active .logo_box .logo_txt{ position:absolute; width:90%; left:50%; top:55%;  transform:translate(-50%,-50%); z-index:2;  opacity:0;}
.mbn_swiper1 .swiper-slide-active .logo_box .logo_btn{ position:absolute;  left:50%; top:65%;  transform:translate(-50%, -50%);opacity:1; z-index: 3;}

.mbn_swiper1 .txt_box{ padding-top:20px; opacity:0;transition:0.3s ease-in-out; font-size:0.750rem; letter-spacing:-1px;}
.mbn_swiper1 .swiper-slide-active .txt_box{ opacity:1; transition:0.3s ease-in-out;}



.sw_navi{ width:223px;  z-index:2; position:absolute; top:100px; right:20px; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:flex-start; margin-top:0px;}
.sw_con{ width:40%; position:relative; text-align:center;}

.sw_con i{ display:block; width:100%; height:36px;}
.sw_con i.btn_sw_left{ background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_dshw_smbn_arow_left.png) no-repeat ;background-position:center; text-indent:-9999px; background-size:contain;}
.sw_con i.btn_sw_right{background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_dshw_smbn_arow_right.png) no-repeat ;background-position:center; text-indent:-9999px;background-size:contain;}
.sw_con2{ width:28%;position:relative; text-align:center;}
.sw_con2 .swiper-pagination-fraction{ width:100%; position:relative; left:0; bottom:0; transform: translateX(0); transform:scale(100%,100%); height:auto;}


.sw_con.swiper-button-prev.swiper-button-disabled, .sw_con.swiper-button-next.swiper-button-disabled{ opacity:1;}


.sw_con.swiper-button-prev.swiper-button-disabled i.btn_sw_left{ background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_dshw_smbn_arow_left.png) no-repeat ;background-position:center; text-indent:-9999px; opacity:0.3;}

.sw_con.swiper-button-next.swiper-button-disabled i.btn_sw_right{ background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_dshw_smbn_arow_right.png) no-repeat ;background-position:center; text-indent:-9999px; opacity:0.3;}


/* // 메인배너 : 20211013 */





.mbn_wrap { position:relative; width:100%; }
.mbn_con { max-width:1280px; width:100%; margin:0 auto; padding:0 10px;}



/* sbn02 : 20211013 */
.sbn_wrap{ margin-top:50px;}
.sbn_con { padding:0px 10px; }

.sbn_con > a{ display:block; width:100%;}

.sbn_con .mbn_swiper2{ border-radius:10px; }
.sbn_con .swiper-slide { transition-property:opacity; }
.sbn_con .swiper-slide-active{  }

.sbn_con .swiper-slide img{ width:100%;}

.sbn_con .sbn_sw_navi{ position:absolute;  right:3%; bottom:15%; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:flex-start;   z-index:3;}

.sbn_con .sbn_sw_navi .sbn_sw_con {}
.sbn_con .sbn_sw_navi .sbn_sw_con i{display:block; width:15px; height:15px; border:1px solid #b9b9b9; opacity:0.7;}
.sbn_con .sbn_sw_navi .sbn_sw_con .btn_sw_left{background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_snsmbn_arow_left.png) no-repeat ;background-position:center; text-indent:-9999px;background-color:#ffffff;}
.sbn_con .sbn_sw_navi .sbn_sw_con .btn_sw_right{background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_snsmbn_arow_right.png) no-repeat ;background-position:center; text-indent:-9999px;background-color:#ffffff;}




.sbn_con .sbn_sw_navi .sbn_sw_con2 { width:36px; position:relative; font-size:0.750rem;}

.sbn_con .sbn_sw_navi .swiper-pagination2{ width:100%; position:relative; left:auto; bottom:auto; transform:scale(100%,100%); height:auto; transform:translateX(0); text-align:center; color:#222; opacity:0.7;}

.sbn_sw_navi.swiper-prev.swiper-button-disabled, .sbn_sw_navi.swiper-next.swiper-button-disabled{ opacity:1;}


.sbn_sw_navi.swiper-prev.swiper-button-disabled i.btn_sw_left{ background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_snsmbn_arow_left.png) no-repeat ;background-position:center; text-indent:-9999px; opacity:0.6;}

.sbn_sw_navi.swiper-next.swiper-button-disabled i.btn_sw_right{ background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_snsmbn_arow_right.png) no-repeat ;background-position:center; text-indent:-9999px; opacity:0.6;}



@media all and (max-width:1280px){
	.sbn_con { }
}

@media all and (max-width:768px){
	
	.smbn_tit{ display:none;}
	
	.sbn_con .sbn_sw_navi{ bottom:10%;}
	.sw_navi{ width:70px; top:70px; left:calc(50% + 87px); transform: translateX(-50%);}
	.smbn_wrap .mbn_swiper1{ padding:90px 0 50px 0;}
	
	
	.sw_con2{ width:100%;}
	.sw_con{ display:none;}
}

/* // sbn02 :20210928 */





/* 대입결과 :20211013 */

.clg_wrap{}
.clg_con{ margin-top:30px;}

.clg_con .clg_box{ position:relative;border-radius:10px; background:#bed9e2; display:flex; flex-wrap:nowrap; flex-direction: row-reverse; align-items:center; justify-content:space-between; padding:40px 30px;}

.clg_con  a.plus_link{ display:block; width:100%;}

.clg_con .clg_left{ width:35%;  text-align:center; }
.clg_con .clg_left p{ font-size:2.0rem; font-weight:600; }


.clg_con .clg_right{ width:65%;  padding-left:80px; position:relative;}
.clg_con .clg_right .rt_txt01_01{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:60px; }
.clg_con .clg_right .rt_txt01_01 span{ letter-spacing:6px; padding-left:3px;}

.clg_con .clg_right .rt_txt01_02{line-height:1.250rem; color:#333; font-weight:300; font-size:1.125rem;}
.clg_con .clg_right .rt_txt01_02 b{ font-weight:bold; color:#333; }
.clg_con .clg_right .rt_txt01_03{line-height:1.125rem; font-size:1.0rem; margin-top:3px; }
.clg_con .clg_right .rt_txt01_04{ font-size:0.750rem; margin-top:3px; color:#666;}


@media all and (max-width:1030px){
	.clg_con .clg_box{flex-direction:column;}
	
	.clg_con .clg_left{ width:80%; }
	.clg_con .clg_right{ width:90%;padding-left:0; text-align:center; padding-top:20px; }
	.clg_con .clg_right .rt_txt01_01{ display:none;}
	.clg_con .clg_right .rt_txt01_02{ padding-bottom:10px;}
	.clg_con .clg_right .rt_txt01_03{ padding-top:10px; border-top:1px solid #6e9cab;}
	
	
	
}

@media all and (max-width:768px){
	
	.clg_con .clg_box{ padding:15px 15px;}
	.clg_con .clg_left{ width:100%; }
	.clg_con .clg_right{ width:100%;padding-left:0; text-align:center; padding-top:20px; }
	
}


/* //대입결과 :20211013 */





.sns_con{ margin-top:80px; margin-bottom:100px;}
.sns_con .sns_list{ width:100%; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:space-between; padding:0 20px;}

.sns_box{ width:31%; max-width:352px; min-width:200px; margin-right:4%; border:1px solid #c2c2c2; border-radius:10px; overflow:hidden; }
.sns_box:last-child{ margin-right:0;}

.sns_box .box_top{ background:#f5f5f5; padding:30px 20px;  width:100%;}
.sns_box .box_top .tit{ text-align:right; padding-bottom:10px}
.sns_box .box_top .blog_img{ max-width:224px; margin:0 auto;}
.sns_box .box_top .blog_img img { width:100%;}

.sns_box .box_top .youtube_img{ max-width:310px; width:100%; margin:0 auto; position:relative;}
.sns_box .box_top .youtube_img > img { width:100%; max-width:224px;}
.sns_box .box_top .youtube_img .mbn_swiper3{ width:100%; position:absolute; top:20px; transform:translateY(-%);}

.sns_box .box_top .youtube_img .mbn_swiper3 img{ width:100%;}


.sns_box .box_bot{ background:#fff; padding:20px 25px;}

.sns_box .box_bot p{ padding:1px 0; color:#333;  text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; line-height:1.5rem;}
.sns_box .box_bot p:last-child { color:#abacaf; font-size:0.875rem;}


.sns_sw_navi{position:absolute;  left:0%; top:-20px; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:flex-start;   z-index:3;}

.sns_sw_navi .sns_sw_con { position:relative; margin:0 auto;}
.sns_sw_navi .sns_sw_con .swiper-pagination-bullet{ margin:0 1px; background:#666;}




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

@media all and (max-width:768px){
	
	.sns_con{ margin-top:40px;}
	
	.sns_con .sns_list{ width:100%; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:flex-start; padding:0 10px 30px 10px;}
	
	.sns_con{ overflow:hidden; }
	
	.sns_list{overflow-x:scroll; overflow-Y:hidden;  }
	
	
	.sns_box .box_bot{ background:#fff; padding:10px 15px;}
	.sns_box .box_bot p{ padding:0px 0; line-height:1.5rem;}
}

/* // sns :20211013 */