@charset "utf-8";
/* 애니메이션 */
/* ------ 하트비트 --------- */
.heartbeat{animation:heartbeat 1.5s ease-in-out infinite both}
/* ----------------------------------------------
 * Generated by Animista on 2019-6-3 12:38:13
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(.91);animation-timing-function:ease-in}17%{transform:scale(.98);animation-timing-function:ease-out}33%{transform:scale(.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}

/*게시판,로그인,회원가입 부분 고정영역*/
#container_wr{max-width: 1200px;overflow: hidden;padding: 100px 0;z-index: 5;margin: 0 auto;height: 100%;zoom: 1;}

/* 글씨 밑 라인 */
.line{display: block;width: 50px;height: 3px;background: #555;margin-top: 1em;margin-bottom: 3em;}
.line_custom1 {display: block;width: 200px;height: 5px;background: #222;margin-top: 2em;margin-bottom: 2em;}
.line.white{background: #fff;}

/* 공통스타일 */
.mb0{margin-bottom: 0 !important;}
.mb1{margin-bottom: 1%;}
.mb2{margin-bottom: 2%;}
.mb3{margin-bottom: 3%;}
.mb4{margin-bottom: 4%;}
.mb5{margin-bottom: 5%;}
.mt0{margin-top: 0 !important;}
.mt1{margin-top: 1%;}
.mt2{margin-top: 2%;}
.mt3{margin-top: 3%;}
.mt4{margin-top: 4%;}
.mt5{margin-top: 5%;}
.mt6{margin-top: 6%;}
.mt7{margin-top: 7%;}
.mt8{margin-top: 80%;}
.mt9{margin-top: 9%;}
.mt10{margin-top: 10%;}
.mt60{margin-top: 60px !important;}
.mt280{margin-top: 280px;}
.mt80{margin-top: 80px;}
.mb80{margin-bottom: 80px;}
.inline_block{display: inline-block;}
.inlineBlock{display: inline-block;}
.point_color{color: #da7879;}/* 메인 포인트 컬러 */
.point_color02{color: #404040;}/* 서브 포인트 컬러 */
.gray_color{color: #777}
.black_color{color: #000;}
.skyblue_color{color: #62b2dc;}
.white_color{color: #fff;}
.poing_mark{padding: 5px 10px;background:#0f5096;color: #fff; }
.white_bg{background: #fff;}
.point_bg{background: #da7879;}
.gray_bg{background: #f6f6f6;}
.orange_bg{background: #faeadd;}
.pink_bg{background: #fde8ed;}
.light_gray_bg{background:#f3f3f3;}
.fw_300{font-weight: 300;}
.fw_500{font-weight: 500;}
.fw_700{font-weight: 700;}
.fw_900{font-weight: 900;}
.text_center{text-align: center;}
.text_left{text-align: left;}
.text_right{text-align: right;}
.letter_sp_3{letter-spacing: 3px;}
.letter_sp_20{letter-spacing: 20px;}
.letter_sp_25{letter-spacing: 25px;}
.line_hi_70 {line-height:70px;}
.line_hi_n {line-height:0;}
.main_font_m {font-family: 'S-CoreDream-5Medium';}
.main_font_b {font-family: 'S-CoreDream-6Bold';}
.main_font_r {font-family: 'S-CoreDream-4Regular';}

.number{display: block;width: 70px;height: 70px;-webkit-border-radius: 50%;-moz-border-radius:50% ;box-shadow:5px 5px 10px rgba(0,0,0,0.1);border-radius: 50%;background: url(../img/number.png);}
.number_01{background-position: 0 0;}
.number_02{background-position: 280px 0;}
.number_03{background-position: 210px 0;}
.number_04{background-position: 140px 0;}
.number_05{background-position: 70px 0;}
.number_06{background-position: 0 70px;}
.number_07{background-position: 280px 70px;}
.number_08{background-position: 210px 70px;}
.number_09{background-position: 140px 70px;}
.number_10{background-position: 70px 70px;}

/* 각 컨텐츠 */
.content{position: relative;overflow: hidden;padding-top:80px !important;padding-bottom: 80px !important;}
#wrapper {padding-top: 189px;}
/* 타이틀 */
.sub_tit{font-size: 50px;letter-spacing: -2px; position: relative;}
.sub_tit_30{font-size: 30px;}
.sub_tit_40{font-size: 40px;}
.sub_tit_35{font-size: 35px;}
.sub_tit_42{font-size: 42px;}
.sub_tit_45{font-size: 45px;}
.sub_tit_80{font-size: 80px;}
.sub_tit_60{font-size: 60px;}
.sub_txt{font-size: 25px;}
.sub_txt_25{font-size: 25px;}
.sub_txt_18{font-size: 18px;}
.sub_txt_15{font-size: 15px;}
.sub_txt_20{font-size: 20px;}
.common_tit{font-size:40px;letter-spacing: -2px;position: relative;}
.common_tit2{font-size:30px;letter-spacing: -2px;position: relative;}
/*.common_tit.text_center:before{left: 50%; margin-left: -50px;}*/
.common_txt{font-size: 17px;}
.common_txt2{font-size: 16px;}
.tit_sub_txt{letter-spacing: 5px;}
.txt_pdl {padding-left: 35px;}


/* 퀵메뉴 */
#quick_m{position: absolute;top: 0;right: 0;z-index:99999;}
#quick_m ul li a{display: block;}
#quick_m ul li{opacity: 0.8;}
#quick_m ul li:hover{opacity: 1;}
#quick_m .go_top{cursor:pointer;}

/* 메뉴 */
.nav_box{position: fixed;top: 0;right: -100%;width: 480px;height: 100%;background: rgba(4,51,79,0.7);padding: 10px 50px;z-index: 9999;}
.nav_box_bg{display: none;position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 9998;}
.nav_box_wrap {overflow: hidden;}
.nav_box_wrap > li{padding-bottom: 10px;}
.nav_box_wrap > li:first-child {margin-top:65px;}
.nav_box_wrap > li > a{display: block;position: relative;font-size: 16px;font-weight: 500;color: #ffc845;}
.nav_box_wrap > li > a:after{content:"";position: absolute;right: -10px;top:50%;width: 73%; right: 0;height: 1px;background: #ffc845;}
.nav_box_wrap ul{overflow: hidden;}
.nav_box_wrap ul li {width: 33.3%;float: left;}
.nav_box_wrap ul li a{display: block;font-size: 14px;padding: 7px 5px;text-align: left;color: #fff; }
.nav_box_wrap ul li:hover a{color: #fff; font-weight: 500;}
.online_btn{display: block;height: 55px;font-size: 20px;text-align: center;color: #fff;margin-top: 10px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;background: #f57820;line-height: 55px;}
.online_btn:hover{background: #f57820;}

.online_box{display: none;position: fixed;top:50%;left: 50%;width: 510px;margin-top:-137px;margin-left: -255px;background: #fff;z-index: 10000;box-shadow:10px 10px 10px rgba(0,0,0,0.1);}
.online_box_wrap{padding: 30px 30px;}
.online_box_wrap h6{font-size: 20px;text-align: center;margin-bottom: 20px;font-weight: 500;}
.online_box_wrap ul{overflow: hidden;}
.online_box_wrap ul li{float: left;width: 33.3%;border-right: 1px solid #c7c7c7;text-align: center;}
.online_box_wrap ul li:last-child{border-right: none;}
.online_box_wrap ul li span{display: block;text-align: center;font-size: 17px;font-weight: 500;color: #333;margin-top: 10px;}
.online_box_wrap ul li:hover span{color: #f57820;}
.online_box_btm{padding: 15px 30px;border-top: 1px solid #c7c7c7;}
.online_box_btm a{display: block;color: #333;font-size: 18px;text-align: center;font-weight: 500;}
.online_box_btm a:hover{color: #f57820;}

.menu .util_member {overflow: hidden;position: absolute; right:7%; top:-15px;}
.menu .util_member li{float: left; width: 45%;text-align: center;padding: 15px 10px;}
.menu .util_member li a{display: block;font-size: 15px;color: #fff;}
.menu .util_member2 {position: absolute;right: 150px;top: 45px;}
.menu .util_member2 li a{font-size: 17px;color: #fff;}
/* contactUs 
.contactUs{position: relative;height: 444px;background: url(../img/contact_bg.jpg) center/cover no-repeat;}
.contactUs_wrap{overflow: hidden;}
.contactUs_wrap > div:first-child{width: 50%;height: 300px;    display: flex;    align-items: flex-end;}
.contactUs_wrap > div:first-child img{width: 100%;height: auto;}
.contactUs_wrap > div.tit{margin-top: 5em;}
.contactUs_wrap > div{float: left;}
.contactUs_wrap > div:last-child{width: 50%;}
*/
/*
#formmail tbody{display: block;width: 480px;}
#formmail{overflow: hidden;margin-top: 5px;}
#formmail tr{display: flex;float: left;width: calc(50% - 3.5px);}
#formmail tr:first-child{margin-right: 7px;}
#formmail th{padding-left: 10px;padding-right: 10px;border-bottom: 1px solid #000;}
#formmail td{display: block;}
#formmail table:nth-child(1) td{width:90%;border-bottom: 1px solid #000;}
#formmail table:nth-child(2) td{width: 100%;}
#formmail tr.content_text{display: block;width: 100%;}
#formmail tr.content_text td{width: 100%;border: 1px solid #000; border-bottom: 1px solid #000;margin: 10px 0;}
#formmail tr.content_text textarea{width: 99%;border: none;background: transparent;font: 15px "Noto Sans KR";font-weight: 300;}
#formmail td input[type="text"]{display: block; width: 100%;height:40px;border: none;background: transparent;}
#formmail label,#formmail body,#formmail th,#formmail td,#formmail input,#formmail select,#formmail textarea,#formmail button{font-size: 15px;line-height: 40px;}
input{text-indent: 5px;vertical-align: middle;}
#formmail .btn_submit{width: 100%;height: 100%;text-align: center;background: #333;color: #fff;cursor: pointer;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#formmail .btn_submit:hover{background: #f57820;}
.sns_ok{color: #fff;}

#formmail_page{padding: 3em 0;}
#formmail_page table{margin: auto;}
#formmail_page tbody{display: block;width: 100%;max-width: 900px;margin: auto;text-align: center;}
#formmail_page{overflow: hidden;margin-top: 5px;}
#formmail_page tr{width: 100%;float: left;}
#formmail_page th{padding-left: 10px;padding-right: 10px;}
#formmail_page td{display: block;}
#formmail_page table:nth-child(1) td{width:100%;border: 1px solid #ddd;}
#formmail_page table:nth-child(2) td{width: 100%;}
#formmail_page tr.content_text{display: block;width: 100%;}
#formmail_page tr.content_text td{width: 100%;border: 1px solid #000; border-bottom: 1px solid #000;margin: 10px 0;}
#formmail_page tr.content_text textarea{width: 100%;padding: 10px;border: none;background: transparent;font: 15px "Noto Sans KR";font-weight: 300;}
#formmail_page td input[type="text"]{display: block; width: 100%;height:40px;border: none;background: transparent;}
#formmail_page label,#formmail_page body,#formmail_page th,#formmail_page td,#formmail_page input,#formmail_page select,#formmail_page textarea,#formmail_page button{font-size: 15px;line-height: 40px;}
input{text-indent: 5px;vertical-align: middle;}
#formmail_page label{font-size: 17px;font-weight: 500;color: #333;}
#formmail_page .btn_submit{width: 100%;height: 100%;text-align: center;background: #333;color: #fff;cursor: pointer;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#formmail_page .btn_submit:hover{background: #f57820;}
*/
.board_wrap{width: 100%;max-width:1200px;margin: auto;padding: 80px 20px;}
/* 게시판 타이틀 */
.board_title { font-size: 25px;
    font-weight: 500;
    margin: 0 0 20px;
    padding: 20px;
    border-top: 3px solid #333;
    border-bottom: 1px solid #dde4e9;
    text-align: left;
    background: #fff;
}

/* 유튜브 반응형 */
.embed-youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* 공통푸터 */

.common_footer {background: #404040; padding: 50px;}
.common_footer div ul {overflow: hidden;}
.common_footer div ul li {float: left; width: 40%; margin-left: 50px;}
.common_footer div ul li h4 {border-bottom:4px dotted #c6c6c6; padding: 10px;}
.common_footer div ul li ul{letter-spacing:0; overflow: hidden;}
.common_footer div ul li ul li {float: left; margin-top:25px; line-height:2; width: 100%;}

.common_sub_tail {background: url(../img/sub11/common_sub_tail_bg.jpg) center no-repeat;}


.footer_map div ul li span{margin-right: 20px; padding: 2px 15px; width: 170px; background:#c6c6c6; text-align:center;}
.footer_map div ul, .footer_time div ul {padding: 10px 50px;}
.footer_map div h4{display:flex; align-items: center;}
.footer_map div .common_footer_logo {display:flex; margin-right: 10px;}

.footer_time div h4{display:flex; align-items: center;}
.footer_time div .common_footer_logo {display:flex; margin-right: 10px;}

.sns_menu{overflow: hidden;width: 100%;}
.sns_menu a{display: block;width: 15%;float: left;text-align: left;}
.sns_menu a img{max-width:60px;}
.sns_menu a span{display: block;font-size: 15px;font-weight: 500;color: #fff;margin-top: 5px;}

/* 푸터 */
#footer{background:#fff;overflow:hidden;padding-top: 50px;padding-bottom: 50px;text-align: center;}
#footer_txt{}
#footer_txt p.txt{font-size: 15px;line-height: 1.5em;color: #333;}
#footer_txt p.copy{color: #333;-webkit-border-radius: 15px 15px 0 0;-moz-border-radius:  15px 15px 0 0;border-radius: 15px 15px 0 0;font-size: 13px;letter-spacing:1px;padding: 10px;}
#footer_txt p.copy a{color: #333;}
.footer_tit{font-size: 20px}

.Integration {background: #404040; font-size: 16px; font-weight: 500; text-align:center; padding: 7.5px 0;}
.Integration a {color: #fff;}
@media screen and (max-width:1200px) {

  .board_title { font-size: 25px; margin-bottom: 10px;text-align: center; }
  .common_footer { padding: 30px 0;}
  .common_footer div ul li {margin-left: 0;}
  .common_footer div > ul > li:first-child{width:100%;}
  .common_footer div > ul > li:last-child{width:100%; margin-top: 25px;}
  .common_footer div ul .footer_time, .common_footer div ul .footer_map {margin-left: 0;}
  .common_footer div ul li ul li  {float:inherit;}
  .common_footer div ul li ul {text-align:center;}
  .footer_map div ul li span {margin-right: 0;}
  .footer_map div ul li a {font-size: 30px;}
  .footer_map div ul, .footer_time div ul {padding: 20px 5px;}
  .sns_menu a {width: 33%; text-align:center;}
  .letter_sp_20  {letter-spacing:15px;}
}

@media screen and (max-width:900px){
	#quick_m{display: none;}
	#top_btn,#fastmenu1,#fastmenu2{display: block;}
}
/* 유틸 메뉴 */
#tnb{width: 99%;overflow: hidden;margin: 0 auto;}
#tnb ul.util_sns{float: left;}
#tnb ul.util_sns li{float: left;}
#tnb ul.util_member{float: right;}
#tnb ul.util_member li{float: left; }
.m_util_member{display: none;}

/* 헤더 */
header{
    z-index: 99999;
}
#header_wrap{
	position: relative;
	position: absolute;
	z-index: 99999;
	top:0;
	width: 100%;
	transition: top .5s ease-out;
}
#logo,#m_logo{
	text-align:center;
}
#logo img{max-width:100%; margin:0 auto;}
#logo a,#m_logo a{
	display:inline-block;
}
#m_logo{display: none;}

.logo_style img:nth-child(2) {display: none;}

br.m_br{display: none;}

.menu .util_member {top:0;right:100px; z-index: 50;}

@media screen and (max-width:1600px){
.contactUs_wrap{width: 100%;}
.contactUs_wrap > div:first-child{width: auto;}
#formmail,.contactUs_wrap > div.tit{padding: 0 40px;}
}
@media screen and (max-width:1199px){
/*게시판,로그인,회원가입 부분 고정영역*/
#container_wr{padding: 50px 20px;}

#header_wrap{position: fixed;border: 0;}
#wrapper{padding-top: 63px;}

/* 각 컨텐츠 */
.content{padding-top: 5% !important;padding-bottom: 5% !important;}
.content.padding_none{margin-top: 0 !important;margin-bottom: 0 !important;}
.center {padding:0 20px}
.center_1200 {padding:0 20px}
.mt60{margin-top: 5% !important;}
.mt80{margin-top:  5% !important;}
.mb80{margin-bottom:  5% !important;}
.mt280{margin-top: 5%;}
.contactUs{height: auto;}
.contactUs_wrap{width: 100%;position: inherit;margin-top: 0;padding: 3em  0;}
.contactUs_wrap > div:first-child{display: none;}
.contactUs_wrap > div{width: 100%;float: none;text-align: center;}
.contactUs_wrap > div.tit{margin-top: 0;}
.contactUs_wrap > div .common_txt {margin-bottom: 5px;}
.contactUs_wrap > div .common_tit {margin: 0;}

}/* 1200 */
@media screen and (max-width:1024px){


/*  
#formmail tr{float: none;width: 100%;}
#formmail tbody{width: 100%;}
#formmail table{width: 100%;}
#formmail table:nth-child(1) td{width: 100%;}
*/
#footer_txt{display: block;}
#footer_txt .footer_left{width: 40%;}
#footer_txt .footer_middle{width: 60%;}
#footer_txt .footer_right{width: 100%;margin-top: 20px;}
#footer_txt .footer_right a{width: 50%;float: left;}

}/* 1024 */
@media screen and (max-width:900px){
.contactUs_wrap > div:last-child{width: 100%;}

}/* 900 */

@media screen and (max-width:767px){
	br{display: none;}
	br.m_br{display: block;}

	/* 공통스타일 */
	.mb1{margin-bottom: 3%;}
	.mb2{margin-bottom: 4%;}
	.mb3{margin-bottom: 5%;}
	.mb4{margin-bottom: 6%;}
	.mb5{margin-bottom: 7%;}
	.mt1{margin-top: 3%;}
	.mt2{margin-top: 4%;}
	.mt3{margin-top: 5%;}
	.mt4{margin-top: 6%;}
	.mt5{margin-top: 7%;}


	/* 타이틀 */
	.sub_tit_42{font-size: 25px;}
	.sub_tit{font-size: 30px;}
	.sub_txt{font-size: 15px;}
	.common_tit{font-size:25px;}
	.common_txt{font-size: 15px;line-height: 1.5em !important; }
	.common_tit2{font-size: 22px;}
	.sub_tit_30{font-size: 20px;}
	.sub_tit_45{font-size: 30px;}
	.sub_tit_80{font-size: 60px;}
	.sub_tit_60{font-size: 40px;}
	.sub_txt_25{font-size: 17px;}
	.sub_txt_18{font-size: 15px;}
	.sub_txt_20{font-size: 16px;}
	.line{margin-bottom: 2em;}
	hgroup{margin:5% 20px;}

	.main_font_m {font-family: 'S-CoreDream-5Medium';text-align:center;}
	.main_font_b {font-family: 'S-CoreDream-6Bold';text-align:center;}
	.main_font_r {font-family: 'S-CoreDream-4Regular'; text-align:center;}
	
	.txt_pdl {padding-left: 0;}

	/* 메뉴 */
	.nav_box{width: 100%;overflow: auto;padding: 20px  20px 100px;}

	/* 각 컨텐츠 */
	.content{padding-top: 10% !important;padding-bottom: 10% !important;}
	.content img{width: 100%;height: auto;}

	.fast_menu ul{width: 70%;margin: auto;}
	/* footer */
	#footer_txt{text-align: center;font-size: 13px;}
	.common_footer div ul li ul li:first-child{width: 100%;}
	.common_footer div ul li ul li:first-child p {text-align:center;}

}/* 767 */
@media screen and (max-width:640px){
	.footer_tit{margin-bottom: 10px;}
	.footer_tit img{max-width:200px; margin-bottom: 30px;}
	#footer_txt .footer_left{width: 100%;}
	#footer_txt .footer_middle{width: 100%;}
	#footer_txt .footer_right a{width: 100%;}
	.common_footer div ul li ul li{margin-top: 10px;    letter-spacing: -1px;}
	.sns_menu{width: 100%;}
}/* 640 */
@media screen and (max-width:425px){
	.fast_menu ul{width: 100%;}
}/* 425 */


@media screen and (max-width:365px){
	#footer_txt{font-size: 13px;}
}/* 365 */