@charset "utf-8";

/* 
한글 font-family: 'Noto Sans KR', sans-serif;
영문 font-family: 'Roboto', sans-serif;
*/

#header_new {background-color: #000000; position: fixed; width: 100%; left: 0px; top: 0px; z-index: 100; padding: 52px 15px 32px; box-sizing: border-box;}
#header_new .header_wrap {max-width: 1720px; margin: 0 auto; width: 100%; position: relative; padding: 0 150px; box-sizing: border-box; min-width: 1100px;}
#header_new .logo  {width: 200px; height: 22px; display: block; margin: 0 auto;}
#header_new #gnb {text-align: center; margin-top: 52px;}
#header_new #gnb > li {display: inline-block; vertical-align: top; margin: 0 20px; position: relative; line-height: 30px;}
#header_new #gnb > li > a {font-size: 16px; color: #ffffff; letter-spacing: -0.02em; font-family: 'Noto Sans KR', sans-serif; padding-bottom: 10px; position: relative;}
#header_new #gnb > li::before {content: ''; width: 0; height: 2px; position: absolute; bottom: -5px; background-color: #fff; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); left: 50%; transition: all ease 0.3s;}
#header_new #gnb > li:hover::before {width: calc(100%);}
#header_new #gnb .dep2 {position: absolute; width: 100%; text-align: center; left: 0px; background-color: #fff; padding: 10px 0; display: none; box-shadow:  3px 12px 26px 0px rgba(0, 0, 0, .1); top: 37px;}
#header_new #gnb .dep2 a {font-size: 15px; color: #000; display: block; line-height: 30px;}
#header_new #lnb {position: absolute; right: 0px; bottom: 1px;}
#header_new #lnb li {display: inline-block; margin-right: 17px;}
#header_new #lnb li:last-child {margin-right: 0px;}
#header_new #lnb li a {font-size: 16px; color: #d2d2d2; letter-spacing: -0.02em; font-family: 'Roboto', sans-serif;}
#header_new #lnb .userInfo {position: relative; width: 160px;}
#header_new #lnb .userInfo p {text-align: center; font-size: 14px; color: #fff; line-height: 30px; cursor: pointer;}
#header_new #lnb .userInfo p span {display: inline-block; background: url('../images/common/user_arr.png') no-repeat 100% 50%; padding-right: 15px}
#header_new #lnb .userInfo ul {position: absolute; width: 100%; left: 0px; border-top: 1px solid rgba(255,255,255,0.1); background: rgba(48,48,48,0.9); display: none;}
#header_new #lnb .userInfo ul li {display: block; border-bottom: 1px solid rgba(255,255,255,0.1); margin-right: 0px;}
#header_new #lnb .userInfo ul li a {display: block; color: #fff; font-size: 14px; text-align: center; padding: 9px 0 13px;}
#header_new #lnb .userInfo ul li a:hover{background:#ef3c33}




