@media all and (max-width: 1024px) { .w_con {display:none;} .m_con {display:block;} .w_img {display:none;} .m_img {display:inline-block; *display:inline; zoom:1; width:100%;} .w_br {display:none;} .m_br {display:inline;} .w_bar {display:none;} .m_bar {display:inline;} /*헤더*/ #landing_con > .header > .contents_con {width:92%; min-width:280px; padding:19px 0; margin:0 auto;} #landing_con > .header > .contents_con > table > tbody > tr > .logo_td {width:139px;} #landing_con > .header > .contents_con > table > tbody > tr > .nav_td {padding-right:0;} #landing_con > .header > .contents_con > table > tbody > tr > .nav_td > .w_list > ul > li {padding:0 27px;} #landing_con > .header > .contents_con > table > tbody > tr > .nav_td > .w_list > ul > li > a > span {font-size:16px; color:#292929; font-weight:700; line-height:45px; letter-spacing:-0.2px;} #landing_con > .info01_con {background-image:url("/landing/landing04/img/m_landing05_info01_con_bg.png");} #landing_con > .info01_con > .contents_con {max-width:87.5%;} #landing_con > .info02_con {background-image:url("/landing/landing04/img/m_landing05_info02_con_bg.png");} #landing_con > .info02_con > .contents_con {max-width:87.5%;} #landing_con > .info03_con {background-image:url("/landing/landing04/img/m_landing05_info03_con_bg.png");} #landing_con > .info03_con > .contents_con {max-width:82%;} #landing_con > .info04_con > .contents_con {max-width:82%;} #landing_con > .info05_con > .contents_con {max-width:82%;} #landing_con > .info06_con {background-image:url("/landing/landing04/img/m_landing05_info06_con_bg.png");} #landing_con > .info06_con > .contents_con {max-width:87.5%;} #landing_con > .info07_con > .contents_con {max-width:82%;} #landing_con > .info08_con {background-image:url("/landing/landing04/img/m_landing05_info08_con_bg.png");} #landing_con > .info08_con > .contents_con {max-width:82%;} #landing_con > .info09_con {background-image:url("/landing/landing04/img/m_landing05_info09_con_bg.png");} #landing_con > .info09_con > .contents_con {max-width:82%;} #landing_con > .info10_con > .contents_con {max-width:87.5%;} #landing_con > .info11_con {background-image:url("/landing/landing04/img/m_landing05_info11_con_bg.png");} #landing_con > .info11_con > .contents_con {max-width:82%;} #landing_con > .info11_con > .contents_con .popup_con > .contents_con {width:82%; min-width:280px; max-height:400px; padding:9% 6% 6% 6%; overflow-y:scroll;} #landing_con > .info11_con > .contents_con .popup_con > .contents_con .close_btn {width:32px;} #landing_con > .info11_con > .contents_con .popup_con > .contents_con span {font-size:18px; line-height:32px;} #landing_con > .info11_con > .contents_con .popup_con > .contents_con span .color_text {font-size:16px;} #landing_con > .info13_con {background-image:url("/landing/landing04/img/m_landing05_info13_con_bg.png");} #landing_con > .info13_con > .contents_con {max-width:82%;} #landing_con > .info14_con > .contents_con {max-width:82%;} #landing_con > .info15_con {background-image:url("/landing/landing04/img/m_landing05_info15_con_bg.png");} #landing_con > .info15_con > .contents_con {max-width:82%;} #landing_con > .info16_con {padding:68px 0;} #landing_con > .info16_con > .contents_con {max-width:82%;} #landing_con > .info16_con > .contents_con .title_con {margin-bottom:42px;} #landing_con > .info16_con > .contents_con .input_con {float:none; width:100%; margin-bottom:6%;} #landing_con > .info16_con > .contents_con .input_con > table > tbody > tr > .title_td {width:14%; text-align:left;} #landing_con > .info16_con > .contents_con .input_con > table > tbody > tr > .title_td span {font-size:14px;} #landing_con > .info16_con > .contents_con .input_con > table > tbody > tr > .info_td .textarea {height:120px;} #landing_con > .info16_con > .contents_con .input_con > table > tbody > tr > .info_td .a_btn {padding:0 9px;} #landing_con > .info16_con > .contents_con .input_con > table > tbody > tr > .text_td > span {font-size:17px; color:#ffffff; font-weight:400; line-height:25px; letter-spacing:-0.25px;} #landing_con > .info16_con > .contents_con .input_con > table > tbody > tr > .text_td > span > .color_text {color:#84e4ff;} #landing_con > .info16_con > .contents_con .text_con {padding-top:0; padding-bottom:15px;} #landing_con > .info16_con > .contents_con .btn_con {float:none; width:100%;} #landing_con > .info16_con > .contents_con .btn_con .input_btn {height:48px; font-size:26px;} #landing_con > .info17_con {background:#dfecff;} #landing_con > .info17_con > .contents_con {width:100%; max-width:82%; margin:0 auto;} /*푸터*/ #landing_con > .footer {padding-bottom:104px;} #landing_con > .footer > .contents_con {max-width:94%; padding:45px 0; text-align:center;} #landing_con > .footer > .contents_con > .logo {float:none; width:auto; max-width:100%; padding-top:0; margin-bottom:14px;} #landing_con > .footer > .contents_con > .logo img {width:183px;} #landing_con > .footer > .contents_con > .copyright {float:none; width:auto;} #landing_con > .footer > .contents_con > .copyright > .text_con span {font-size:12px; line-height:22px;} #landing_con > .footer > .contents_con > .copyright > .text_con span .bar {font-size:10px; line-height:20px;} #landing_con > .footer > .contents_con > .copyright > .nav span {font-size:12px; line-height:22px;} #landing_con > .footer > .contents_con > .copyright > .nav span .bar {font-size:10px; line-height:20px;} #landing_con > .w_right_quick_con {display:none;} #landing_con > .m_bottom_quick_con {display:block;} #landing_con > .m_bottom_quick_con > .contents_con > img {width:100%;} #landing_con > .m_bottom_quick_con > .m_right_quick_con {display:block; width:94px; position:absolute; right:18px; top:-260px; z-index:100;} } @media all and (max-width: 768px) { .w_con {display:none;} .m_con {display:block;} .w_img {display:none;} .m_img {display:inline-block; *display:inline; zoom:1; width:100%;} .w_br {display:none;} .m_br {display:inline;} .w_bar {display:none;} .m_bar {display:inline;} /*헤더*/ #landing_con > .header > .contents_con {width:92%; min-width:280px; padding:14px 0; margin:0 auto;} #landing_con > .header > .contents_con > table > tbody > tr > .logo_td {width:104px;} #landing_con > .header > .contents_con > table > tbody > tr > .nav_td {padding-right:0;} #landing_con > .header > .contents_con > table > tbody > tr > .nav_td > .w_list > ul > li {padding:0 7px;} #landing_con > .header > .contents_con > table > tbody > tr > .nav_td > .w_list > ul > li > a > span {font-size:12px; color:#292929; font-weight:700; line-height:33px; letter-spacing:-0.2px;} #landing_con > .info01_con {background-image:url("/landing/landing04/img/m_landing05_info01_con_bg.png");} #landing_con > .info01_con > .contents_con {max-width:93.5%;} #landing_con > .info02_con {background-image:url("/landing/landing04/img/m_landing05_info02_con_bg.png");} #landing_con > .info02_con > .contents_con {max-width:93.5%;} #landing_con > .info03_con {background-image:url("/landing/landing04/img/m_landing05_info03_con_bg.png");} #landing_con > .info03_con > .contents_con {max-width:88%;} #landing_con > .info04_con > .contents_con {max-width:88%;} #landing_con > .info05_con > .contents_con {max-width:88%;} #landing_con > .info06_con {background-image:url("/landing/landing04/img/m_landing05_info06_con_bg.png");} #landing_con > .info06_con > .contents_con {max-width:93.5%;} #landing_con > .info07_con > .contents_con {max-width:88%;} #landing_con > .info08_con {background-image:url("/landing/landing04/img/m_landing05_info08_con_bg.png");} #landing_con > .info08_con > .contents_con {max-width:88%;} #landing_con > .info09_con {background-image:url("/landing/landing04/img/m_landing05_info09_con_bg.png");} #landing_con > .info09_con > .contents_con {max-width:88%;} #landing_con > .info10_con > .contents_con {max-width:93.5%;} #landing_con > .info11_con {background-image:url("/landing/landing04/img/m_landing05_info11_con_bg.png");} #landing_con > .info11_con > .contents_con {max-width:88%;} #landing_con > .info11_con > .contents_con .popup_con > .contents_con {width:88%; min-width:280px; max-height:400px; padding:9% 6% 6% 6%; overflow-y:scroll;} #landing_con > .info11_con > .contents_con .popup_con > .contents_con .close_btn {width:24px;} #landing_con > .info11_con > .contents_con .popup_con > .contents_con span {font-size:14px; line-height:28px;} #landing_con > .info11_con > .contents_con .popup_con > .contents_con span .color_text {font-size:12px;} #landing_con > .info13_con {background-image:url("/landing/landing04/img/m_landing05_info13_con_bg.png");} #landing_con > .info13_con > .contents_con {max-width:88%;} #landing_con > .info14_con > .contents_con {max-width:88%;} #landing_con > .info15_con {background-image:url("/landing/landing04/img/m_landing05_info15_con_bg.png");} #landing_con > .info15_con > .contents_con {max-width:88%;} #landing_con > .info16_con {padding:51px 0;} #landing_con > .info16_con > .contents_con {max-width:88%;} #landing_con > .info16_con > .contents_con .input_con {float:none; width:100%; margin-bottom:6%;} #landing_con > .info16_con > .contents_con .input_con > table > tbody > tr > .title_td {width:25%;} #landing_con > .info16_con > .contents_con .input_con > table > tbody > tr > .title_td span {font-size:14px;} #landing_con > .info16_con > .contents_con .input_con > table > tbody > tr > .info_td .textarea {height:120px;} #landing_con > .info16_con > .contents_con .input_con > table > tbody > tr > .info_td .a_btn {padding:0 7px;} #landing_con > .info16_con > .contents_con .input_con > table > tbody > tr > .text_td > span {font-size:12px; color:#ffffff; font-weight:400; line-height:20px; letter-spacing:-0.25px;} #landing_con > .info16_con > .contents_con .input_con > table > tbody > tr > .text_td > span > .color {color:#84e4ff;} #landing_con > .info16_con > .contents_con .text_con {padding-top:0; padding-bottom:11px;} #landing_con > .info16_con > .contents_con .text_con > span {font-size:15px; color:#ffffff; font-weight:400; line-height:23px; letter-spacing:-0.25px;} #landing_con > .info16_con > .contents_con .text_con > .color {color:#84e4ff;} #landing_con > .info16_con > .contents_con .btn_con {float:none; width:100%;} #landing_con > .info16_con > .contents_con .btn_con .input_btn {height:48px; font-size:26px;} /*푸터*/ #landing_con > .footer {padding-bottom:79px;} #landing_con > .footer > .contents_con {max-width:95%; padding:33px 0; text-align:center;} #landing_con > .footer > .contents_con > .logo {float:none; width:auto; max-width:100%; padding-top:0; margin-bottom:9px;} #landing_con > .footer > .contents_con > .logo img {width:137px;} #landing_con > .footer > .contents_con > .copyright {float:none; width:auto;} #landing_con > .footer > .contents_con > .copyright > .text_con span {font-size:10px; line-height:20px;} #landing_con > .footer > .contents_con > .copyright > .text_con span .bar {font-size:8px; line-height:18px;} #landing_con > .footer > .contents_con > .copyright > .nav span {font-size:10px; line-height:20px;} #landing_con > .footer > .contents_con > .copyright > .nav span .bar {font-size:8px; line-height:18px;} #landing_con > .w_right_quick_con {display:none;} #landing_con > .m_bottom_quick_con {display:block; width:100%; position:fixed; bottom:0; left:0; right:0; z-index:100;} #landing_con > .m_bottom_quick_con > .contents_con > img {width:100%;} #landing_con > .m_bottom_quick_con > .m_right_quick_con {display:block; width:60px; position:absolute; right:10px; top:-175px; z-index:100;} }