@charset "euc-kr";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

/*font-family: 'Nanum Myeongjo', serif;*/
/*font-family: 'Cookie', cursive;*/
/*font-family: 'GmarketSansLight';*/
/*font-family: 'GmarketSansMedium';*/
/*font-family: 'GmarketSansBold';*/
/*font-family: 'Lobster', cursive;*/
/* font-family: 'Noto Serif KR', serif; */
/* font-family: 'Montserrat', sans-serif; */
/*font-family: 'Libre Baskerville', serif;*/
*{margin:0; padding:0; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif;}
select {
   -webkit-appearance:none; /* for chrome */
   -moz-appearance:none; /*for firefox*/
   appearance:none;
}
::-moz-selection {
   background: #666;
   color: #fff;
}
::selection {
   background: #666;
   color: #fff;
}
select::-ms-expand{

   display:none;/*for IE10,11*/

}

/*********common***********/
p {}

a{text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
body{position: relative;}
table {border-collapse: collapse;}
.wrap {width: 100%;}
.w50p {float: left; width: 50%;}
.posc {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.serif {font-family: 'Noto Serif KR', serif;}
.mont {font-family: 'Montserrat', sans-serif;}
.bas {font-family: 'Libre Baskerville', serif;}
.tac {text-align: center;}
/*********common end***********/

/*********header***********/
header {background: #fff; position: fixed; width: 100%; left: 0; top: 0; z-index: 999999; transition:.3s; text-align: center;}
header .logo_top {display: inline-block; padding: 10px 0;}
header .logo_top:hover {opacity: .8;}
header .logo_top img {width: 130px; padding-top: 10px; }
header .menu_btn {position: absolute; right: 10px; top: 15px; padding: 5px 10px; border: 1px solid  #db8d23; border-radius: 20px; color: #db8d23;}
header .menu_btn h3 {font-size: 14px;}
header .menu_btn div {position: absolute; width: 100%; height: 3px; background: #db8d23; transition: .3s;}
header .menu_btn div:nth-child(1) {top: 0;}
header .menu_btn div:nth-child(2) {top: 50%; transform: translateY(-50%); left: 0;}
header .menu_btn div:nth-child(3) {bottom: 0;}
header .menu {background: #0A5694;}
header .menu ul li a {display: block; float: left; width: 20%; padding: 10px 0; font-size: 16px; color: #fff; font-weight: 500; border-right: 1px solid #ddd;}
header .menu ul li:nth-of-type(2) a {color: yellow;}
header .menu ul li:nth-of-type(3) a {color: hotpink;}
header .menu ul li:last-child a {border-right: none; color: darkorange;}
/*********header end***********/

/***************footer***************/
footer {text-align: center; background: #ddd; margin-bottom: 13%;}
footer .wrap div {}
footer .wrap .footer_logo img {width: 170px; padding-top: 20px;}
footer .wrap .footer_content {padding: 30px 0;}
footer .wrap .footer_content h3 {font-size: 18px; margin-bottom: 15px; color: #db8d23;}
footer .wrap .footer_content p {font-size: 12px; line-height: 2em; color: #666;}
footer .wrap .footer_content p span {margin-right: 10px;}
footer .copyright {background: #333; text-align: center; padding: 15px;}
footer .copyright p {color: #ddd; font-size: 12px; letter-spacing: -1px;}

.call_banner {position: fixed; width: 100%; left: 0; bottom: 0;}
.call_banner a img {width: 100%; vertical-align: top;}
/***************footer end***************/

/**********section***********/
.main_visual {margin-top: 118px;}
.main_visual img {width: 100%;}

.main_board .wrap {padding: 15px 25px;}
.main_board .wrap h3 {font-size: 24px; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.main_board .wrap h3 a {float: right; color: #666; font-size: 12px; padding-top: 15px;}
.main_board .wrap .lst li a {color: #666; padding: 10px 0; display: block; font-size: 16px;}

.main_banner {padding: 30px; display: none;}
.main_banner .main_banner_btn {margin-bottom: 20px;}
.main_banner .main_banner_btn li {float: left; width: 33.3333%;}
.main_banner .main_banner_btn li a img {width: 100%;}
.main_banner .main_banner04 a img {width: 100%;}

.main_go {padding: 30px 15px; background: #eaeaea;}
.main_go ul li {float: left; width: 32%; text-align: center; border-radius: 10px;}
.main_go ul li a {color: #fff; display: block; padding: 30px 0; font-size: 16px;}
.main_go ul li:nth-of-type(1) {background: #943C12;}
.main_go ul li:nth-of-type(2) {background: #0A5694; margin: 0 2%;}
.main_go ul li:nth-of-type(3) {background: #E0BD26;}

.main_gallery {padding: 30px 10px;}


/**********section end***********/

/**************sub common******************/
.sub {margin-top: 60px;}
.sub > .wrap {padding: 50px 15px;}
.subtop {background-repeat: no-repeat; background-position: center right; background-size: 180%; height: 230px; text-align: center; color: #fff; position: relative; padding-top: 130px; background-image: url(../../img/inc/sub_img.jpg);}
.subtop h3 {color: #db8d23; font-weight: 700; letter-spacing: 10px;}
.subtop h1 {padding-top: 10px; font-size: 40px; margin-bottom: 10px;}
.subtop p {font-size: 14px; opacity: .7; letter-spacing: 0; line-height: 2em;}

.subtitle {position: relative;}
.subtitle h2 {text-align: center; font-size: 32px; padding-bottom: 50px; color: #333; position: relative;}
.subtitle:before {position: absolute; content: ''; width: 40px; height: 1px; background: #333; left: 50%; transform: translateX(-50%); bottom: 30px;}

.sub_hello .wrap {text-align: center; padding: 30px 15px;}
.sub_hello .wrap h3 {margin-bottom: 30px;}
.sub_hello .wrap p {color: #666; line-height: 2em; margin-bottom: 30px;}
.sub_hello img:nth-of-type(1) {width: 50%;}
.sub_hello img:nth-of-type(2) {width: 100%;}

.sub_item {text-align: center; padding: 0 15px; margin-bottom: 50px;}
.sub_item > img {width: 90%;}
.sub_item h3 {margin-bottom: 15px; margin-top: 30px;}
.sub_item p {color: #666; font-size: 14px; line-height: 2em; margin-bottom: 30px;}
/**************sub common end******************/

/**************sub ******************/