/* main */
#container {padding-top: 190px;}
.new_main #visual_new {background: url(../images/main/new/main_v_bg.jpg) no-repeat center; background-size: cover; box-sizing: border-box; padding: 131px 30px 147px 15px;}
.new_main #visual_new .visual_wrap {display: table; table-layout: fixed; max-width: 1643px; margin: 0 auto; width: 100%;}
.new_main #visual_new .visual_wrap > div {display: table-cell; vertical-align: middle; height: 594px;}
.new_main #visual_new .btn {width: 647px; box-sizing: border-box; position: relative;}
.new_main #visual_new .btn_box {width: 460px; display: flex; flex-flow: wrap;}
.new_main #visual_new .btn_box a {width: 219px; margin-right: 21px; display: inline-block; text-align: center; box-sizing: border-box; line-height: 67px; border-radius: 40px; overflow: hidden; font-family: 'Noto Sans KR', sans-serif; font-size: 20px; color: #ffffff; border: 1px solid #fff; text-align: center; letter-spacing: -0.02em; transition: all 0.3s;}
.new_main #visual_new .btn_box a:last-child {margin-right: 0px; /*color: #000; background-color: #fff;*/}
.new_main #visual_new .btn_box a:hover {color: #000; background-color: #fff;}
.new_main #visual_new .video {width: calc(100% - 647px); position: relative;}
.new_main #visual_new .video .video_wrap {position: absolute; width: 100%; height: 0; padding-bottom: 56.25%; transform: translate(0%, -50%); -webkit-transform: translate(0, -50%); top: 50%;}
.new_main #visual_new .video .video_wrap::before {content: ''; width: calc(100% + 30px); height: calc(100% + 30px); left: -15px; top: -15px; border: 1px solid rgba(255,255,255,0.48); position: absolute;}
.new_main #visual_new .video .video_wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.new_main #m_contents {font-family: 'Noto Sans KR', sans-serif; text-align: center;}
.new_main .Inquiry_box {background-color: #000000; padding: 112px 15px 142px;}
.new_main .Inquiry_box .title1 {text-align: center; color: #ffffff; font-size: 52px; font-weight: 700px; letter-spacing: -0.02em; margin-bottom: 62px;}
.new_main .Inquiry_box .form_box {max-width: 1284px; margin: 0 auto; width: 100%; text-align: left; display: flex; flex-flow: wrap;}
.new_main .Inquiry_box .form_box .con {width: calc(50% - 80px); margin-right: 160px;}
.new_main .Inquiry_box .form_box .con:last-child {margin-right: 0px;}
.new_main .Inquiry_box .form_box .ttl {font-size: 20px; color: #ffffff; letter-spacing: -0.02em; font-weight: 350; margin-bottom: 16px;}
.new_main .Inquiry_box .form_box input {border: 1px solid #d2d2d2; color: #fff; font-size: 28px; height: 73px; padding: 0 20px; box-sizing: border-box; background-color: #000; outline: none;}
.new_main .Inquiry_box .form_box .con:first-child input {width: 100%;}
.new_main .Inquiry_box .form_box .con:last-child {display: flex; flex-flow: wrap;}
.new_main .Inquiry_box .form_box .con:last-child input {width: calc(33.3% - 20px); text-align: center;}
.new_main .Inquiry_box .form_box .con:last-child span {display: inline-block; width: 20px; text-align: center; line-height: 73px;}
.new_main .Inquiry_box .agree {display: inline-block; margin-top: 56px;}
.new_main .Inquiry_box .agree input {vertical-align: middle;}
.new_main .Inquiry_box .agree span {font-size: 18px; color: #ffffff; letter-spacing: -0.02em; word-break: keep-all; font-weight: 350; vertical-align: middle;}
.new_main .Inquiry_box .agree a {font-family: 'Noto Sans KR', sans-serif; font-size: 18px; color: #ffffff; letter-spacing: -0.02em; word-break: keep-all; font-weight: 350;}
.new_main .Inquiry_box .btn_box {padding-top: 57px;}
.new_main .Inquiry_box .btn_box a {font-family: 'Noto Sans KR', sans-serif; display: inline-block; text-align: center; border: 1px solid #ffffff; width: 260px; line-height: 66px; border-radius: 40px; font-size: 20px; color: #ffffff; transition: all 0.3s;}
/*.new_main .Inquiry_box .btn_box a:hover {background-color: rgba(255,255,255,0.1);}*/
.new_main .Inquiry_box .btn_box a:hover {background-color: #fff; color: #000;}


.new_main #m_contents .layout {max-width: 1720px;}


.new_main #m_contents .cont_1 {padding: 176px 15px 150px;}
.new_main #m_contents .cont_1 dl {box-sizing: border-box; border-right: 1px solid #e7e7e7; padding: 11px 0 18px;}
.new_main #m_contents .cont_1 dl:last-child {border-right: none;}
.new_main #m_contents .cont_1 dl dt {font-size: 18px; color: #000000; letter-spacing: -0.02em;}
#m_contents .cont_1 dl dt:after {display: none;}
.new_main #m_contents .cont_1 dl dd {padding-top: 14px;}
.new_main #m_contents .cont_1 dl dd strong {font-size: 80px; color: #000000; line-height: 80px;}
.new_main #m_contents .cont_1 dl dd span {font-size: 18px; color: #000000; letter-spacing: -0.02em; padding-top: 27px;}


.new_main #m_contents .cont_2 {padding: 119px 15px 226px; background-color: #fff; font-family: 'Noto Sans KR', sans-serif;}
.new_main #m_contents h3 {padding-bottom: 109px;}
.new_main #m_contents h3 strong {font-family: 'Roboto', sans-serif; font-size: 20px; color: #777777; letter-spacing: -0.02em; font-weight: 300; padding-bottom: 14px;}
.new_main #m_contents .cont_2 h3 span {font-size: 52px; color: #000000; font-weight: 500; letter-spacing: -0.02em; font-family: 'Noto Sans KR', sans-serif; line-height: 52px;}
.new_main #m_contents .cont_2 .guide {display: flex; flex-flow: wrap;}
.new_main #m_contents .cont_2 .guide div {text-align: left; border-right: 1px solid #e7e7e7; box-sizing: border-box; padding: 0 39px; width: 25%; float: none; height: 324px;}
.new_main #m_contents .cont_2 .guide div:nth-child(1) {background: url(../images/main/new/cont_2_icon_01.png) no-repeat 39px bottom;}
.new_main #m_contents .cont_2 .guide div:nth-child(2) {background: url(../images/main/new/cont_2_icon_02.png) no-repeat 39px bottom;}
.new_main #m_contents .cont_2 .guide div:nth-child(3) {background: url(../images/main/new/cont_2_icon_03.png) no-repeat 39px bottom;}
.new_main #m_contents .cont_2 .guide div:nth-child(4) {background: url(../images/main/new/cont_2_icon_04.png) no-repeat 39px bottom;}
.new_main #m_contents .cont_2 .guide div:last-child {border-right: none;}
.new_main #m_contents .cont_2 .guide div dl {width: auto; height: auto;}
.new_main #m_contents .cont_2 .guide div strong {font-family: 'Roboto', sans-serif; font-size: 20px; color: #fefefe; font-weight: 500; display: inline-block; width: 88px; text-align: center; line-height: 37px; background-color: #000000; border-radius: 30px; margin-bottom: 31px;}
.new_main #m_contents .cont_2 .guide div dl {padding-top: 0px;}
.new_main #m_contents .cont_2 .guide div dl dt {padding-bottom: 23px; font-size: 26px; color: #000000; letter-spacing: -0.02em;}
.new_main #m_contents .cont_2 .guide div dl dd {font-size: 20px; color: #000000; line-height: 30px; letter-spacing: -0.02em;}


.new_main #m_contents .cont_3 {margin: 0; padding: 195px 15px 0; background-color: #1e1e1e; font-family: 'Noto Sans KR', sans-serif;}
.new_main #m_contents .cont_3 h3 {padding-bottom: 29px; text-align: left;}
.new_main #m_contents .cont_3 h3 strong {padding-bottom: 0px; display: inline-block; font-family: 'Roboto', sans-serif; font-size: 52px; color: #ffffff; font-weight: 700; letter-spacing: -0.02em; line-height: 52px;}
.new_main #m_contents .cont_3 h3 span {display: inline-block; font-size: 18px; color: #c7c7c7; letter-spacing: -0.02em; font-weight: 500; margin-left: 14px;}
.new_main #m_contents .cont_3 .movie {padding: 0;}
.new_main #m_contents .cont_3 .movie .list_box {padding: 0px; margin-bottom: -53px;}
.new_main #m_contents .cont_3 .movie .list_box .con_box {margin-bottom: 53px; width: calc(25% - 27px); margin-right: 27px;}
.new_main #m_contents .cont_3 .movie .list_box .con_box:last-child {margin-right: 0px;}
.new_main #m_contents .cont_3 .movie .list_box .con_box .img_box::before {display: none;}
.new_main #m_contents .cont_3 .movie .list_box .con_box .ttl {margin-top: 14px; text-align: left; font-size: 20px; color: #fefefe; letter-spacing: -0.02em; font-family: 'Noto Sans KR', sans-serif;}
.new_main #m_contents .cont_3 .movie .list_box .con_box:hover .ttl {text-decoration: none;}
.new_main #m_contents .cont_3 .btn_w {border-top: none; margin-top: 0; padding-top: 97px;}
.new_main #m_contents .cont_3 .btn_w a {font-family: 'Noto Sans KR', sans-serif; display: inline-block; text-align: center; border: 1px solid #ffffff; width: 260px; line-height: 66px; border-radius: 40px; font-size: 20px; color: #fff!important; transition: all 0.3s; background-color: transparent;}
/*.new_main #m_contents .cont_3 .btn_w a:hover {background-color: rgba(255,255,255,0.1); color: #fff!important;}*/
.new_main #m_contents .cont_3 .btn_w a:hover {background-color: #fff; color: #000!important;}
.new_main #m_contents .cont_3 .btn_w a::after {display: none;}


.new_main #m_contents .cont_4 {margin: 0; padding: 211px 0px 283px; background-color: #1e1e1e; font-family: 'Noto Sans KR', sans-serif;}
.new_main #m_contents .cont_4 .layout {max-width: 1760;}
.new_main #m_contents .cont_4 h3 {padding: 0 15px 45px; text-align: left;}
.new_main #m_contents .cont_4 h3 strong {padding-bottom: 0px; display: inline-block; font-size: 52px; color: #ffffff; font-family: 'Roboto', sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 52px;}
.new_main #m_contents .cont_4 h3 span {display: inline-block; font-size: 18px; color: #c7c7c7; letter-spacing: -0.02em; font-weight: 500; margin-left: 14px;}
.new_main #m_contents .cont_4 .photo_w .title {padding: 0px 15px 22px; text-align: left;}
.new_main #m_contents .cont_4 .photo_w .title div {padding: 0px;}
.new_main #m_contents .cont_4 .photo_w .title div h4 {padding-left: 0px; font-family: 'Roboto', sans-serif; font-size: 30px; color: #ffffff; letter-spacing: -0.02em; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; line-height: 30px; margin-bottom: 0px;}
.new_main #m_contents .cont_4 .photo_w .title div h4:before {display: none;}
.new_main #m_contents .cont_4 .photo {padding: 0px;}
.new_main #m_contents .cont_4 .photo .bx-controls-direction a {width: 46px; height: 86px; top: 42%;}
.new_main #m_contents .cont_4 .photo .bx-controls-direction a.bx-prev {left: 17px; background: url(../images/main/new/slide_prev.png) no-repeat center;}
.new_main #m_contents .cont_4 .photo .bx-controls-direction a.bx-next {right: 18px; background: url(../images/main/new/slide_next.png) no-repeat center;}
.new_main #m_contents .cont_4 .photo .photo_s li .box {max-width: 100%;}
.new_main .cont_4 .total_file {right: 0; bottom: 0px; background-color: #000000; font-family: 'Roboto', sans-serif; font-size: 18px; color: #ffffff; letter-spacing: -0.02em; border-radius: 0px;  width: 130px; line-height: 40px; height: 40px;}
.new_main #m_contents .cont_4 .photo .photo_s li .box .info {background-color: #000; padding: 38px 30px 28px; text-align: left;}
.new_main #m_contents .cont_4 .photo .photo_s li .box .info dl dt {font-size: 18px; color: #ffffff; letter-spacing: -0.02em; padding-bottom: 11px;}
.new_main #m_contents .cont_4 .photo .photo_s li .box .info dl dd {font-size: 18px; color: #ffffff; letter-spacing: -0.02em;}
.new_main #m_contents .cont_4 .photo .photo_s li .box .info .btn a {width: 44px; height: 44px; background: url(../images/main/new/link_btn.png) no-repeat 0 0;}
.new_main #m_contents .cont_4 .photo .photo_s li .box .info .btn a:hover {background: url(../images/main/new/link_btn_on.png) no-repeat 0 0;}
.new_main #m_contents .cont_4 .photo_w {padding-top: 104px;}
.new_main #m_contents .cont_4 .photo_w:nth-of-type(1) {padding-top: 0px;}

.new_main #m_contents .cont_4 .slide_bx {margin-top: 169px;}
.new_main #m_contents .cont_4 .slide_bx h3 {padding: 0px 15px 19px;}
.new_main #m_contents .cont_4 .slide_bx h3 strong {font-size: 48px;}
.new_main #m_contents .cont_4 .slide_bx > div {max-width: 880px;}
.new_main #m_contents .cont_4 .photo .photo_s1 li .box {max-width: 100%;}

.new_main #m_contents .cont_4 .photo .photo_s1 li .box .info {background-color: #000; padding: 38px 30px 28px; text-align: left;}
.new_main #m_contents .cont_4 .photo .photo_s1 li .box .info dl dt {font-size: 18px; color: #ffffff; letter-spacing: -0.02em; padding-bottom: 11px;}
.new_main #m_contents .cont_4 .photo .photo_s1 li .box .info dl dd {font-size: 18px; color: #ffffff; letter-spacing: -0.02em;}
.new_main #m_contents .cont_4 .photo .photo_s1 li .box .info .btn a {width: 44px; height: 44px; background: url(../images/main/new/link_btn.png) no-repeat 0 0;}
.new_main #m_contents .cont_4 .photo .photo_s1 li .box .info .btn a:hover {background: url(../images/main/new/link_btn_on.png) no-repeat 0 0;}

.new_main #m_contents .cont_6 {background-color: #fff; padding: 92px 15px 147px;}
.new_main #m_contents .cont_6 h3 {padding-bottom: 24px;}
.new_main #m_contents .cont_6 h3 strong {padding-bottom: 0px; font-family: 'Roboto', sans-serif; font-size: 48px; color: #000000; letter-spacing: -0.05em; font-weight: 700; line-height: 48px;}
.new_main #m_contents .cont_6 .partner {display: flex; flex-flow: wrap;}
.new_main #m_contents .cont_6 .partner li {width: 20%;}
.new_main #m_contents .cont_6 .partner li span {border: none;}



/* footer */
#footer_new {background-color: #1e1e1e; padding: 75px 15px 70px;}
#footer_new .inner_box {max-width: 1720px; width: 100%; margin: 0 auto;}
#footer_new .f_link {margin-bottom: 44px;}
#footer_new .f_link li {display: inline-block; padding-right: 23px; margin-right: 20px; border-right: 2px solid #9f9f9f; line-height: 15px;}
#footer_new .f_link li:last-child {padding-right: 0px; margin-right: 0px; border-right: none;}
#footer_new .f_link li a {font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #9f9f9f; letter-spacing: -0.02em;}
#footer_new .footer li {font-size: 16px; color: #9f9f9f; line-height: 30px; letter-spacing: -0.02em;}
#footer_new p {font-family: 'Roboto', sans-serif; font-size: 16px; color: #9f9f9f; letter-spacing: -0.02em; line-height: 30px;}
#footer_new p strong {font-weight: 400;}