@charset "utf-8";
/****************************************/
/* Name: 동명대학교 발전기금
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2022-02-13
/* Author:  
/****************************************/

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

.mConBox2 .inner-wide .title-wrap {background: url('/_res/tongmyong/_share/img/ico-spe.png') left center no-repeat;}
/* contact */
.contact{background:#006e6d;padding:60px 50px;}
.contact .contact-inner{max-width:1400px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.contact-inner .tit-contact{width:440px;color:#fff;font-size:30px;font-weight:500;}
.contact-inner ul{width:calc(100% - 440px);padding-left:40px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.contact-inner ul li{width:50%;padding-left:100px;position:relative}
.contact-inner ul li::before{position:absolute;top:50%;left:0;margin-top:-40px;content:'';width:80px;height:80px;}
.contact-inner ul .li-account::before{background:url('/_res/tongmyong/fund/img/main/ico-account.png')left top/contain no-repeat;}
.contact-inner ul .li-contact::before{background:url('/_res/tongmyong/fund/img/main/ico-contact.png')left top/contain no-repeat;}
.contact-inner ul li span{display:block;color:#bbb;}

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

 /* PC Device */
@media all and (min-width:1900px){
	
}

@media all and (max-width:1600px){
	.contact-inner .tit-contact{width:350px}
	.contact-inner ul{width:calc(100% - 350px);}
}

@media all and (max-width:1200px){
	.contact-inner .tit-contact{font-size:24px}
	.contact-inner .tit-contact{width:300px}
	.contact-inner ul{width:calc(100% - 300px);padding-left:0}
	.contact-inner ul li.li-account{width:55%}
	.contact-inner ul li.li-contact{width:45%}
}

@media all and (max-width:1024px){
	.contact{padding:40px 50px}
	.contact-inner .tit-contact{width:100%;margin-bottom:25px}
	.contact-inner ul{width:100%;}
}

@media all and (max-width:800px){
	.contact-inner ul li.li-account{width:100%;margin-bottom:30px}
	.contact-inner ul li.li-contact{width:100%}
}

@media all and (max-width:640px){
	.contact{padding:40px 20px}
	.contact-inner .tit-contact{font-size:20px}
}

@media all and (max-width:480px){
	.contact-inner .tit-contact{font-size:1.125rem}
}