@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@font-face {
    font-family: 'SUITE-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

img {border:0px;}

/**{font-family: 'SUITE-Regular';}*/
ul {padding:0; margin:0; list-style:none;}
a:hover{text-decoration:none;}
h1, h2, h3, h4, h5{margin: 0px; padding: 0px;}
body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; font-family: 'Nanum Gothic', ��������, sans-serif;}
body, td, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, textarea{font-family:Nanum Gothic, sans-serif; font-size:9.5pt;  -webkit-text-size-adjust:none;}

/* ���������� */
#main_section{padding-top: 75px;}
#main_img{width: 1200px; height: 668px; margin: 0 auto; background:url(../images/mainimg.jpg) center no-repeat;}
.img_bt, .img_txt{float: left; margin-top: 518px; font-family:'Nanum Square';}
.img_bt{width: 390px; height: 150px; padding-left: 160px;}
.img_bt a{color: #333333; display: inline-block; width: 230px; padding:20px 0px; text-align: center; background: #fff; font-size: 19px; font-weight: bold; transition: 0.3s;}
.img_bt a img:hover{filter: grayscale(0.8);}
.img_txt{width: 580px; height: 110px; background: #fff; color: #333333; font-size: 18pt; font-weight: bold; line-height: 150%; padding: 40px 0px 0px 70px;}
.img_txt span{font-size: 23pt;}
.img_txt .mobr{display: none;}

#main_01{width: 1200px; margin: 0 auto; padding: 90px 0px 0px 0px;}
.main01_con01{height: 90px; background:url(../images/main01bg.jpg) center top no-repeat;}
.main_title, .main01_text01{float: left;}
.main_title{width: 600px; font-size: 24pt; color: #030303; font-weight:900; font-family:'Nanum Square';}
.main01_text01{width: 510px; padding-left: 90px;}

.main01_con02{margin-top: 80px; height: 300px;}
.main01_text02, .main01_img{float: left;}
.main01_text02{width: 520px; padding:20px 60px 0px 80px; }
.main01_text02 span{font-weight: bold; color: #030303; font-size: 15px;}
.main01_img{width: 540px; height: 300px; background:url(../images/main01_img.jpg) center no-repeat;}

#main_02{width: 1200px; margin: 0 auto; padding: 90px 0px 90px 0px;}
.main02_text01{width: 510px; padding-left: 90px; float: left;}
.main02_con01{height: 90px; background:url(../images/main01bg.jpg) center top no-repeat;}
.main02_con02{height: 500px; padding-top: 60px; clear: both;}
.main02_bt01{position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px;}
.main02_bt02{width: 300px; background: #fff; font-size: 10pt; color: #333333; margin: 275px auto 0px auto; padding: 10px 0px;}
.main02_bt02 span{display: inline-block; font-size: 18pt; font-family:'Nanum Square'; font-weight: bold; padding-bottom: 10px; color: #191919;}
.main02_bt02:hover{background: #000; color: #fff;}
.main02_bt02:hover span{color: #fff;}
.con03_tit{font-size: 12pt; background: #dbdbdb; border-top: 1px solid #5a5a5a; padding: 10px 0px 10px 20px;}
.main02_bt03{width: 360px; height: 41px;}
.main02_bt03 a{font-size: 10pt; font-family:'Nanum Square'; display:inline-block; width: 120px; font-weight: bold; text-align: center; text-decoration: none; float: left; padding: 13px 0px; background: #3e3e3e; color: #878787;}
.main02_bt03 a:hover{background: #f8f8f8; color: #3e3e3e;}

.bold{font-weight: bold; color: #ff542c;}
.r_m{margin-right: 15px;}

figure{margin: 0px; padding: 0px;}
figure.main02_bt {position: relative; overflow: hidden; width: 390px; height: 500px; background: #000000; color: #ffffff; text-align: center; float: left; cursor: pointer;}
figure.main02_bt * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out;}
figure.main02_bt img {width: 100%; position: relative; opacity: 1;}
figure.main02_bt figcaption {}
figure.main02_bt:hover img, figure.main02_bt.hover img {opacity: 0.35; -webkit-transform: scale(1.15); transform: scale(1.15);}

#main_03{background: #0a0a0a; height: 710px; padding-bottom: 90px;}
.main_con{line-height: 200%; font-size: 17px; font-weight: bold; padding-bottom: 30px;}

#footer{text-align:center; padding: 40px 0px;}

/* ���������� */
#sub_section{padding-top: 75px; width: 1200px; margin: 0 auto;}
#sub_top{background:url(../images/subtop.jpg) center no-repeat; height: 396px;}

.main_con .b01{color: #5B9BD5;}
.main_con .b02{color: #0611F2;}
.main_con .b03{color: #36B700;}
.img_txt .b01{color: #5B9BD5;}
.img_txt .b02{color: #0611F2;}
.img_txt .b03{color: #36B700;}

.fontt{font-family: 'SUITE-Regular';}
@media (max-width: 768px){
	figure.main02_bt img{width: 66%;}
	.t_none{display: none;}
.main02_bt01 {top: 225px;}
	/*���� ������*/
	#main_section{padding-top: 60px;}
	#main_img{width: 100%; position: relative; height: 568px;}
	.img_txt{width: 70%; padding-left: 40px; margin-top:0px; position: absolute; right: 0px; top:420px;}

	#main_01{width: 94%;}
	.main01_con01{height: auto; background:none;}
	.main_title, .main01_text01{float: none;}
	.main_title{width: 100%; padding-bottom: 20px;}
	.main01_text01{width: 100%; padding-left: 0px;}

	.main01_con02{margin-top: 15px; height: auto;}
	.main01_text02, .main01_img{float: none;}
	.main01_text02{width: 100%; padding:0px; padding-bottom: 30px;}
	.main01_img{width: 100%; height: 300px; background:url(../images/main01_img_2.jpg) center no-repeat;}

	#main_02{width: 94%; height: auto; text-align: right;}
	.main02_text01{width: 100%; padding-left: 0px;}
	.main02_con01{height: auto; background:none;}
	.main02_con02{height: auto; padding-top: 60px; clear: both;}
	.main02_bt02{width: 300px; background: #fff; font-size: 10pt; color: #333333; margin: 100px auto 0px auto; padding: 25px 0px;}

	#main_03{height: 830px; padding-bottom: 0px;}

	.r_m{margin-right: 0px;}

	figure.main02_bt {width: 100%; float: none; background: #fff;}

	/*����������*/
	#sub_section{padding-top: 60px; width: 100%;}
	#sub_top{background:url(../images/subtop.jpg) center no-repeat; height: 250px;}
	#sub_page{width: 96%; margin: 0 auto;}

	.img_txt .mobr{display: block;}
}


@media (max-width:580px){
	.m_none{display: none;}

	/* ���������� */
	#main_img{width: 100%; position: relative; height: 400px;}
	.img_txt{width: 100%; padding-left: 0px; margin-top:0px; text-align: center; top:252px; border-bottom: 1px solid #dbdbdb;}
	.img_txt span{font-size: 20pt;}

	#main_01{padding-top: 30px;}
	.main_title{font-size: 20pt;}
	.main01_text02 span{font-size: 13px;}
	.main01_img{width: 100%; height: 150px; background:url(../images/main01_img_2.jpg) center no-repeat;}

	#main_02{padding-top: 60px; padding-bottom: 60px;}
	.main02_con02{padding-top: 30px;}

	#main_03{height: 700px; padding-bottom: 0px;}
}