@charset "utf-8";

/*popup*/
textarea.autosize { min-height: 50px; }
body.p_main {height: 100%; background:#3e4146;}

body.p_main main {background:#fff;}
body.p_main .popup {/*height:100%;*/}
body.p_main .popup .inner_wr {height:100%;}
body.p_main .popup .content  {height:100%;}
body.p_main .popup .content .conts textarea {color:#000; font-size:16px; line-height: 22px;}
.popup .content .conts {color:#666666;height:100%;}
.popup .content .conts > div {height:100%; word-break: break-all; }/*overflow-x:hidden;*/
.popup .content .conts textarea {width:100%; height:100%; min-height:150px; padding:0 0; overflow:hidden;border:0; word-break: break-all;resize: none;  }
.popup.main_popup .inner_wr {border:1px solid #999;}
.popup.main_popup .content .conts p:first-child {padding:0; }
.popup.main_popup .content .conts p {color:#666666; padding-top:26px;line-height:28px;}

body.main_new .wrap{overflow-y: visible; overflow-x: visible; }
#wrap{width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll;}
body.main_new #header_wrap{position: relative;}
body.main_new main{background: #000;}
body.main_new main:after{display: none;}
body.main_new .main_con {max-width: 100%; height:100%; background: url(../images/main/main_visual.png) no-repeat left center; background-size: cover;}
body.main_new .main_con .inner{height: auto; max-width: 1600px;}
body.main_new .main_con .inner .menu_conts{position: static;}
body.main_new .main_con .inner .menu_conts .list {display: flex; justify-content: flex-end; margin-top: 0;}
body.main_new .main_con .inner .menu_conts .list:after{display: none;}
body.main_new .main_con .inner .menu_conts .list .li{float: none; width: 410px; height: 240px; margin-bottom: 7px; margin-right: 7px;}
body.main_new .main_con .inner .menu_conts .list .li.n01{background: #2ab6ad;}
body.main_new .main_con .inner .menu_conts .list .li:last-child{margin-right: 0;}
body.main_new .main_con .inner .menu_conts .list2 .li{margin-bottom: 40px;}
body.main_new .main_con .inner .menu_conts .list .li.n02{background:#fff;}
body.main_new .main_con .inner .menu_conts .list dl {color:#fff; padding:70px 80px;}
body.main_new .main_con .inner .menu_conts .list dl dd{font-size:16px; padding-top:18px; line-height: 24px;}
body.main_new .main_con .inner .menu_conts .list dl dt {padding-top: 0;}
body.main_new .main_con .inner .menu_conts .list dl dt p{display: inline; font-size:32px; font-weight:700; color:#fff; line-height:32px; background: url(../images/main/arrow.png) no-repeat right 50%; padding-right: 20px;}/* 2023-10-17 2차 수정 */
body.main_new .main_con .inner .menu_conts .list .li.n03 dt p {color:#fff; background: url(../images/main/arrow.png) no-repeat right 50%; padding-right: 20px;}/* 2023-10-17 2차 수정 */
body.main_new .main_con .inner .menu_conts .list .li.n02 dt p {padding-right: 20px;color: #222;background: url(../images/main/arrow2.png) no-repeat right 50%;}/* 2023-10-17 2차 수정 */
body.main_new .main_con .inner .menu_conts .list .li.n02 dd{color: #666;}
body.main_new .main_con .inner .menu_conts .list .li.n03{background:#666666;}
body.main_new .main_con .inner .menu_conts .list .li.n03 dd{color: #fff;}
body.main_new .main_con .inner .text1 {padding: 270px 0 60px 0; margin: 0; font-size: 56px; line-height: 68px; color: #fff;}
body.main_new .main_con .inner .text1 p {font-weight: 700;}
body.main_new .main_con .inner .text1 .v_txt01 {position:relative;top:0;animation:v_txt01 both .7s .7s;-webkit-animation:v_txt01 both .7s .7s;}
body.main_new .main_con .inner .text1 .v_txt02 {position:relative;top:0;animation:v_txt02 both .7s 1.1s;-webkit-animation:v_txt02 both .7s 1.1s;}
body.main_new .main_con .inner .text1 .v_txt03 {position:relative;top:0;animation:v_txt03 both .7s 1.5s;-webkit-animation:v_txt03 both .7s 1.5s;}
body.main_new .main_con .inner .link {width: 200px; text-align: center; padding: 20px; border: 1px solid #fff;border-radius: 32px;}
body.main_new .main_con .inner .link a {display: inline-block; width: auto; height: auto; padding-right: 20px; background: url(../images/main/arrow.png) no-repeat right 5px; color: #fff;}
body.main_new .main_con .inner .link a:after{display: none;}



/*작은 모니터 테스트*/
@media all and (max-width: 1600px){
	body.main_new .main_con .inner{width: 90%; margin: 0 auto;}
}
@media all and (max-width: 1480px){
	body.main_new .main_con .inner .text1 {font-size:44px; padding:200px 0 60px 0;}
	body.main_new .main_con .inner .menu_conts .list .li {width: calc(33% - 14px);; height: 230px;}
	body.main_new .main_con .inner .menu_conts .list dl {padding: 50px 60px;}
}
@media all and (max-width: 1280px){
	body.main_new .main_con .inner .text1 {padding-top:130px;padding-bottom:40px;font-size:32px; line-height:44px;}
	body.main_new .main_con .inner .menu_conts .list dl {height: 100%; padding: 40px 40px;}
}

/*Tablet 1199*/
@media all and (max-width: 1199px){
	body.main_new .tablet_con{width:100%; background:none; padding:0 0 0 0;}
	body.main_new .main_con .inner .menu_conts .list dl dd br{display: none;}
}	
@media all and (max-width: 1023px){
	body.main_new .main_con {background: url(../images/main/main_visual.png) no-repeat 20% 50%;}
	body.main_new .main_con .inner .menu_conts {position: static; padding: 100px 0 100px 0;}
	body.main_new .main_con .inner .text1 {padding-top: 150px;}
	body.main_new .main_con .inner .menu_conts .list .li.n01{background: #2ab6ad;}
	body.main_new .main_con .inner .menu_conts .list .li.n02 {margin-left: 0;margin-top: 0; margin-bottom: 7px;}
	body.main_new .main_con .inner .menu_conts .list .li.n03:after{display: none;}
	
	
	/*popup*/
	.popup.main_popup .content .conts p {font-size:13px; line-height:18px; padding-top:0;}
	.popup .today_close_box {background:#f3f3f3; border-top:1px solid #e5e5e5;}
	.popup .today_close_box li {text-align:center;}
	.popup .today_close_box li a {color:#222222;font-size:11px; position:relative; display:block; text-align:center; width:100%; }
	.popup .today_close_box li .today_mclose {padding-left:0; background:none;color:#222222; width:100%;}
	.popup .today_close_box li .today_mclose:after {content:''; clear:both; display:block; position:absolute; top:0; right:0; width:1px; height:100%; background:#e5e5e5;}
	.popup .pop_close02 {background:none; text-indent:0; position:relative; }
	.popup .today_close_box {padding: 15px 0px;}
	.popup .content .conts textarea {min-height:290px;}
}


/* mobile */
@media all and (max-width: 959px){
	body.main_new .main_con .inner .link{width: 150px;}
	body.main_new .main_con .inner .menu_conts {padding: 50px 0 50px 0;}
	body.main_new .main_con .inner .menu_conts .list .li.no_mr {margin-right: 0;}
	body.main_new .main_con .inner .menu_conts .list{flex-wrap: wrap; justify-content: flex-start;}
	body.main_new .main_con .inner .menu_conts .list .li{width: calc(50% - 7px); height: 150px;}
	body.main_new .main_con .inner .menu_conts .list .li.n02 dt p{background: none;}/* 2023-10-17 2차 수정 */
	body.main_new .main_con .inner .menu_conts .list .li.n03 dt p{background: none;}/* 2023-10-17 2차 수정 */
	body.main_new .main_con .inner .menu_conts .list .li dl{padding: 30px 20px; background: url(../images/main/arrow3.png) no-repeat 89% 80%; background-size: 22px 16px;}
	body.main_new .main_con .inner .menu_conts .list2 .li dl{padding: 30px 20px; background: url(../images/main/arrow4.png) no-repeat 89% 80%; background-size: 22px 16px;}
	body.main_new .main_con .inner .menu_conts .list dl dt p{font-size: 17px;line-height: 17px; background: none;}/* 2023-10-17 2차 수정 */
	body.main_new .main_con .inner .menu_conts .list dl dd{display: none;}
}


@keyframes v_txt01 {
	0% {transform:translateY(-20px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-webkit-keyframes v_txt01 {
	0% {transform:translateY(-20px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}

@keyframes v_txt02 {
	0% {transform:translateY(-20px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-webkit-keyframes v_txt02 {
	0% {transform:translateY(-20px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}

@keyframes v_txt03 {
	0% {transform:translateY(-20px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-webkit-keyframes v_txt03 {
	0% {transform:translateY(-20px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}