@charset "utf-8";

#wrap {position:relative; margin:0 auto; width:100%; min-width:1300px;  overflow:hidden;}
img {vertical-align:top;}
#header {height:120px; background:#fff;}
#header h1 {text-align:center;}
#header .intro_logo {text-align:center; padding-top: 30px;pointer-events:none; }

.top_util {position:absolute; top:41px; right:59px;}
.top_util li {float:left; margin-left:10px;}

#main_cont {overflow:hidden; max-width:1900px; margin:0 auto;}
#main_cont small {font-size:40px; color:#333;  font-weight:100;}
#main_cont h2{font-size:45px; color:#333;  font-weight:700;}
#main_cont .inner {width:55%; margin:0 auto; overflow:hidden; padding:120px 14px}

#main_cont .cont01 {background-color:#edd9e2; box-shadow: 2px 3px 14px 1px rgb(0 0 0 / 15%); padding:30px 50px 0 30px;  opacity: 0.9;}
#main_cont .title {margin-bottom:55px;}
#main_cont .cont01 ul li{font-size:20px; color:#333;  font-weight:200; border-bottom:1px solid #909090; padding-bottom:7px; margin-top:10px;}

#main_cont .cont02 {background-color:#cfdcd8;box-shadow: 2px 3px 14px 1px rgb(0 0 0 / 15%);padding:30px 50px 0 30px; opacity: 0.9;}
#main_cont .cont02 ul li{font-size:20px; color:#333;  font-weight:200; border-bottom:1px solid #909090; padding-bottom:7px; margin-top:10px;}

#main_cont .cont03 {background-color:#e2e2e1;box-shadow: 2px 3px 14px 1px rgb(0 0 0 / 15%);padding:30px 50px 0 30px; opacity: 0.9;}
#main_cont .cont03 ul li{font-size:20px; color:#333;  font-weight:200; border-bottom:1px solid #909090; padding-bottom:7px; margin-top:10px;}

#main_cont .cont01,#main_cont .cont02,#main_cont .cont03{float:left; width:30%;  margin-right: 5%; height:530px; }
#main_cont .cont03{margin-right: 0px;}




/***************************** ////// �ϴ�  ////// *******************************/

#footer_wrap {clear:both; width:100%; height:250px; background:#a09f9e; position:relative}
#footer_wrap #footer {width:90%; margin:0 auto; overflow:hidden; text-align:center; padding-top:62px; padding-bottom: 20px; height: 100%;}
#footer address { width:100%; height:90px; text-align:center; font-weight:400; font-style:normal; color:#fff;}
#footer address a:link {color: #777;}
#footer address a:visited {color: #ccc;}
#footer address .line {padding:0 7px; color:#fff;}
#footer .copyright {padding-top: 14px; display:block; color:#ccc; font-weight: 400; font-size: 18px; text-align:center; /*text-transform:uppercase; */padding-bottom:24px;}


/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
##Device = ����ũž
##Screen = 1281px �̻� �ػ� ����ũž
*/

@media (min-width:1601px) and (max-width: 1900px) {
#main_cont .inner {width:70%;transition:all 0.3s; }
}



@media (min-width:769px) and (max-width: 1600px) {
#wrap {min-width:900px;} 
#main_cont .inner {width:80%;  transition:all 0.3s; }
#main_cont h2, #main_cont small{font-size:40px;}
#main_cont .cont01, #main_cont .cont02, #main_cont .cont03{padding:5% 3%}
}



@media (min-width:481px) and (max-width: 768px) {
#main_cont .inner {width:100%;transition:all 0.3s; }
}