@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-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'InkLipquid';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
img {border:0px;}
*{font-family: 'Pretendard-Regular' !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; 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_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;
 text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.img_text01{font-size:40px; padding-top: 350px;}
.img_text02{font-size:55px; margin-bottom: 20px; color: #002f7b;}
.img_text03{font-size:40px; margin-bottom: 45px;}
.img_bt{font-size: 16px; 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: #333; font-size: 23px; padding: 70px 0px;}
.main01_text div{color: #bc8a15; font-size: 36px; font-weight: bold; font-family:'Nanum Square'; 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:#000; font-weight: bold; padding-left: 100px; padding-top: 150px;}
.main01_img02, .main01_img03{width: 350px; height: 440px; text-align: center; font-size: 16px; color: #969696; font-weight: bold;}
.main01_img01{background:url(../images/main01_img01.jpg) center no-repeat; margin: 0px 30px 30px 0px;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff; /* 외곽선 색상과 텍스트 위치 조절 */}
.main01_img02{background:url(../images/main01_img02.jpg) center no-repeat; margin: 0px 0px 30px 0px;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff; /* 외곽선 색상과 텍스트 위치 조절 */}
.main01_img03{background:url(../images/main01_img03.jpg) center no-repeat; margin: 0px 30px 0px 0px;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff; /* 외곽선 색상과 텍스트 위치 조절 */}
.main01_img04{background:url(../images/main01_img04.jpg) center no-repeat; margin: 0px 0px 0px 0px;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff; /* 외곽선 색상과 텍스트 위치 조절 */}

.main01_img01 div, .main01_img04 div{font-size: 36px; font-weight: bold; font-family:'Nanum Square'; padding-bottom: 15px;}
.main01_img01 a, .main01_img04 a{text-decoration: none; color: #d39b30; display:block; /*width: 120px; padding-top: 30px;*/ font-size: 20px;}
/*.main01_img01 a:hover, .main01_img04 a:hover{color: #fff;}*/

.main01_img02 div, .main01_img03 div{color: #cfa247; font-size: 30px; font-weight: bold; padding: 34px 0px 14px 0px;}
.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; font-family:'Nanum Square'; 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);}
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:14px; 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: #a8a8a8; font-size: 20px; font-family:'Nanum Square';}
#big_title div{font-weight: bold; font-size: 40px; color: #fff; font-family:'Nanum Square'; padding-bottom: 10px;}
#sub_page{width: 1200px; margin: 0 auto;}

/* 공통 */
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:15px; line-height:150%; color:#555; word-spacing:-1px;}
.sp20{height:20px;}

.top_tit span{display:block; margin:15px 0px 40px 0px; font-size:18px; color:#7a8564; font-weight:bold;}
.sub_tit{font-size:22px; color:#012f7c; background:url(../images/sub_dot03.jpg) no-repeat top 5px left; padding-left:25px; margin-bottom:15px;}

/* sub0101 */
.sub0101{margin-top: 100px;}
.sub0101 center{font-size:21px; color:#333; line-height:150%; margin-bottom:60px;}
.sub0101 center h3{font-size:30px; font-family:'Nanum Square'; font-weight:normal; margin-bottom:70px;}
.sub0101 figure{background:url(../images/sub0101.jpg) left center no-repeat; padding:100px 0px 100px 50%;}
.sub0101 figure div{background:#fff; padding:50px; text-align:justify;}
.sub0101 center > b{font-size: 50px; font-family: 'InkLipquid' !important; color: #012f7c; line-height: 130%;}
/* sub0201 */
.sub0201{margin-top: 50px;}
.sub0201 figure{border-radius:10px; margin-bottom:70px; padding:50px 50px 50px 40%;}
.sub0201 figure h3{font-size:30px; font-family:'Nanum Square';}
.sub0201 figure h4{font-size:19px; color:#333;}
.sub0201 figure ul{background:#fff; border:1px solid #dfdfdf; border-radius:10px; padding:30px; margin-top:20px;}
.sub0201 figure li{margin-top:15px; font-size:21px; color:#555; background:url(../images/sub_dot01.jpg) left top 9px no-repeat; padding-left:12px;}
.sub0201 figure:nth-child(odd) h3{color:#000;}
.sub0201 figure:nth-child(even) h3{color:#0070c8;}
.sub0201 figure:nth-child(1){background:url(../images/sub0201_1.png) left top no-repeat #f0f1f5; border:1px solid #f0f1f5;}
.sub0201 figure:nth-child(2){background:url(../images/sub0201_2.png) left center no-repeat #dde3eb; border:1px solid #b1c4de;}
.sub0201 figure:nth-child(3){background:url(../images/sub0201_3.png) left center no-repeat #e6f1d6; border:1px solid #d0e9ac;}
.sub0201 figure:nth-child(4){background:url(../images/sub0201_4.png) left center no-repeat #dde3eb; border:1px solid #b1c4de;}

/* sub0202 */
.sub0202{margin-top: 100px;}
.sub0202 .con01{margin-bottom:100px;}
.sub0202 .con01 ul{margin-bottom:50px;}
.sub0202 .con01 li{margin-top:10px; padding-left:25px; background:url(../images/sub_dot02.jpg) no-repeat top 9px left 6px; font-size: 22px;}

.sub0202 .con02{margin-bottom:100px;}
.sub0202 .con02 div{margin-bottom:60px; font-size: 22px;}
.sub0202 .con02 ul{margin-bottom:20px;}
.sub0202 .con02 li{margin-top:10px; padding-left:25px; background:url(../images/sub_dot02.jpg) no-repeat top 9px left 6px;}
.sub0202 table{margin-bottom:20px;}
.sub0202 td, .sub0202 th{font-size:22px; color:#555; line-height:150%; word-spacing:-1px; padding:10px 0px; text-align:center; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.sub0202 th{border-top:2px solid #333;}
.sub0202 th:nth-child(1){border-left:none;}
.sub0202 td:nth-child(1){border-left:none;}

.sub0202 .con03{margin-bottom:100px; background:url(../images/sub0202_4.jpg) no-repeat top right; background-size:18.2%;}
.sub0202 .con03 li{margin-top:10px; padding-left:25px; background:url(../images/sub_dot02.jpg) no-repeat top 9px left 6px;}

.sub0202 .con04{margin-bottom:100px;}

.sub0202 .con05 ul{float:left; width:32%;}
.sub0202 .con05 ul:nth-child(2){margin:0 2%;}
.sub0202 .con05 li{border-bottom:1px solid #dfdfdf; padding:10px 0px;}
.sub0202 .con05 li:nth-child(2){font-weight:bold; color:#333;}

/* sub0301 */
.sub0301 center{font-size:18px; color:#333; line-height:150%; margin-bottom:60px;}
.sub0301 center h3{font-size:30px; font-family:'Nanum Square'; font-weight:normal; margin-bottom:30px;}
.sub0301 figure{margin-bottom:70px;}
.sub0301 h4{float:left; border-top:2px solid #333; width:300px; font-size:26px; color:#333; padding-top:10px;}
.sub0301 div{margin-left:310px; border-top:2px solid #dfdfdf; padding-top:10px;}

.sub0301 h5{font-size:19px; color:#333; margin-bottom:10px;}
.sub0301 table{margin-bottom:70px;}
.sub0301 th, .sub0301 td{font-size:15px; color:#555; padding:10px 15px; text-align:center; border:1px solid #dfdfdf; line-height:150%;}
.sub0301 th{background:#333; color:#fff;}

.sub0301 .con01 td:nth-child(odd){background:#f8f8f8; color:#333;}
.sub0301 .con01 tr:last-child td{background:#dfdfdf;}
.sub0301 .con02 td:nth-child(1){width:100px; background:#f8f8f8; color:#333;}

/* sub0401 */
.sub0401 .top_tit{margin-bottom:50px; color:#363636; font-size:20px; font-weight:bold; line-height:150%;}
.sub0401 .top_tit p{width:1px; height:70px; margin:0px auto 20px auto; background:#aaa;}
.sub0401 .top_tit h3{color:#898989; font-size:30px; margin-bottom:40px;}
.sub0401 .top_tit h3 b{display:block; color:#000; font-size:40px; margin-bottom:20px;}

.sub0401 .con00{text-align:center; margin-bottom:50px;}
.sub0401 .con00 h3{font-size:19px; color:#333; margin-bottom:20px;}

.sub0401 .con01{background:#f6f6f6; border-radius:10px; padding:20px; margin-bottom:100px;}
.sub0401 .con01 ul{float:left; background:#fff; border:1px solid #012f7c; border-radius:15px; width:377px; height:410px; box-sizing:border-box; margin-right:12px; padding:30px 20px;}
.sub0401 .con01 ul:nth-child(3){margin-right:0;}
.sub0401 .con01 ul li{font-size:20px; /*background:url(../images/sub_dot02.jpg) left top 9px no-repeat;*/ text-align: center; margin-bottom:10px; background: none !important;}
.sub0401 .con01 center{border-bottom:1px solid #dfdfdf; margin-bottom:15px;}
.sub0401 .con01 h4{color:#333; font-size:22px; margin:15px 0px;}
.sub0401 .con01 center img{border-radius: 25px;}
.sub0401 .con02{margin-bottom:100px;}
.sub0401 .con02 div{float:left; width:285px; margin-right:20px; box-sizing:border-box;}
.sub0401 .con02 div:nth-child(4){margin-right:0;}
.sub0401 .con02 center{background:#333; color:#fff; font-size:22px; padding:30px 0px; border-radius:15px; margin-bottom:20px; font-weight:bold;}
.sub0401 .con02 ul{border-left:4px solid #82ad85;}
.sub0401 .con02 li{font-size:16px; border-bottom:1px solid #dfdfdf; padding:15px 30px;}
.sub0401 .con02 li:nth-child(1){border-top:1px solid #dfdfdf;}
.sub0401 .con01 h4 b{color: #4fb331;}
.sub0401 .con03 li{float:left; width:150px; text-align:center; padding:30px 0px; height:190px;}
.sub0401 .con03 li:nth-child(odd){background:#d9ead3;}
.sub0401 .con03 li:nth-child(even){background:#fff;}
.sub0401 .con03 h4{font-size:19px; color:#919191; margin-bottom:20px;}
.sub0401 .con03 h4 b{display:block; color:#363636; font-size:30px;}
.sub0401 .con03 h5{font-size:18px; color:#363636; margin-top:20px;}
.sub0401 .con03 li img{height:50px;}

.t_none2{display: none;}

@media screen and (max-width: 768px) {
/*���� ������*/

.t_none2{display: block !important;}

	/*���� ������*/
	#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%;}
  .main01_img01 a, .main01_img04 a{font-size: 15px;}
	#main_02{width: 100%; height: auto; padding-bottom: 0px;}
	figure.main02_con{width: 50%; height:595px; 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;}

.main01_img01 div, .main01_img04 div{font-size: 22px;}

.top_tit {
    font-size: 36px;
    font-family: 'Nanum Square';
    color: #f6f6f6;
    border-left: none;
    padding: 0;
}

  /* 공통 */
	.normal{font-size:14px;}
  .top_tit{font-size:28px; padding:5px 0px 0px 20px;}
  .top_tit span{margin:10px 0px 40px 0px;}
  .sub_tit{font-size:17px; background:url(../images/sub_dot03.jpg) no-repeat top 2px left;}
	/* sub0101 */
	.sub0101 center{font-size:25px; margin-bottom:30px; text-align: left;}
	.sub0101 center h3{font-size:30px; margin-bottom:30px;}
	.sub0101 center h3 b{display:block; margin-bottom:15px;}
	.sub0101 figure{background:url(../images/sub0101.jpg) top -50px center no-repeat; background-size:100%; padding:200px 0px 0px 0px;}
	.sub0101 figure div{padding:20px 0px;}

	/* sub0201 */
	.sub0201 figure{padding:250px 20px 20px 20px;}
	.sub0201 figure h4{font-size:17px; color:#333;}
	.sub0201 figure ul{padding:20px;}
	.sub0201 figure li{text-align:justify; background:url(../images/sub_dot01.jpg) left top 6px no-repeat;}
  .sub0201 figure:nth-child(1) {
          background: url(../images/sub0101_1.png) top left -100px no-repeat #f0f1f5;
          /* background-size: 150%; */
      }
	.sub0201 figure:nth-child(2){background:url(../images/sub0201_2.png) top 50px center no-repeat #dde3eb; background-size:70%;}
	.sub0201 figure:nth-child(3){background:url(../images/sub0201_3.png) top 50px center no-repeat #e6f1d6; background-size:70%;}
	.sub0201 figure:nth-child(4){background:url(../images/sub0201_4.png) top 50px center no-repeat #dde3eb; background-size:70%;}

  /* sub0202 */
  .sub0202 .con01 ul{margin-bottom:20px;}
  .sub0202 .con01 li{background:url(../images/sub_dot02.jpg) no-repeat top 7px left 6px;}
  .sub0202 .con02 div{margin-bottom:60px;}
  .sub0202 .con02 li{background:url(../images/sub_dot02.jpg) no-repeat top 7px left 6px;}
  .sub0202 table{margin-bottom:20px;}
  .sub0202 td, .sub0202 th{font-size:13px; padding:10px;}

  .sub0202 .con03{background:url(../images/sub0202_4.jpg) no-repeat top -10px right; background-size:14%;}
  .sub0202 .con03 li{background:url(../images/sub_dot02.jpg) no-repeat top 7px left 6px;}

  .sub0202 .con05 ul{float:none; width:100%;}
  .sub0202 .con05 ul:nth-child(2){margin:30px 0px;}

  /* sub0301 */
	.sub0301 center{font-size:17px; margin-bottom:60px;}
	.sub0301 center h3 b{display:block; margin-top:15px;}
	.sub0301 figure{margin-bottom:70px;}
	.sub0301 h4{float:none; width:100%; font-size:22px; padding:15px 0px; text-align:center;}
	.sub0301 div{margin-left:0px; padding-top:20px; text-align:justify;}

	.sub0301 h5{text-align:center;}
	.sub0301 table{margin-bottom:70px; width:100%; border-collapse:collapse;}
	.sub0301 th, .sub0301 td{font-size:7px; padding:5px;}
	.sub0301 th{background:#333; color:#fff;}

	.sub0301 .con01 td:nth-child(odd){background:#f8f8f8; color:#333;}
	.sub0301 .con01 tr:last-child td{background:#dfdfdf;}
	.sub0301 .con02 td:nth-child(1){width:100px; background:#f8f8f8; color:#333;}

	/* sub0401 */
	.sub0401 .top_tit{margin-bottom:50px; font-size:20px;}
	.sub0401 .top_tit br{display:none;}
	.sub0401 .top_tit p{width:1px; height:70px; margin:0px auto 20px auto; background:#aaa;}
	.sub0401 .top_tit h3{font-size:20px;}
	.sub0401 .top_tit h3 b{font-size:28px; margin-bottom:0px;}
  .sub0401 .con01 center img{width: 100% !important;}
	.sub0401 .con00{text-align:center;}
	.sub0401 .con00 br{display:none;}

	.sub0401 .con01 ul{float:none; width:100%; height:auto; margin-right:0px; margin-bottom:30px;}
	.sub0401 .con01 ul:nth-child(4){margin-bottom:0;}
	.sub0401 .con01 ul li{background:url(../images/sub_dot02.jpg) left top 7px no-repeat;}
	.sub0401 .con01 ul li br{display:none;}
	.sub0401 .con01 center{border-bottom:1px solid #dfdfdf; margin-bottom:15px;}
	.sub0401 .con01 h4{color:#333; font-size:25px; margin:15px 0px;}

	.sub0401 .con02 div{float:none; width:100%; margin-right:0px; margin-bottom:40px;}
	.sub0401 .con02 div:nth-child(4){margin-bottom:0;}
	.sub0401 .con02 center{background:#333; color:#fff; font-size:22px; padding:30px 0px; border-radius:15px; margin-bottom:20px; font-weight:bold;}
	.sub0401 .con02 ul{border-left:4px solid #82ad85;}
	.sub0401 .con02 li{font-size:16px; border-bottom:1px solid #dfdfdf; padding:15px 30px;}
	.sub0401 .con02 li:nth-child(1){border-top:1px solid #dfdfdf;}

	.sub0401 .con03 li{width:49%; box-sizing:border-box; border:1px solid #dfdfdf; margin-bottom:5px; height:220px;}
	.sub0401 .con03 li:nth-child(odd){margin-right:2%;}
	.sub0401 .con03 h4 b{margin-bottom:5px;}
	.sub0401 .con03 h5{font-size:18px; color:#363636; margin-top:20px;}
	.sub0401 .con03 li img{height:50px;}
}


@media (max-width:580px){
	.m_none{display: none;}
  figure.main02_con img{width: 100%;}
	/* ���������� */
	#main_img{height: 300px; background:url(../images/mainimg_3.jpg) center no-repeat;}
	.img_text01{font-size:20px; padding-top: 80px;}
	.img_text02{font-size:28px; margin: 10px 0;}
	.img_text03{font-size:25px; margin-bottom: 30px;}
	.img_bt{font-size: 16px;}

	.main01_text{font-size: 30x; padding: 30px 0px;}
	.main01_text div{font-size: 28px; padding-bottom: 15px;}
	.main01_img01, .main01_img02, .main01_img03, .main01_img04{float: none;}
  .main01_img01 {
    background: url(../images/main01_img01.jpg) -350px center no-repeat;}
	.main01_img01, .main01_img04{width: 95%; padding-left: 5%; font-size: 14px;}
  .main01_img04{ background: url(../images/main01_img04.jpg) center no-repeat;}
	.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: 25px; padding: 30px 0px;}
	.main02_text div{font-size: 25px; padding-bottom: 15px;}
	figure.main02_con{float: none; width: 100%; height:600px; margin: 0px;}

	#main_03{height: 200px;}

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