@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
img {border:0px;}
*{font-family: 'Pretendard' !important;}
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; }
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;}
a{text-decoration: none;}

/* ���������� */
#main_section{padding-top: 75px;}
.main_title{font-size: 29px; color: #242424;}

#main_img{width: 100%; height: 595px; background:url(../images/mainimg.jpg) center no-repeat; text-align: center; color: #fff; font-weight: bold; }
.img_text01{font-size:20px; padding-top: 190px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.img_text02{font-size:50px; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.img_text03{font-size:24px; margin-bottom: 45px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.img_bt{font-size: 25px; display: inline-block; border: 3px solid #fff; padding: 10px 50px; cursor: pointer;}
.img_bt:hover{background: #fff; color: #000; transform: 1.15s;}

#main_01{width: 1200px; margin: 0 auto; padding: 0px 0px 0px 0px;}
.main01_text{text-align: center; color: #b0b0b0; font-size: 18px; padding: 70px 0px;}
.main01_text div{color: #bc8a15; font-size: 36px; font-weight: bold;  padding-bottom: 15px;}

.main01_img01, .main01_img02, .main01_img03, .main01_img04{float: left;}
.main01_img01, .main01_img04{width: 720px; height: 290px; font-size: 16px; color:#fff; font-weight: bold; padding-left: 100px; padding-top: 150px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.main01_img02, .main01_img03{width: 350px; height: 440px; text-align: center; font-size: 16px; color: #fff; font-weight: bold; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.main01_img01{background:url(../images/main01_img01.jpg) center no-repeat; margin: 0px 30px 30px 0px;}
.main01_img02{background:url(../images/main01_img02.jpg) center no-repeat; margin: 0px 0px 30px 0px;}
.main01_img03{background:url(../images/main01_img03.jpg) center no-repeat; margin: 0px 30px 0px 0px;}
.main01_img04{background:url(../images/main01_img04.jpg) center no-repeat; margin: 0px 0px 0px 0px;}

.main01_img01 div, .main01_img04 div{font-size: 26px; font-weight: bold;  padding-bottom: 15px; color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.main01_img01 a, .main01_img04 a{text-decoration: none; color: #d39b30; display:block; width: 120px; padding-top: 30px;}
.main01_img01 a:hover, .main01_img04 a:hover{color: #fff;}

.main01_img02 div, .main01_img03 div{color: #fff; font-size: 16px; font-weight: bold; padding: 34px 0px 14px 0px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.main01_img02 a, .main01_img03 a{text-decoration: none; color: #262626; font-weight: bold; display: block; border:3px solid #cfa247; width: 180px; margin: 280px auto 0 auto; padding: 10px 0px;}
.main01_img02 a:hover, .main01_img03 a:hover{color: #fff; background: #cfa247;}

#main_02{width: 1200px; margin: 0 auto; padding: 0px 0px 120px 0px;}
.main02_text{text-align: center; color: #b0b0b0; font-size: 18px; padding: 70px 0px;}
.main02_text div{color: #262626; font-size: 36px; font-weight: bold;  padding-bottom: 15px;}
figure{margin: 0px; padding: 0px;}
figure.main02_con {margin-right: 30px; float: left; position: relative; overflow: hidden; width: 270px; height: 395px; background: #000000; color: #ffffff; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); margin-bottom: 50px;}
figure.main02_con:nth-child(5){margin-right:0px;}
figure.main02_con * {-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_con img {width: 100%; position: relative; opacity: 1;}
figure.main02_con figcaption {position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; border: 1px solid white; border-width: 0 1px;}
figure.main02_con .heading {overflow: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
figure.main02_con .caption {overflow: hidden; -webkit-transform: translateY(50%); transform: translateY(50%); position: absolute; width: 100%; bottom: 0;}
figure.main02_con h3, figure.main02_con p {font-size:16px; display: table; margin: 0 auto; padding: 0 10px; position: relative; text-align: center; width: auto; text-transform: uppercase; font-weight: 400;}
figure.main02_con h3 span, figure.main02_con p span {font-weight: 800;}
figure.main02_con h3:before,
figure.main02_con p:before,
figure.main02_con h3:after,
figure.main02_con p:after {position: absolute; display: block; width: 1000%; height: 1px; content: ''; background: white;}
figure.main02_con h3:before, figure.main02_con p:before {left: -1000%;}
figure.main02_con h3:after, figure.main02_con p:after {right: -1000%;}
figure.main02_con h3:before, figure.main02_con h3:after {top: 50%;}
figure.main02_con p {font-size:14px; color:#fff; font-weight: 500;}
figure.main02_con p:before, figure.main02_con p:after {bottom: 50%;}
figure.main02_con a {left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1;}
figure.main02_con:hover img, figure.main02_con.hover img {opacity: 0.35; -webkit-transform: scale(1.15); transform: scale(1.15);}


#main_03{height: 400px;}
.main_con{line-height: 200%;}

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

/* ���������� */
#sub_section{padding-top: 75px; position: relative;}
#big_title{z-index: 100; position: absolute; top:230px; width: 100%; text-align: center; color: #fff; font-size: 20px; text-shadow: 0 2px 10px rgba(0,0,0,0.5);}
#big_title div{font-weight: bold; font-size: 40px; color: #fff;  padding-bottom: 10px; }
#sub_page{width: 1200px; margin: 0 auto;}


@media (max-width: 768px){
	.t_none{display: none;}

	/*���� ������*/
	#main_section{padding-top: 60px;}

	#main_img{height: 400px; background:url(../images/mainimg_2.jpg) center no-repeat;}
	.img_text01{padding-top: 60px;}

	#main_01{width: 100%;}
	.main01_img01, .main01_img02, .main01_img03, .main01_img04{margin: 0px;}
	.main01_img01, .main01_img04{width: 90%; padding-left: 10%;}
	.main01_img02, .main01_img03{width: 50%;}

	#main_02{width: 100%; height: auto; padding-bottom: 0px;}
	figure.main02_con{width: 50%; height:auto; margin: 0px;}

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

	/*����������*/
	#big_title{top:170px;}
	#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;}
}


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

	/* ���������� */
	#main_img{height: 300px; background:url(../images/mainimg_3.jpg) center no-repeat;}
	.img_text01{font-size:16px; padding: 10px 0;}
	.img_text02{font-size:30px; margin-bottom: 20px;}
	.img_text03{font-size:15px; margin: 0px;}
	.img_bt{font-size: 16px;}

	.main01_text{font-size: 14px; padding: 0px;}
	.main01_text div{font-size: 28px; padding-bottom: 15px;}
	.main01_img01, .main01_img02, .main01_img03, .main01_img04{float: none;}
	.main01_img01, .main01_img04{width: 95%; padding-left: 5%; font-size: 14px;}
	.main01_img02, .main01_img03{width: 100%;}
	.main01_img02{background:url(../images/main01_img02_3.jpg) center no-repeat;}
	.main01_img03{background:url(../images/main01_img03_3.jpg) center no-repeat;}

	.main02_text{font-size: 14px; padding: 30px 0px;}
	.main02_text div{font-size: 28px; padding-bottom: 15px;}
	figure.main02_con{float: none; width: 100%; height:auto; margin: 0px;}
  figure.main02_con_2{height: auto !important;}

	#main_03{height: 200px;}

	/*����������*/
	#big_title{top:120px; font-size: 16px;}
	#big_title div{font-size: 30px;}
}



.wrapcon01 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.wrapcon02 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.wrapcon03 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.wrapcon04 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}