/* 공통 */
select { background: url(../../../img/select_arrow.png) no-repeat 95% 50% !important; }
.color_green { color: #528728; }
.color_red { color: #e4423e; }
.color_white { color: #fff !important; }
.color_pink { color: #e14a7f; }
.color_blue { color: #281f4c; }
.color_yellow { color: #f2ec42 }
.color_wh { color: #fff }
.color_sky { color: #5dc1ff }
.color_bg_green { background: #528728; }
.color_bg_orange { background: #fa9345; }
.color_bg_orange_d { background: #e36301; }
.color_bg_orange_w { background: #ffeee1; }
.color_bg_blue { background: #e9eff8; }
.color_bg_pink { background: #fde9f1; }
.color_bg_pink_d { background: #d554a0 }
.color_bg_pink_wh { background: #ffe7f5 }
.color_bg_greenwh { background: #add270; }
.color_bg_greenwh2 { background: #d9faca }
.color_bg_greenwh3 { background: #edf8e8 }
.color_bg_green { background: #4d952c }
.color_bg_sky { background: #cee5ff }
.color_bg_bluewh { background: #52b9bc; }
.color_bg_b_blue { background: #281f4c; }
.color_bg_b_pink { background: #e14a7f; }
.color_bg_pupp { background: #6e45b3 }
.color_bg_pupp_r { background: #8e73bb }
.color_bg_pupp_r1 { background: #c0a5ed }
.color_bg_pupp_r2 { background: #e5d7fd }
.color_bg_navy { background: #2c5e95 }
.border_rn { border-right: 0 !important }
.margin_0 { margin: 0 !important; }
.input_half { width: 45.5% }
.input_33 { width: 23%; }
.input_55 { width: 22%; }
.font_20 { font-size: 19px !important }
.width_15 { width: 15% }
.width_42 { width: 42.5% }


/* 히든테이블 */
.m_table { padding: 20px; }
.m_table > table { width: 100%; margin-bottom: 28px }
.m_table > table th, .m_table > table td { vertical-align: middle; word-break: keep-all; text-align: center; font-size: 13px; border-bottom: 1px solid #ccc; padding: 3px; border-right: 1px solid #ccc }
.m_table .tit_2 th { background: #f5f5f5; font-weight: 600 }


/* 히든콜버튼 */
.m_main_call { display: none; width: 100%; background: #e14a7f; padding: 20px 0; justify-content: center; }
.m_main_call > div { width: 100%; max-width: 400px;  }
.m_main_call > div > a { display: flex; justify-content: center; align-items: center }
.m_main_call > div > a > img { margin-right: 20px }
.m_main_call > div > a > p { color: #fff; font-size: 50px; font-weight: 600; line-height: 37px; margin-top: -13px }
.m_main_call > div > a > p > span { color: #fff; display: block; font-size: 21px;  }


/******* 메인슬라이드 *******/
/* swiper slider */
@font-face { font-family: 'TmonMonsori'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff'); font-weight: normal; font-style: normal; }
.main_img_slider { width: 100%; height: 600px; transition: height 0.2s ease-in-out;  }
.main_img_slider .swiper-slide { padding: 0 30px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; flex-flow: row wrap; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-position: center; background-repeat: no-repeat; background-size: cover; }
.main_img_slider > div > div > div { margin-top: -50px; }
.main_img_slider > div > div > .text_left { position: absolute; top: 35%; left: 50%; margin-left: -600px; }
.main_img_slider > div > div > div > h4 { margin: 15px 0 5px 0; font-size: 80px; font-family: 'TmonMonsori' }
.main_img_slider > div > div > div > h1 { font-size: 60px; font-family: 'TmonMonsori' }
.main_img_slider > div > div > div > h4 > span { font-family: 'TmonMonsori' }
.main_img_slider > div > div > div > h5 { font-family: 'TmonMonsori'; font-size: 30px; color: #666; }
.main_img_slider > div > div > div > h2 { text-align: left; font-family: 'TmonMonsori'; font-size: 25px; color: #fff; letter-spacing: 5px; }
.main_img_slider > div > div > div > h3 { text-align: left; margin: 15px 0; font-size: 75px; font-family: 'TmonMonsori' }
.main_img_slider > div > div > div > h3 > span { font-family: 'TmonMonsori'; color: #006cb0; }
.main_img_slider > div > div > div > h6 { color: #fff; font-weight: 600; font-size: 22px; margin-bottom: 20px }
.main_img_slider > div > div > div > p { font-family: 'TmonMonsori'; font-weight: lighter; font-size: 20px; letter-spacing: 3px }
.main_img_slider > div > div > div > a { margin: 30px auto; display: block; display: flex; justify-content: center; align-items: center; color: #fff; width: 220px; height: 50px; font-size: 20px; }
.main_img_slider > div > div > div > a > i { color: #fff; margin-left: 10px; }
.swiper-pagination { bottom: 20px !important; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 17px 6px !important }
.swiper-pagination-bullet { opacity: 1!important; width: 11px !important; height: 11px !important; background: #fff !important; border: none !important;}
.swiper-pagination-bullet-active { background: #f25f8c !important; border: none !important; }

/******* 메인 영역1 *******/
.main_content_01 { padding: 80px 0; }
.main_content_01 > div { display: flex; justify-content: space-between; flex-flow: row wrap; width: 100%; max-width: 1655px; margin: auto; }
.main_content_01 > div > div { padding: 100px 50px; width: 46%; background: url(../../../img/main_content_img_01.jpg); background-position: center !important; background-size: cover !important;  }
.main_content_01 > div > div > h3 { color: #fff; font-size: 38px; font-weight: 500; letter-spacing: -2px }
.main_content_01 > div > div > h4 { color: #fff; font-size: 70px; font-weight: 600; }
.main_content_01 > div > div > h5 { padding: 40px 0; width: 100%; max-width: 430px; color: #fff; font-size: 20px; font-weight: 300; letter-spacing: -1px }
.main_content_01 > div > div > p { margin-top: 20px; padding: 3px 0; letter-spacing: 3px; font-size: 20px; text-align: center; width: 100%; max-width: 130px; color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.main_content_01 > div > ul { width: 25%; }
.main_content_01 > div > ul > li { padding: 30px; }
.main_content_01 > div > ul > li > h4 { word-break: keep-all; text-align: center; font-size: 35px; font-weight: 600; letter-spacing: -3px }
.main_content_01 > div > ul > li > p { margin-top: 5px; text-align: center; letter-spacing: -1px; font-size: 16px; font-weight: 500; }
.main_content_01 > div > ul > li > img { display: block; margin: 25px auto; }
.main_content_01 > div > ul > li > a { color: #fff; font-size: 18px; border-radius: 30px; text-align: center; width: 100%; max-width: 170px; height: 40px; line-height: 40px; display: block; margin: auto; }
.main_content_01 > div > ul > li > a i { color: #fff; margin-left: 10px; }

/******* 메인 영역2 *******/
.main_content_02 { padding: 70px 0 0; }
.main_content_02 > div > ul { display: flex; justify-content: space-between; flex-flow: row wrap; }
.main_content_02 > div > ul > li { padding: 0 70px; display: flex; justify-content: space-between; flex-flow: row wrap; padding: 50px 0; position: relative; width: 50%; }
.main_content_02 > div > ul > li > ol { display: flex; justify-content: space-between; width: 100%; max-width: 550px; margin: auto; }
.main_content_02 > div > ul > li > ol > li:nth-of-type(1) { position: relative; width: 35%; }
.main_content_02 > div > ul > li > ol > li:nth-of-type(2) { width: 65%; display: flex; align-items: center; padding: 0 0 0 50px; }
.main_content_02 > div > ul > li:nth-of-type(1) > ol > li:nth-of-type(2) { padding: 0 0 0 85px; }
.main_content_02 > div > ul > li > ol > li > h4 { color: #fff; font-size: 35px; font-weight: 600; letter-spacing: -2px; }
.main_content_02 > div > ul > li > ol > li > h4:hover { cursor: pointer; }
.main_content_02 > div > ul > li > ol > li > h4 > span { color: #fff; font-size: 17px; font-weight: 400; display: block; }
.main_content_02 > div > ul > li > ol > li > img { position: absolute; top: -120px; left: 0; }

/******* 메인 영역3 *******/
.main_content_03 { background: #f5f5f5; padding: 80px 0; }
.main_content_03 > div { width: 100%; max-width: 1200px; margin: auto; }
.main_content_03 > div > ul { display: flex; justify-content: space-between; flex-flow: row wrap; }
.main_content_03 > div > ul > li:nth-of-type(1) { width: 35%; }
.main_content_03 > div > ul > li:nth-of-type(2) { width: 65%; }
.main_content_03 > div > ul > li > h4 { width: 100%; max-width: 400px; display: flex; justify-content: flex-start; }
.main_content_03 > div > ul > li > h4 > p { font-size: 40px; font-weight: 600; letter-spacing: -3px; line-height: 50px }
.main_content_03 > div > ul > li > h4 > p > span { letter-spacing: -3.5px; }
.main_content_03 > div > ul > li > h4 > p:nth-of-type(2) { padding: 7px 0 0 25px; }
.main_content_03 > div > ul > li > p { margin-top: 20px; font-size: 16px; width: 270px; word-break: keep-all; }
.main_content_03 > div > ul > li:nth-of-type(2) ol > li { margin-bottom: 20px; display: flex; align-items: center; flex-flow: row wrap; }
.main_content_03 > div > ul > li:nth-of-type(2) ol > li > input[type='text'],
.main_content_03 > div > ul > li:nth-of-type(2) ol > li > select { color: #666; font-size: 15px; border:  1px solid #ccc; background-color: #fff !important; padding: 6px; }
.main_content_03 > div > ul > li:nth-of-type(2) ol > li > b { padding: 0 6px; }
.main_content_03 > div > ul > li:nth-of-type(2) ol > li > p { letter-spacing: -.5px; color: #666; font-size: 13px; margin-top: 10px; padding-left: 120px; }
.main_content_03 > div > ul > li:nth-of-type(2) ol > li > span { font-weight: 500; font-size: 16px; width: 15%; max-width: 110px; display: flex; align-items: center; color: #003b94; }
.main_content_03 > div > ul > li:nth-of-type(2) ol > li > span:before { margin-right: 10px; content: ''; display: block; width: 3px; height: 3px; background: #003b94; }
.main_content_03 > div > div { margin-top: 30px; background: #fff; padding: 30px; }
.main_content_03 > div > div > input#consulting_btn { box-shadow: 3px 4px 5px rgba(0,0,0,0.3); display: block; margin: 20px auto; font-size: 19px; font-weight: 500; text-align: center; background: #003b94; color: #fff; border: none; outline: none; width: 100%; max-width: 320px; height: 50px; cursor: pointer; }
.main_content_03 > div > div > dl > dt { text-align: center; font-size: 14px; display: flex; align-items: center; justify-content: center; }
.main_content_03 > div > div > dl > dt > span { margin-left: 10px; background: transparent; padding-bottom: 3px; font-size: 14px; margin display: block; border-bottom: 1px solid #999; }
.main_content_03 > div > div > dl > dt > span:hover { cursor: pointer; }
.main_content_03 > div > div > dl > dd { background: #fff; display: none; padding: 20px; font-size: 13px; word-break: keep-all; width: 100%; max-width: 600px; height: 200px; overflow: auto !important; margin: 30px auto; border: 1px solid #ccc; }




@media (max-width: 1700px){
	.main_content_01, .main_content_03 { padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 1630px){
	.main_content_01 > div > div > h3 { font-size: 34px; }
	.main_content_01 > div > div > h4 { font-size: 55px; }
	.main_content_01 > div > div > h5 { font-size: 18px; }
}
@media (min-width: 1471px){
	.main_content_01 > div > ul > li:nth-of-type(1) { margin-bottom: 28px; }
}
@media (max-width: 1470px){
	.main_content_01 > div > ul { width: 100%; max-width: 900px; margin: auto; display: flex; justify-content: space-between; flex-flow: row wrap; }
	.main_content_01 > div > ul > li { width: 49% }
	.main_content_01 > div > ul:nth-of-type(1) { order: 1; margin-bottom: 22px; }
	.main_content_01 > div > ul:nth-of-type(2) { order: 3; display: flex; flex-flow: row wrap; }
	.main_content_01 > div > ul:nth-of-type(2) > li { width: 49%  }
	.main_content_01 > div > div { width: 100%; max-width: 900px; margin: 0 auto 22px; order: 1; }
}
@media (max-width: 1340px){
	.main_content_02 > div > ul > li > ol > li > h4 { font-size: 32px; }
}
@media (max-width: 1300px){
	.main_img_slider > div > div > .text_left { margin-left: 0; left: 30px}
	.main_img_slider > div > div > div > h3 { font-size: 70px }
	.m_main_call { display: flex; }
	.sub_tit_bg > div { max-width: 100% !important; }
}
@media (max-width: 1200px){
	.main_content_02 { padding: 0; }
	.main_content_02 > div > ul > li:nth-of-type(1) > ol { display: flex; }
	.main_content_02 > div > ul > li:nth-of-type(1) > ol > li:nth-of-type(1) {  }
	.main_content_02 > div > ul > li:nth-of-type(1) > ol > li:nth-of-type(2) { padding: 0;  }
	.main_content_02 > div > ul > li > ol > li > img { position: relative; top: auto; left: auto; }
	.main_content_02 > div > ul > li > ol { max-width: 450px; padding: 0 35px }
	.main_content_02 > div > ul > li > ol > li:nth-of-type(2) { display: flex; justify-content: flex-end; }
}
@media (min-width: 1051px){
	.main_img_slider > div > div > div > h6 { display: none }
}
@media (max-width: 1050px){
	.main_img_slider > div > div > div > h4 { font-size: 70px; word-break: keep-all }
	.slide02 { background-image: url('../../../img/m_main_slider_02.jpg') !important }
	.main_img_slider > div > div > .text_left { position: relative; top: auto; left: auto; margin-left: 0 }
	.main_img_slider > div > div > div > h3 { text-align: center; }
	.main_img_slider > div > div > div > h2 { text-align: center; }
	.main_img_slider > div > .slide02 > div > a { margin: auto !important }
}
@media (max-width: 1000px){
	.main_content_03 > div > ul > li { width: 100% !important; }
	.main_content_03 > div > ul > li:nth-of-type(1) { margin-bottom: 50px; }
	.main_content_03 > div > ul > li > h4 { /*justify-content: center;*/ max-width: 100%; }
}
@media (max-width: 890px){
	.main_content_02 > div > ul > li > ol > li > h4 { font-size: 28px; }
	.main_content_02 > div > ul > li:nth-of-type(1) > ol > li:nth-of-type(1) img { width: 170px }
	.main_content_02 > div > ul > li:nth-of-type(2) > ol > li:nth-of-type(1) img { width: 130px }
}
@media (max-width: 790px){
	.main_content_01 > div > ul > li > p { display: none }
}
@media (max-width: 760px){
	.main_content_02 > div > ul > li > ol > li > h4 { font-size: 23px }
}
@media (max-width: 720px){
	.main_content_01 > div > div { padding: 50px 25px;  }
	.main_content_01 > div > div > h3 { font-size: 28px; word-break: keep-all; }s
	.main_content_01 > div > div > h5 { word-break: keep-all; padding: 30px 0; }
	.main_content_01 > div > div > h4 { font-size: 50px; }
	.main_content_01 > div > ul > li > a { font-size: 16px; }
	.main_content_02 > div > ul > li:nth-of-type(1) > ol > li:nth-of-type(1) img { width: 113px }
	.main_content_02 > div > ul > li:nth-of-type(2) > ol > li:nth-of-type(1) img { width: 90px }
	.main_content_03 > div > ul > li:nth-of-type(1) { margin-bottom: 30px; }
	.main_content_03 > div > ul > li:nth-of-type(2) ol > li > b { display: none; }
	.main_content_03 > div > ul > li:nth-of-type(2) ol > li > span { width: 100%; max-width: 100%; margin-bottom: 10px; }
	.main_content_03 > div > ul > li:nth-of-type(2) ol > li > input[type='text'], .main_content_03 > div > ul > li:nth-of-type(2) ol > li > select { margin-bottom: 5px; }
	.main_content_03 > div > ul > li:nth-of-type(2) ol > li > p { padding: 0; }
	.input_half { width: 100%; }
	.input_55 { width: 100%; }
	.input_33 { width: 100%; }
	[name="phone1"]{ width: 32%; }
	[name="phone2"]{ width: 31%; margin: 0 3% 0 3%; }
	[name="phone3"]{ width: 31%; }
	select { background: url(../../../img/select_arrow.png) no-repeat 98% 50% !important }
}
@media (max-width: 680px){
	.main_content_02 > div > ul > li > ol > li:nth-of-type(2) { padding: 0; }
}
@media (max-width: 600px){
    .main_content_01 { padding: 25px 20px }
	.main_content_03 > div > ul > li > h4 > p { font-size: 36px; line-height: 45px; }
	.main_content_03 > div > ul > li > h4 > p:nth-of-type(2) { padding: 0 0 0 25px; }
	.main_content_01 > div > ul > li > img { width: 32px; margin: 15px auto; }
	.main_content_01 > div > ul > li { padding: 14px; }
	.main_content_01 > div > div > p { max-width: 85px; font-size: 16px }
	.main_content_02 > div > ul > li:nth-of-type(2) > ol > li:nth-of-type(1) img { width: 70px; height: 79px }
	.main_content_02 > div > ul > li:nth-of-type(1) > ol > li:nth-of-type(1) img { width: 90px; height: 75px }
	.main_content_02 > div > ul > li > ol > li > h4 { font-size: 20px }
	.main_content_02 > div > ul > li > ol > li > h4 > span { font-size: 16px }
	.main_content_02 > div > ul > li > ol { padding: 0 20px }
}
@media (max-width: 560px){
	.main_img_slider > div > div > div > h4 { font-size: 65px }
	.main_img_slider > div > div > div > h1 { font-size: 50px }
	.main_img_slider > div > div > div > h5 { font-size: 27px; }
	.main_img_slider > div > div > div > h3 { font-size: 65px }
	.main_content_01 > div > div > h3 { font-size: 24px; }
	.main_content_01 > div > div > h5 { font-size: 16px; max-width: 300px }
	.main_content_01 > div > div > h4 { font-size: 40px; }
	.main_content_01 > div > ul > li > h4 { font-size: 27px; }
	.main_content_01 > div > ul > li > a { max-width: 120px; height: 30px; line-height: 30px; font-size: 15px; }
	.main_content_03 > div > div > input[type='submit'] { font-size: 16px; }
}
@media (min-width: 501px){
	.m_table { display: none }
}
@media (max-width: 500px){
	.main_img_slider .swiper-slide { padding: 0 20px }
    .main_img_slider > div > div > div > h4 { font-size: 55px }
		.main_img_slider > div > div > div > h1 { font-size: 40px }
	.main_img_slider > div > div > div > h5 { font-size: 23px }
	.main_img_slider > div > div > div > p { font-size: 18px }
	.main_img_slider > div > div > div > h2 { font-size: 23px; text-align: center; }
	.main_img_slider > div > div > div > h3 { font-size: 55px; text-align: center; }
	.main_img_slider > div > div > .text_left { position: relative; top: 0 }
	.main_img_slider { height: 470px }
	.main_content_01 > div > div { padding: 40px 25px }
	.main_content_01 > div > div > h5 { max-width: 250px; padding: 20px 0 }
	.m_main_call > div > a > p { font-size: 39px; }
	.m_main_call > div > a > p > span { font-size: 18px; }
	.main_content_03 > div > div > dl > dt { display: block; word-break: keep-all }
	.main_content_03 > div > div > dl > dt span { margin-top: 10px;  }
}
@media (max-width: 450px){
	.main_content_02 > div > ul > li > ol { display: block !important }
	.main_content_02 > div > ul > li > ol > li:nth-of-type(2) { width: 100% !important; justify-content: center; }
	.main_content_02 > div > ul > li > ol > li:nth-of-type(1) { width: 100% !important; justify-content: center; display: flex; margin-bottom: 10px }
	.main_content_01 > div > ul > li > h4 { font-size: 21px; }
	.main_content_01 > div > ul > li > a { font-size: 13px; max-width: 100px; }
}
@media (max-width: 430px){
	.main_img_slider > div > div > div > h4,
	.main_img_slider > div > div > div > h3,
	.main_img_slider > div > div > div > h1 { font-size: 43px; }
	.main_img_slider > div > div > div > h2 { font-size: 17px; }
	.main_img_slider > div > div > div > h5 { font-size: 17px; }
	.main_img_slider > div > div > div > h6 { font-size: 18px; }
	.main_img_slider > div > div > div > a { width: 180px; font-size: 16px; height: 40px; }
	.main_content_01 > div > div > h3 { font-size: 21px }
	.main_content_01 > div > div > h5 { font-size: 15px; }
}
@media (max-width: 400px){
	.m_table > table th, .m_table > table td { font-size: 12px }
	.font_20 { font-size: 18px !important }
	.main_content_03 > div > ul > li > h4 > p { font-size: 28px; line-height: 33px; }
	.main_content_03 > div > ul > li > h4 > p:nth-of-type(2) { margin-top: -10px }
	.main_content_03 > div > div { padding: 30px 10px }
}