@charset "utf-8";

/* common */
.main_tit {text-align: center; margin-bottom: 40px;}
.main_tit h3 {color: #222222; font-weight: 500; font-size: 42px; letter-spacing: 0; text-transform: uppercase;}
.main_tit p {color: #444444; font-weight: 300; font-size: 20px; letter-spacing: 0; margin-top: 5px;}

@media all and (max-width: 1400px) {
	br.pc_only {display: none;}
}
@media all and (max-width: 800px) {
    .main_tit{margin-bottom: 10px;}
}
/* main */
.main_visual {height:550px; max-width: 1400px; font-size: 0; letter-spacing: -4px; margin: -80px auto 0;}/*hyk 수정*/
.main_visual .txt_box{height: 100%}
.main_visual .inner {height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.main_visual .txt_box .inner h2{font-size: 40px; letter-spacing: 0; color:#222222;}
.main_visual .txt_box .inner h2 span.orange{color:#f5950e;}
.main_visual .txt_box .inner h2 span.red{color:#cc4a29;}
.main_visual .txt_box .inner ul{display: flex; gap: 0 50px; margin-top: 30px;}
.main_visual .txt_box .inner ul li{font-size: 22px; color:#474540; letter-spacing: 0; list-style: disc;}
.main_visual .txt_box .inner .btn_box a{background-color: #0f1419; width: 200px; height: 64px; box-sizing: border-box; border-radius: 32px; color:#ffffff; font-weight: 700; font-size: 16px; letter-spacing: 0; display: flex; align-items: center; justify-content: center; margin-top: 40px;}

.main_visual .left_txt {display: inline-block; vertical-align: top; height: 100%; width: calc(28.2% - 5px); margin-right: 10px; border-radius: 50px; overflow: hidden; background: #fff; border: 2px solid #f5950e; box-sizing: border-box;}
.main_visual .left_txt .t_box {display: table; width: 100%; height: 100%;}
.main_visual .left_txt .t_box .tc_box {display: table-cell; vertical-align: middle; padding: 50px 28px 0; box-sizing: border-box;}
.main_visual .left_txt .txt_box p {color: #222; font-weight: 600; font-size: 43px; letter-spacing: 0; margin-bottom: 30px;}
.main_visual .left_txt .txt_box span {color: #222; font-weight: 300; font-size: 22px; letter-spacing: 0; line-height: 1.4;}
.main_visual .left_txt .txt_box span b {color: #f5950e; font-weight: 500;}
.main_visual .left_txt .txt_box span b.red {color: #cc4a29;}
.main_visual .left_txt a {display: block; width: 160px; height: 50px; margin-top: 70px; background: #f5950e; border-radius: 25px; text-align: center; color: #fff; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 50px;}
.main_visual .swiper-container {display: inline-block; vertical-align: top; height: 100%; width: 100%;}
.main_visual ul li .bg_box {position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; max-width: 1400px;}/*hyk 수정*/
.main_visual .pager_box {position: absolute; z-index: 2; right: 15px; bottom: 15px; font-size: 0; letter-spacing: -4px;}
.main_visual .prev_btn {position: absolute; z-index: 2; left: 18px; top: calc(50% - 34px); display: inline-block; vertical-align: top; width: 68px; height: 68px; border-radius: 34px; cursor: pointer; background: url('/img/front/main_visual_prev_btn.png') no-repeat; transition: all 0.3s; opacity: 0;}
.main_visual .next_btn {position: absolute; z-index: 2; right: 18px; top: calc(50% - 34px); display: inline-block; vertical-align: top; width: 68px; height: 68px; border-radius: 34px; cursor: pointer; background: url('/img/front/main_visual_next_btn.png') no-repeat; transition: all 0.3s; margin: 0 7px; opacity: 0;}
.main_visual .pager_box .pager {display: inline-block; vertical-align: top; width: 80px; height: 30px; border-radius: 15px; background: rgba(0,0,0,0.8); color: #999999; font-weight: 400; font-size: 0; letter-spacing: -4px; line-height: 30px; text-align: center;}
.main_visual .pager_box .pager .swiper-pagination-current {display: inline-block; vertical-align: middle; color: #ffffff; font-size: 14px; letter-spacing: 0;}
.main_visual .pager_box .pager .swiper-pagination-total {display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 0;}
.main_visual .pager_box .pager .swiper-pagination-total:before {display: inline-block; vertical-align: middle; width: 1px; height: 14px; background: #7f7f7f; margin: 0 10px; content: ''; transform: rotate(30deg); -webkit-transform: rotate(30deg);-moz-transform: rotate(30deg); -o-transform: rotate(30deg);-ms-transform: rotate(30deg);}
.main_visual .swiper-container:hover .prev_btn {opacity: 1;}
.main_visual .swiper-container:hover .next_btn {opacity: 1;}
.main_visual .prev_btn:hover {background: url('/img/front/main_visual_prev_btn_on.png') no-repeat;}
.main_visual .next_btn:hover {background: url('/img/front/main_visual_next_btn_on.png') no-repeat;}

.main_con01 {padding-top: 60px;}
.main_con01 .tit {position: relative; margin-bottom: 30px;}
.main_con01 .tit:before {position: absolute; z-index: -1; right: 0; bottom: 2px; width: 100%; height: 1px; background: #3f3f3f; content: '';}
.main_con01 .tit:after {content: ''; clear: both; display: block;}
.main_con01 .tit h3 {display: inline-block; color: #222222; font-weight: 500; font-size: 24px; letter-spacing: 0; line-height: 1; padding-right: 20px; box-sizing: border-box; background: #fff;}
.main_con01 .tit a {float: right; color: #222222; font-weight: 300; font-size: 14px; letter-spacing: 0.2em;}
.main_con01 ul li {cursor: pointer; font-size: 0; letter-spacing: -4px; line-height: 2.2;}
.main_con01 ul li .tag {display: inline-block; vertical-align: middle; width: 49px; height: 22px;}
.main_con01 ul li .tag span {display: inline-block; width: 100%; height: 100%; background: #f5950e; border-radius: 11px; text-align: center; color: #fff; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 22px;}
.main_con01 ul li .date {display: inline-block; vertical-align: middle; width: 104px; text-align: center; padding: 0 10px; box-sizing: border-box; color: #666666; font-weight: 400; font-size: 16px; letter-spacing: 0;}
.main_con01 ul li .title {display: inline-block; vertical-align: middle; width: calc(100% - 153px); padding-left: 14px; box-sizing: border-box; color: #666666; font-weight: 200; font-size: 16px; letter-spacing: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_con01 ul li:hover .date {color: #c94a30; font-weight: 600;}
.main_con01 ul li:hover .title {color: #c94a30; font-weight: 600;}
.main_con02 {padding-top: 95px; overflow: hidden;}
.main_con02 .slide_box .swiper-box {padding-bottom: 50px;}
.main_con02 .slide_box ul li .img_box {position: relative; border: 2px solid #e5e5e5; box-sizing: border-box; transition: all 0.3s;}
.main_con02 .slide_box ul li .img_box .img {position: relative; padding: 50% 0; box-sizing: border-box; overflow: hidden;}
.main_con02 .slide_box ul li .img_box .img img {position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.main_con02 .slide_box ul li .img_box .sell {position: absolute; right: 30px; bottom: 25px;}
.main_con02 .slide_box ul li .img_box .sell p {font-size: 0; letter-spacing: -4px;}
.main_con02 .slide_box ul li .img_box .sell p i {display: inline-block; vertical-align: middle; width: 30px; height: 30px; border-radius: 15px; transition: all 0.3s;}
.main_con02 .slide_box ul li .img_box .sell p.indi i {background: url('/img/front/main_con01_icon01.png') no-repeat;}
.main_con02 .slide_box ul li .img_box .sell p.shop i {background: url('/img/front/main_con01_icon02.png') no-repeat;}
.main_con02 .slide_box ul li .img_box .sell span {display: inline-block; vertical-align: middle; padding-left: 12px; box-sizing: border-box; color: #ababab; font-weight: 400; font-size: 16px; letter-spacing: 0; transition: all 0.3s;}
.main_con02 .slide_box ul li .txt_box {padding: 27px 18px 0; box-sizing: border-box;}
.main_con02 .slide_box ul li .txt_box .tag {margin-bottom: 14px; font-size: 0; letter-spacing: -4px;}
.main_con02 .slide_box ul li .txt_box .tag span {display: inline-block; vertical-align: middle; width: 71px; height: 32px; background: #dddddd; border-radius: 16px; text-align: center; color: #fff; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 32px; transition: all 0.3s;}
.main_con02 .slide_box ul li .txt_box .tag span + span {margin-left: 10px;}
.main_con02 .slide_box ul li .txt_box h5 {color: #444444; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 1.6; display:-webkit-box;  word-wrap:break-word; -webkit-line-clamp:2;  -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.main_con02 .slide_box ul li .txt_box p {color: #ca4e34; font-weight: 600; font-size: 24px; letter-spacing: 0; margin-top: 40px;}
.main_con02 .slide_box ul li:hover .img_box {border-color: #ca4e34;}
.main_con02 .slide_box ul li:hover .img_box .sell p.indi i {background: url('/img/front/main_con01_icon01_on.png') no-repeat;}
.main_con02 .slide_box ul li:hover .img_box .sell p.shop i {background: url('/img/front/main_con01_icon02_on.png') no-repeat;}
.main_con02 .slide_box ul li:hover .img_box .sell span {color: #222222;}
.main_con02 .slide_box ul li:hover .txt_box .tag span {background: #f5950e;}
.main_con02 .slide_box .progress {height: 2px; background: #e5e5e5; position: relative;}
.main_con02 .slide_box .progress .swiper-pagination-progressbar-fill {background: #000000;}
.main_con03 {padding-top: 90px;}
.main_con03 .grid_wrap {display: flex; flex-wrap: wrap; border-radius: 20px; border: 1px solid #bfbfbf; overflow: hidden;}
.main_con03 .grid_wrap .item {cursor: pointer; position: relative;}
.main_con03 .grid_wrap .grid_col,
.main_con03 .grid_wrap .grid_row {box-sizing: border-box;}


/* main_mo 추가-hykim */
@media all and (max-width: 1000px) {
    .main_visual .txt_box .inner ul{ display: block; text-align: center; margin-top: 10px; line-height: 26px;}
    .main_visual .txt_box .inner ul li{ list-style: none; }
    .main_visual .txt_box .inner .btn_box a{height: 55px; margin-top: 20px;}
}


/* txt */
.main_con03 .grid_wrap .item .txt {position: absolute; z-index: 2; left: 0; top: 0; padding: 24px 0 0 24px; box-sizing: border-box; width: 100%; height: 100%; transition: all 0.3s;}
.main_con03 .grid_wrap .item .txt span {color: #999999; font-weight: 300; font-size: 16px; letter-spacing: 0;}
.main_con03 .grid_wrap .item .txt p {color: #222222; font-weight: 600; font-size: 20px; letter-spacing: 0; margin-top: 10px;}
.main_con03 .grid_wrap .item .txt i {position: absolute; right: 28px; bottom: 24px; width: 26px; height: 26px; background: url('/img/front/main_con03_plus_btn.png') no-repeat; opacity: 0; transition: all 0.3s;}

/* img */
.main_con03 .item,
.main_con03 .item .img {height: 100%; width: 100%;}
.main_con03 .item .img img {height: 100%; width: 100%; object-fit: cover;}

@media (min-width: 1025px) {
	.main_con03 .grid_wrap {flex-wrap: nowrap;}
	.main_con03 .grid_wrap .grid_col {height: 460px; flex-direction: column; width: 33.3333%; transition: 0.25s;}
	.main_con03 .grid_wrap .grid_col:hover {width: 40%;}
	.main_con03 .grid_wrap .grid_row {height: 50%; transition: 0.25s;}
	.main_con03 .grid_wrap .grid_col:hover .grid_row:hover {height: 55%;}
	.main_con03 .grid_wrap .grid_col:hover .grid_row:not(:hover) {height: 45%;}
	/* border */
	.main_con03 .grid_wrap .grid_col + .grid_col {border-left: 1px solid #bfbfbf;}
	.main_con03 .grid_wrap .grid_row + .grid_row{border-top: 1px solid #bfbfbf;}
}

@media (min-width: 640px) and (max-width: 1024px) {
	.main_con03 .grid_wrap .grid_col {width: 50%;}
	.main_con03 .grid_wrap .w100p {display: flex; width: 100%;}
	.main_con03 .grid_wrap .w100p .grid_row {width: 50%; height: 100%;}
	/* border */
    .main_con03 .grid_wrap .grid_col{display: flex;}
	.main_con03 .grid_wrap .grid_col + .grid_col:not(.w100p) {border-left: 1px solid #bfbfbf;}
	.main_con03 .grid_wrap .grid_col:not(.w100p) .grid_row + .grid_row{border-left: 1px solid #bfbfbf;}
	.main_con03 .grid_wrap .w100p{border-top: 1px solid #bfbfbf;}
	.main_con03 .grid_wrap .w100p .grid_row + .grid_row{border-left: 1px solid #bfbfbf;}
}

@media all and (max-width: 640px) {
	.main_con03 .grid_wrap .grid_col {width: 100%;}
	/* border */
	.main_con03 .grid_wrap .grid_col + .grid_col {border-top: 1px solid #bfbfbf; display: flex;}
    .main_con03 .grid_wrap .grid_row .item { display: flex; justify-content: space-between; flex-direction: column;}
    .main_con03 .grid_wrap .grid_row + .grid_row{border-top: none; border-left: 1px solid #bfbfbf;}
    .main_con03 .grid_wrap .grid_row .item .txt,.main_con03 .grid_wrap .grid_row .item .img{position: relative;}
}

/* hover */
.main_con03 .grid_wrap .item:hover {background: #f5950e;}
.main_con03 .grid_wrap .item:hover .txt span {color: #fff;}
.main_con03 .grid_wrap .item:hover .txt p {color: #fff;}
.main_con03 .grid_wrap .item:hover .txt i {opacity: 1;}
.main_con04 {padding-top: 90px; font-size: 0; letter-spacing: -4px;}
.main_con04 .progress_box {background: #ca4e34; border-radius: 100px; padding: 0 13px; box-sizing: border-box; text-align: center;}
.main_con04 .progress_box ul {font-size: 0; letter-spacing: -4px;}
.main_con04 .progress_box ul li {display: inline-block; vertical-align: top; min-height: 200px; width: calc(20% - 61.6px); margin-right: 77px; position: relative; text-align: center; padding-top: 25px; box-sizing: border-box;}
.main_con04 .progress_box ul li:before {content: ''; position: absolute; left: 100%; top: calc(50% - 2.5px); width: 77px; height: 5px; background: url('/img/front/main_con04_deco01.png') no-repeat center center / contain;}
.main_con04 .progress_box ul li:last-of-type {margin-right: 0;}
.main_con04 .progress_box ul li:last-of-type:before {display: none;}
.main_con04 .progress_box ul li .icon {display: inline-block;}
.main_con04 .progress_box ul li p {color: #fff; font-weight: 600; font-size: 20px; letter-spacing: 0; margin-bottom: 10px;}
.main_con04 .progress_box ul li span {display: block; color: #fff; font-size: 16px; letter-spacing: 0; line-height: 1.2;}
@media all and (max-width: 800px) {
    .main_con04 .img_list ul > li:after{display: none;}
    .main_con04 .img_list ul li .img_box{width: 100px !important; height: 100px !important; border: 2px solid #f5950e !important;}
}

.main_con05 {padding: 105px 0 0 /* 150px jw 20230227 */; font-size: 0; letter-spacing: -4px;}
.main_con05 .cal_box {display: inline-block; vertical-align: top; width: calc(50% - 20px); margin-right: 20px; background: #f5f5f5; border-radius: 20px; text-align: center;}
.main_con05 .cal_box .t_box {display: table; width: 100%; height: 444px;}
.main_con05 .cal_box .t_box .tc_box {display: table-cell; vertical-align: middle; padding: 0 25px; box-sizing: border-box;}
.main_con05 .cal_box .tit {position: relative; margin-bottom: 35px;}
.main_con05 .cal_box .tit p {color: #222222; font-weight: 600; font-size: 24px; letter-spacing: 0; text-transform: uppercase;}
.main_con05 .cal_box .tit .prev_btn {position: absolute; left: 5%; top: calc(50% - 7px); width: 8px; height: 14px; background: url('/img/front/main_con05_prev_btn.png') no-repeat; cursor: pointer;}
.main_con05 .cal_box .tit .next_btn {position: absolute; right: 5%; top: calc(50% - 7px); width: 8px; height: 14px; background: url('/img/front/main_con05_next_btn.png') no-repeat; cursor: pointer;}
.main_con05 .cal_box .table_box table {width: 100%;}
.main_con05 .cal_box .table_box table tr th {color: #444444; font-weight: 500; font-size: 16px; letter-spacing: 0; padding: 15px 0; box-sizing: border-box;}
.main_con05 .cal_box .table_box table tr td {color: #222; font-weight: 400; font-size: 16px; letter-spacing: 0; padding: 10px 0; box-sizing: border-box; position: relative;}
.main_con05 .cal_box .table_box table tr td.last {color: #d5d5d5;}
.main_con05 .cal_box .table_box table tr td:first-child:not(.last) {color: #888;}
.main_con05 .cal_box .table_box table tr td:last-child:not(.last) {color: #888;}
.main_con05 .cal_box .table_box table tr td.type01 {color: #f5950e !important; cursor: pointer;}
.main_con05 .cal_box .table_box table tr td.type01:before {position: absolute; left: calc(50% - 20.5px); top: calc(50% - 20.5px); width: 41px; height: 41px; border-radius: 21px; border: 3px solid #f5950e; box-sizing: border-box; content: '';}
.main_con05 .cal_box .table_box table tr td.type02 {color: #ca4e34 !important; cursor: pointer;}
.main_con05 .cal_box .table_box table tr td.type02:before {position: absolute; left: calc(50% - 20.5px); top: calc(50% - 20.5px); width: 41px; height: 41px; border-radius: 21px; border: 3px solid #ca4e34; box-sizing: border-box; content: '';}
.main_con05 .cal_box .table_box table tr td.today {color: #fff; z-index: 2;}
.main_con05 .cal_box .table_box table tr td.today::before {content: ''; position: absolute; left: calc(50% - 20.5px); top: calc(50% - 20.5px); width: 41px; height: 41px; border-radius: 21px; background-color: #595959; z-index: -1;}
.main_con05 .cal_box .table_box table tr td .cal_popup {display: none; position: absolute; z-index: 10; left: calc(50% + 30px); top: 15px; width: 236px; background: #fff;}
.main_con05 .cal_box .table_box table tr td:nth-of-type(n+4) .cal_popup {left: auto; right: calc(50% + 30px);}
.main_con05 .cal_box .table_box table tr td.type01 .cal_popup {border: 2px solid #f5950e;}
.main_con05 .cal_box .table_box table tr td.type02 .cal_popup {border: 2px solid #ca4e34;}
.main_con05 .cal_box .table_box table tr td .cal_popup .tit_box {text-align: center; color: #fff; font-weight: 600; font-size: 16px; letter-spacing: 0; padding: 6px 0;}
.main_con05 .cal_box .table_box table tr td.type01 .cal_popup .tit_box {background: #f5950e;}
.main_con05 .cal_box .table_box table tr td.type02 .cal_popup .tit_box {background: #ca4e34;}
.main_con05 .cal_box .table_box table tr td .cal_popup .desc {padding: 12px 18px 17px; box-sizing: border-box; text-align: center;}
.main_con05 .cal_box .table_box table tr td .cal_popup .desc p {color: #222222; font-weight: 600; font-size: 16px; letter-spacing: 0; line-height: 1.6; text-transform: uppercase;}
.main_con05 .cal_box .table_box table tr td .cal_popup .desc span {color: #222222; font-weight: 300; font-size: 16px; letter-spacing: 0; line-height: 1.6; display:-webkit-box;  word-wrap:break-word; -webkit-line-clamp:3;  -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:4.8em;}
.main_con05 .order_box {display: inline-flex; align-items: center; justify-content: space-between; flex-direction: column; padding: 60px 5px ; box-sizing: border-box; vertical-align: top; width: calc(25% - 10px); height: 444px; background: #ca4e34; border-radius: 20px; text-align: center;}
.main_con05 .order_box .tit {display: table; width: 100%;}
.main_con05 .order_box .tit p {display: table-cell;  box-sizing: border-box; color: #fff; font-weight: 500; font-size: 20px; letter-spacing: 0; line-height: 1.3; text-transform: uppercase;}
.main_con05 .order_box .img img{width: 100%; padding: 0 5px;}
.main_con05 .order_box .cont {display: table; width: 100%; }
.main_con05 .order_box .cont p {display: table-cell; padding: 0 10px; box-sizing: border-box;}
.main_con05 .order_box .cont p span {display: block; color: #fff; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 2.2;}
.main_con05 .order_box .cont p span.img {margin-bottom: 35px;}
.main_con05 .order_box .cont p span.img img {max-width: 100%;}
.main_con05 .order_box .cont p span.note {font-size: 14px;}
.main_con05 .order_box + .order_box {margin-left: 20px;}
.main_con05 .order_box.type02 {background: #f5950e;}
.main_con05 .cal_box .table_box table tr td:hover .cal_popup {display: block;}
.main_con06 {padding-top: 90px; font-size: 0; letter-spacing: -4px;}
.main_con06 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}/* 추가 */
.main_con06 ul li { width: calc(33.333333% - 10px);}/* 수정 */
.main_con06 ul li .t_box {display: table; width: 100%; height: 223px; border: 2px solid #f5950e; box-sizing: border-box; background: #fff; transition: all 0.3s;}
.main_con06 ul li:nth-of-type(2n) .t_box {border-color: #ca4e34;}
.main_con06 ul li .t_box p {display: table-cell; text-align: center; padding: 20px 0 0; box-sizing: border-box;}
.main_con06 ul li .t_box p i {display: inline-block; width: 94px; height: 94px; margin-bottom: 5px; transition: all 0.3s;}
.main_con06 ul li .t_box p i.icon01 {background: url('/img/front/main_con06_icon01.png') no-repeat center center;}
.main_con06 ul li .t_box p i.icon02 {background: url('/img/front/main_con06_icon02.png') no-repeat center center;}
.main_con06 ul li .t_box p i.icon03 {background: url('/img/front/main_con06_icon03.png') no-repeat center center;}

.main_con06 ul li .t_box p i.icon01_1 {background: url('/img/front/main_con06_icon01_1.png') no-repeat center center;}
.main_con06 ul li .t_box p b {color: #222222; font-weight: 600; font-size: 20px; letter-spacing: 0; display: block; transition: all 0.3s;}
.main_con06 ul li .t_box p span {color: #222222; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 1.6; transition: all 0.3s;}
.main_con06 ul li:hover .t_box {background: #f5950e; border-radius: 20px;}
.main_con06 ul li:nth-of-type(2n):hover .t_box {background: #ca4e34;}
.main_con06 ul li:hover .t_box p i.icon01 {background: url('/img/front/main_con06_icon01_on.png') no-repeat center center;}
.main_con06 ul li:hover .t_box p i.icon02 {background: url('/img/front/main_con06_icon02_on.png') no-repeat center center;}
.main_con06 ul li:hover .t_box p i.icon03 {background: url('/img/front/main_con06_icon03_on.png') no-repeat center center;}

.main_con06 ul li:hover .t_box p i.icon01_1 {background: url('/img/front/main_con06_icon01_1_on.png') no-repeat center center;}
.main_con06 ul li:hover .t_box p b {color: #fff;}
.main_con06 ul li:hover .t_box p span {color: #fff;}
.main_con07 {padding-top: 90px; font-size: 0; letter-spacing: -4px;}
.main_con07 .blog_box {display: inline-block; vertical-align: top; width: 100%; box-sizing: border-box;}
.main_con07 .blog_box ul li {padding: 0 20px; box-sizing: border-box;}
.main_con07 .blog_box ul li + li {margin-top: 50px;}
.main_con07 .blog_box ul li .tit {margin-bottom: 20px; position: relative;}
.main_con07 .blog_box ul li .tit:before {position: absolute; z-index: -1; left: 0; bottom: 2px; width: 100%; height: 1px; background: #3f3f3f; content: '';}
.main_con07 .blog_box ul li .tit h5 {display: inline-block; color: #222222; font-weight: 600; font-size: 24px; letter-spacing: 0; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #fff; padding-right: 10px; box-sizing: border-box;}
.main_con07 .blog_box ul li .cont {width: 82%; min-height: 138px; margin-bottom: 10px;}
.main_con07 .blog_box ul li .cont p {color: #444444; font-weight: 200; font-size: 16px; letter-spacing: 0; line-height: 1.6;  display:-webkit-box;  word-wrap:break-word; -webkit-line-clamp:4;  -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.main_con07 .blog_box ul li .bot span {display: inline-block; vertical-align: middle; width: calc(100% - 160px); padding-right: 20px; box-sizing: border-box; color: #999999; font-weight: 400; font-size: 16px; letter-spacing: 0;}
.main_con07 .blog_box ul li .bot a {display: inline-block; vertical-align: middle; width: 160px; height: 50px; background: #fff; border: 1px solid #c6c6c6; box-sizing: border-box; border-radius: 25px; text-align: center; line-height: 50px; color: #999999; font-weight: 400; font-size: 16px; letter-spacing: 0; transition: all 0.3s;}
.main_con07 .twitter_box {display: inline-block; vertical-align: top; margin-left: 40px; width: calc(50% - 20px); color: #444; font-size: 16px; letter-spacing: 0;}
.main_con07 .blog_box ul li .bot a:hover {background: #f5950e; border-color: #f5950e; color: #fff;}

@media all and (max-width: 1400px) {
	.main_visual {height: 500px;}
	.main_visual .left_txt .t_box .tc_box {padding: 30px 20px 0;}
	.main_visual .left_txt a {margin-top: 50px;}
	.main_con04 .progress_box ul li {width: calc(20% - 48px); margin-right: 60px;}
	.main_con04 .progress_box ul li:before {width: 60px;}
	.main_con05 .cal_box .table_box table tr td .cal_popup {width: 180px;}
	/* .main_con05 .order_box .tit {height: calc(50% - 110px);}
	.main_con05 .order_box .tit p {padding-top: 50px;}
	.main_con05 .order_box .cont {height: calc(50% + 110px);}
	.main_con05 .order_box .cont p span.img {margin-bottom: 25px;} */
}
@media all and (max-width: 1000px) {
	.main_visual {height: 450px;}
	.main_visual .left_txt {width: 100%; height: auto; margin-right: 0; margin-bottom: 10px;}
	.main_visual .left_txt .t_box .tc_box {padding: 30px 20px;}
	.main_visual .left_txt .txt_box p {margin-bottom: 20px; font-size: 36px;}
	.main_visual .left_txt .txt_box span {font-size: 20px;}
	.main_visual .left_txt a {margin-top: 30px;}
	.main_visual .left_txt {border-radius: 30px;}
	.main_visual ul li .txt_box {top: calc(50% - 90px);}
	.main_visual ul li .txt_box p {margin-bottom: 10px; font-size: 36px;}
	.main_visual ul li a {width: 140px; height: 35px; line-height: 35px; bottom: 16.2%;}
	.main_visual .prev_btn {display: none;}
	.main_visual .next_btn {display: none;}
	.main_banner ul li {width: 100%; margin-right: 0;}
	.main_banner ul li:nth-of-type(n+2) {margin-top: 22px;}
	.main_con03 ul li .txt {padding: 15px 0 0 15px;}
	.main_con03 ul li .txt span {font-size: 14px;}
	.main_con03 ul li .txt p {font-size: 18px; margin-top: 5px;}
	/* .main_con04 .progress_box {border-radius: 80px;}
	.main_con04 .progress_box ul li {width: calc(33.333333% - 40px); min-height: 0; padding-bottom: 25px;}
	.main_con04 .progress_box ul li:nth-of-type(3n) {margin-right: 0;}
	.main_con04 .progress_box ul li:nth-of-type(3n):before {display: none;} */
	.main_con05 .cal_box {width: 100%; margin-right: 0;}
	.main_con05 .order_box {width: calc(50% - 5px); margin-top: 20px; height: 420px;}
	.main_con05 .order_box + .order_box {margin-left: 10px;}/*수정*/
	/* .main_con05 .order_box .tit {height: calc(50% - 90px);}
	.main_con05 .order_box .tit p {padding-top: 40px;}
	.main_con05 .order_box .cont {height: calc(50% + 90px);} */
    .main_con06 ul li {width: calc(50% - 6px);}
    .main_con06 ul li:last-of-type {width: 100%; margin-top: 12px;}
/*	.main_con06 ul li .t_box {height: 225px;}*/
/*	.main_con06 ul li .t_box p {padding: 25px 20px 0;}*/
	.main_con07 .blog_box {width: 100%;}
	.main_con07 .twitter_box {width: 100%; margin-left: 0; margin-top: 40px;}
}
@media all and (max-width: 767px) {
	.main_visual {height: 300px;}
	.main_visual .txt_box .inner h2{text-align: center;}
	.main_con03 ul li {width: 100%;}
	.main_con03 ul li:nth-of-type(n+2) {border-top-color: transparent; border-left-color: #bfbfbf;}
	.main_con03 ul li:nth-of-type(1) {width: 100%;}
	.main_con03 ul li:nth-of-type(6) {width: 100%;}
	.main_con03 ul li .img {padding: 21.6% 0;}
	.main_con03 ul li:nth-of-type(6) .img {padding: 21.6% 0;}
	.main_con03 ul li:nth-of-type(1) {border-top-right-radius: 50px;}
	.main_con03 ul li:nth-of-type(3) {border-top-right-radius: 0;}
	.main_con03 ul li:nth-of-type(6) {border-bottom-left-radius: 0;}
	.main_con03 ul li:nth-of-type(8) {border-bottom-left-radius: 50px;}
	.main_con03 ul li:nth-of-type(1) .txt {border-top-right-radius: 50px;}
	.main_con03 ul li:nth-of-type(3) .txt {border-top-right-radius: 0;}
	.main_con03 ul li:nth-of-type(6) .txt {border-bottom-left-radius: 0;}
	.main_con03 ul li:nth-of-type(8) .txt {border-bottom-left-radius: 50px;}
	/* .main_con04 .progress_box ul li {width: calc(50% - 30px);}
	.main_con04 .progress_box ul li:nth-of-type(3n) {margin-right: 60px;}
	.main_con04 .progress_box ul li:nth-of-type(2n) {margin-right: 0;}
	.main_con04 .progress_box ul li:nth-of-type(3n):before {display: block;}
	.main_con04 .progress_box ul li:nth-of-type(2n):before {display: none;} */
}
@media all and (max-width: 480px) {
    .main_visual {height: 225px;}
}

/* main_con04 수정 */
.main_con04 .img_list{margin-top:30px; }
.main_con04 .img_list ul:before{position: absolute; content: ''; width: 90%; top:65px; left:50%; transform: translateX(-50%); background:#f5950e; height: 3px; z-index: -1;}
.main_con04 .img_list ul{width: 100%; display: flex; justify-content: space-between;position: relative; z-index: 3;}
.main_con04 .img_list ul li .img_box{ box-sizing: border-box; width: 130px; height: 130px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin:0 auto;}
.main_con04 .img_list ul li .img_box > div{width: 80px; height: 80px; border: 3px solid #f5950e; box-sizing: border-box; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #ffffff;}
.main_con04 .img_list ul li .img_box{ background-color: transparent;}
/* .main_con04 .img_list ul li:nth-child(1) .img_box{background-color: #f5950e;} */
.main_con04 .img_list ul li .img_box{border: 3px solid #f5950e; background-color:#fff; }
.main_con04 .img_list ul li .txt_box{margin-top:35px; letter-spacing: 0;}
.main_con04 .img_list ul li .txt_box .num_tit{font-size: 24px; line-height: 10px; color:#f5950d; text-align: center; font-weight: 500; display: block;}
.main_con04 .img_list ul li .txt_box > div{margin-top: 7px; }
.main_con04 .img_list ul li .txt_box > div > p > b{display: block; text-align: center; font-size: 18px; font-weight: 500; margin-bottom: 5px; line-height: 1.5;}
.main_con04 .img_list ul li .txt_box > div > p {text-align: center; font-size: 16px; color:#222222; font-weight: 200; line-height: 20px; }

@media all and (max-width:1100px){
	.main_con04 .img_list ul{flex-wrap: wrap; justify-content: flex-start; gap: 30px 0;}
	.main_con04 .img_list ul > li{width: 25%; position: relative; display: initial !important; }
	.main_con04 .img_list ul:before{content: none;}
	.main_con04 .img_list ul > li:after{position: absolute; content: ''; width: 100%; top:65px; left:0; background:#f5950e; height: 3px; z-index: -1;}
}
@media all and (max-width:800px){
	.main_con04 .img_list ul > li{width: 50%;}
	.main_con04 .img_list ul > li .txt_box{margin-top: 15px;}
}


/* main_con_mo 추가-hykim */
@media all and (max-width:800px){
.main_con06 .inner ul{ display: flex; }
.main_con06 ul li + li{ margin-top: 0; }
}