@charset "euc-kr"; /* 해더 반응형 */ @media screen and (max-width:1300px){ #header .h_t_center {width:100%; padding:0px 15px;} #header .h_b_center {width:100%; padding:0px 15px;} /* #header .box_search_wrap { background:transparent;} */ /* #header .box_search_center {width:100%;} */ } @media screen and (max-width:1200px){ /* #header .h_b_center {height:95px;} */ /* #header .h_b_logo {width:230px;} */ #header .h_b_logo > a {display:block;} #header .h_b_logo > a > img {width:100%;} #header .h_b_gnb {margin-right:30px;} #header .h_b_gnb > li {margin-left:20px;} #header .h_b_gnb > li > a {font-size:1.25rem;} } @media screen and (max-width:1024px){ #header .h_top {display:none;} #header .h_b_center {height:90px;} #header .h_b_logo {width:230px;} .h_b_search_right_pc {display:none;} .h_b_search_right_mobile {display:block;} .h_b_search_right_mobile .box_search_wrap {margin-bottom:40px; padding:0px 15px;} .h_b_search_right_mobile .box_search .form input {width:100%; width: calc(100% - 116.54px);} .h_b_search_right_mobile .box_search .form fieldset {height:40px;} .h_b_search_right_mobile .mobile_search_txt {display:none;} .h_b_search_right_mobile .box_search button {padding:0px 15px;} /* .h_b_search_right_mobile .box_search button {width:calc(30%/2);} */ /* #header .box_search_wrap {margin-bottom:10px;} */ #header .m_btn {display:block;} #header .h_b_gnb {display:none;} } @media screen and (max-width:768px){ /* #header .h_b_center {height:80px;} */ /* #header .h_b_logo {width:170px;} */ /* #header .box_search {padding:5px 10px;} */ } @media screen and (max-width:600px){ /* #header .h_t_center {padding:0px 10px;} */ #header .h_b_center {height:auto; padding:10px 10px;} /* #header .h_b_logo {width:160px;} */ #header .h_b_logo {width:200px;} /* #header .h_b_logo > a > img {top:17px;} */ #header .h_b_logo > a > img {top:11px;} /* #header .box_search .form input {width:90%;} */ .h_b_search_right_mobile .box_search_wrap {margin-bottom:30px;} } @media screen and (max-width:500px){ /* #header .h_b_center {height:65px;} */ /* #header .h_b_logo {width:130px;} */ /* #header .h_b_center {position:relative; padding:50px 10px 0px 10px;} */ /* .h_b_search_right {position:absolute; top:10px; right:10px; width:95%;} */ /* #header .h_b_logo > a > img {top:0px;} */ .m_box {width:100%; right:-100%;} .m_box > .ms_list > li {width:32%;} .m_box > .ms_list > li:nth-child(4n) {margin-right:2%;} .m_box > .ms_list > li:nth-child(3n) {margin-right:0px;} .m_box > .ms_list > li > a {font-size:0.8125rem;} #header .box_search .form input {width:calc(100% - 10px);} /* #header .box_search button {width:calc(85%/2 - 25px);} */ } @media screen and (max-width:400px){ .m_box > .m_top > ul > li > a > i {font-size:13px;} .m_box > .version_list .version_tit {font-size:0.9375rem;} .m_box > .version_list > li {margin-right:15px;} .m_box > .version_list > li label {font-size:1rem;} } @media screen and (max-width:370px){ /* #header .box_search button {width:calc(90%/2 - 20px);} */ } @media screen and (max-width:360px){ .m_box > .version_list .version_tit {padding:5px 10px;} .m_box > .version_list > li {margin-right:10px;} .m_box > .version_list > li input {width:13px; height:13px;} .m_box > .version_list > li label {font-size:0.9375rem;} } /* 메인 컨테이너 영역 */ @media screen and (max-width:1300px){ #main .main_center {width:100%; padding:0px 15px;} #main .main_book_wrap {padding:20px 15px;} #main .main_book_wrap .main_book_center {width:100%;} #main .main_story {padding:50px 15px;} #main .main_story .main_story_center {width:100%;} #main .main_story .main_story_box {width:32%; margin-right:2%;} /* #main .main_story .story_list > li {height:55px;} */ /* #main .main_story .story_list > li > a {line-height:55px;} */ #main .main_banner_wrap .magin_banner_center {width:100%; padding:0px 15px;} } @media screen and (max-width:1024px){ #main .main_center {width:100%; padding:0px;} /* #main .main_top {padding:0px 15px;} */ #main .main_top {display:block;} #main .main_top .top_news_wrap {width:100%; margin-bottom:40px;} #main .main_top .top_news {height:auto; padding:20px;} #main .main_top .top_news_tit > a {font-size:1.875rem;} #main .main_top .top_news_text > a {font-size:1.25rem;} #main .main_top .top_news_date > li {font-size:1rem;} /* 관련기사 영역 */ #main .main_top .main_related_news_box {padding:0px 20px;} #main .main_top .top_small_news {margin-bottom:40px;} #main .main_top .top_small_news > li {height:auto; padding:20px;} #main .main_top .top_small_news > li .small_news_tit > a {font-size:1.4375rem; height:4.0625rem;} /* #main .main_top .top_notice {height:auto; padding:15px 30px;} */ #main .main_top .top_notice {margin:0px 15px;} #main .main_top .top_tv {width:100%; padding:0px 15px;} #main .main_top .tv_logo {padding:0px 0px 10px;} #main .main_top .tv_big_youtube {margin-bottom:20px;} #main .main_top .tv_big_youtube > a .tv_big_wrap {height:auto; padding-bottom: 53.45%;} #main .main_top .tv_big_youtube > a .tv_big_wrap > .tv_big_img {position:absolute; top:0px; left:0px;} #main .main_top .tv_big_youtube > a .tv_big_text {margin:10px 0px 15px;} #main .main_top .tv_small_youtube {border-bottom:none;} #main .main_top .tv_small_youtube > li:nth-child(n+3) {margin-bottom:0px;} /* #main .main_top .tv_small_youtube > li {margin-bottom:20px; flex-basis:49%; margin-right:2%;} */ #main .main_top .tv_small_youtube > li > a .tv_s_img {height:auto; padding-bottom:54%;} #main .main_top .tv_small_youtube > li > a .tv_s_img > .s_img {position:absolute; top:0px; left:0px;} #main .main_top .tv_small_youtube > li > a .tv_s_text {margin-top:10px; font-size:1.0625rem;} /* #main .main_middle_banner {margin:30px 0px; padding:0px 15px;} */ #main .main_bot {display:block;} #main .main_bot .mobile_news_tit {display:none; padding:0px 15px 15px;} #main .main_bot .mobile_more_btn {display:block;} #main .main_bot .bot_left_news_wrap {margin-bottom:40px;} #main .main_bot .main_bot_left {width:100%;} /* #main .main_bot .bot_left_list {margin-bottom:15px; padding-bottom:15px;} */ #main .main_bot .bot_left_list > li {margin-bottom:15px; padding:0px 15px;} #main .main_bot .bot_left_list > li:last-child {margin-bottom:0px;} /* #main .main_bot .bot_left_list > li:nth-child(odd) {background:#f7f7f7;} */ #main .main_bot .bot_left_list > li > a { font-weight:500; white-space:initial; overflow:initial; text-overflow:initial;} #main .main_bot {margin-bottom:40px;} #main .main_bot .main_bot_right {display:block; width:100%; padding:0px 15px;} #main .main_bot .bot_right_banner {display:none; width:100%;} #main .main_bot .bot_right_news {width:100%; display:flex;} #main .main_bot .bot_right_best_wrap {width:49%; margin-right:2%; margin-bottom:0px;} #main .main_bot .bot_right_member_wrap {width:49%;} #main .main_book_wrap {padding:30px 15px;} #main .main_book_wrap .main_book_center > div {float:none;} #main .main_book_wrap .left_new_book {width:100%; margin-bottom:30px; padding-bottom:30px; margin-top:0px; border-bottom:1px dotted #fff;} #main .main_book_wrap .right_new_text {padding-right:0px;} #main .main_book_wrap .right_shopping_mall {margin-left:0px; width:100%;} #main .main_book_wrap .shopping_mall_top_text_mobile {display:flex;} #main .main_book_wrap .shopping_mall_top_text_pc {display:none;} #main .shopping_slider_wrap {width:100%; margin:0px auto; overflow:hidden;} /* #main .shopping_slider_wrap button.slick-next {right:-50px;} */ /* #main .shopping_slider_wrap button.slick-prev {left:-50px;} */ #main .shopping_slider_wrap button.slick-arrow {display:none !important;} #main .shopping_slider_wrap .shopping_slider li .tex_bot {display:none;} /* #main .shopping_slider_wrap .shopping_slider .slick-list {padding:0px 15px 0px 0px;} */ #main .shopping_slider_wrap .shopping_slider .slick-list {padding:0 20% 0 0 !important;} #main .main_story {padding:30px 15px;} #main .main_story .story_top_banner .story_top_txt > strong {margin-bottom:10px; font-size:1.125rem;} /* #main .main_banner_wrap .main_banner_list > li {width:32%; margin-bottom:15px;} */ #main .main_banner_wrap .main_banner_list > li {width:32%;} #main .main_banner_wrap .main_banner_list > li:nth-child(4n) {margin-right:2%;} #main .main_banner_wrap .main_banner_list > li:nth-child(3n) {margin-right:0px;} /* #main .main_banner_wrap .main_banner_list > li:nth-child(3) {margin-top:8px;} */ .version_bannerPC {display:none;} .version_bannerMOBILE {display:block;} } @media screen and (max-width:768px){ #main .main_top .top_news_tit > a {font-size:1.5625rem;} #main .main_top .top_news_text > a {font-size:1.125rem;} #main .main_top .top_news_date > li {font-size:0.9375rem;} /* 관련기사 영역 */ #main .main_top .main_related_news_list > li > p > a {font-size:1rem;} #main .main_top .top_small_news > li {padding:15px 20px;} #main .main_top .top_small_news > li .small_news_tit > a {font-size:1.25rem; height:3.5625rem;} #main .main_top .top_small_news > li .small_news_date > li {font-size:0.9375rem;} /* #main .main_top .top_notice > .notice_tit {margin-right:2%;} */ /* #main .main_top .top_notice {padding:15px 20px;} */ #main .main_top .top_notice .notice_tit {font-size:1.125rem;} #main .main_top .top_notice .norice_text {font-size:0.875rem;} #main .main_top .tv_big_youtube > a .tv_big_text {font-size:1.0625rem;} #main .main_top .tv_small_youtube > li > a .tv_s_text {font-size:1rem;} /* #main .main_middle_banner {margin:20px 0px;} */ /* #main .main_middle_banner_pc {display:none;} #main .main_middle_banner_mobile {display:block; margin:0px; padding:0px 0px 30px;} */ #main .main_middle_banner_list {margin:30px 0px;} #main .main_middle_banner_list > li {float:none; width:100%; margin-bottom:15px;} #main .main_middle_banner_list > li:last-child {margin-bottom:0px;} #main .main_middle_banner_list > li > a {display:block;} #main .main_middle_banner_list > li > a > img {width:100%;} #main .main_bot .mobile_news_tit {padding-bottom:10px;} #main .main_bot .bot_left_list > li > a {font-size:1rem;} #main .main_bot .bot_tit {margin-bottom:10px;} #main .main_bot .member_tit_box {margin-bottom:10px;} #main .main_bot .bot_tit_member {margin-bottom:0px;} #main .main_book_wrap .right_new_text > strong {font-size:1.25rem;} #main .main_book_wrap .right_new_text > p {font-size:1rem;} #main .main_book_wrap .shopping_mall_top_text {padding:0px;} #main .main_book_wrap .shopping_mall_top_text > strong {font-size:1.4375rem;} #main .main_story .story_top_banner .story_top_txt > strong {font-size:1.0625rem;} /* #main .main_story .story_list > li {height:45px;} */ /* #main .main_story .story_list > li:last-child {border-bottom:1px solid #e5e5e5;} */ /* #main .main_story .story_list > li > a {line-height:45px;} */ #main .main_story .main_story_box {float:none; width:100%; margin-right:0px; margin-bottom:30px;} #main .main_story .main_story_box:last-child {margin-bottom:0px;} } @media screen and (max-width:700px){ #main .main_bot .bot_right_news {display:block;} #main .main_bot .bot_right_best_wrap {width:100%; margin-right:0px; margin-bottom:30px;} #main .main_bot .bot_right_member_wrap {width:100%;} } @media screen and (max-width:600px){ /* #main .main_center {padding:0px 10px;} */ /* #main .main_top {padding:0px 10px;} */ #main .main_top .top_news_wrap {margin-bottom:20px;} #main .main_top .top_news {padding:15px;} #main .main_top .top_news_tit {margin-bottom:10px;} /* #main .main_top .top_news_tit > a {font-size:1.25rem; line-height:1.5;} */ #main .main_top .top_news_tit > a {font-size:1.5rem; line-height:1.5;} #main .main_top .top_news_text {margin-bottom:10px;} /* #main .main_top .top_news_text > a {font-size:1rem;} */ #main .main_top .top_news_text > a {width:95%;} /* 관련기사 영역 */ #main .main_top .main_related_news_box {padding:0px 15px;} #main .main_top .top_notice {height:50px;} #main .main_top .top_notice .notice_tit {width:80px; min-width:80px; line-height:50px;} #main .main_top .top_news_date > li {font-size:0.875rem;} /* #main .main_top .top_small_news {margin-bottom:20px;} */ #main .main_top .top_small_news {margin-bottom:30px;} #main .main_top .top_small_news > li {padding:10px 15px; width:100%;} #main .main_top .top_small_news > li:nth-child(2) {border-left:1px solid #b3b9c3;} #main .main_top .top_small_news > li:nth-child(4) {border-left:1px solid #b3b9c3;} #main .main_top .top_small_news > li .small_news_tit {margin-bottom:5px;} #main .main_top .top_small_news > li .small_news_tit > a {height:3rem; font-size:1.125rem;} /* #main .main_top .top_tv {padding:0px 10px;} */ #main .main_top .tv_logo > .top_tv_btn > img {width:100px;} #main .main_bot {margin-bottom:30px;} /* #main .main_bot .bot_right_best_wrap {border-top:none;} */ #main .main_bot .bot_right_best_wrap:nth-of-type(1) {border-top:none;} #main .main_bot .mobile_news_tit {padding:0px 10px 10px;} #main .main_bot .bot_left_news_wrap {margin-bottom:0px; padding:30px 0px; background:#f4f4f4; border-bottom:1px solid #000; border-top:1px solid #000;} /* #main .main_bot .bot_left_list {margin-bottom:20px; padding-bottom:20px;} */ /* #main .main_bot .bot_left_list > li {padding:0px 10px; } */ /* #main .main_bot .bot_left_list > li > a {font-size:1rem;} */ /* #main .main_bot .bot_left_list {background:#f4f4f4; margin-bottom:0px; padding:30px 0px;} #main .main_bot .bot_left_list:first-child { padding:0px 0px 30px;} #main .main_bot .bot_left_list:last-child {padding:30px 0px;} */ #main .main_bot .bot_left_list > li > a {position:relative; line-height:1.5; padding-left:17px;} #main .main_bot .bot_left_list > li > a:after {content:""; display:block; width:5px; height:5px; border-radius:50%; background:#bdc6ca; position:absolute; top:8px; left:5px;} #main .main_bot .best_list > li > span {display:none;} #main .main_bot .best_list > li {padding-left:17px; position:relative;} #main .main_bot .best_list > li:after {content: ""; display:block; width:5px; height:5px; border-radius:50%; background:#bdc6ca; position:absolute; top:50%; left:5px; transform:translateY(-50%);} /* #main .main_bot .main_bot_right {padding:0px 10px;} */ #main .main_bot .bot_right_best_wrap {padding-top:25px;} #main .main_bot .bot_tit {font-size:1.0625rem;} #main .main_bot .best_list > li {margin-bottom:4px;} #main .main_bot .best_list > li > a {font-size:1rem;} #main .main_story .story_list > li div {margin-bottom:4px;} #main .main_story .story_list > li font { line-height:1.5 !important;} /* #main .main_middle_banner {padding:0px 10px;} */ /* #main .main_book_wrap {padding:30px 10px;} */ #main .main_book_wrap .left_new_book {} #main .main_book_wrap .left_new_book_img {width:130px; min-width:130px; margin-right:15px;} #main .main_book_wrap .right_new_text > span {margin-bottom:10px; font-size:0.875rem;} #main .main_book_wrap .right_new_text > strong {margin-bottom:10px; font-size:1.0625rem;} #main .main_book_wrap .right_new_text > p {height:3.9375rem; -webkit-line-clamp:3; margin-bottom:15px; font-size:0.9375rem;} #main .main_book_wrap .right_new_text > .book_btn {font-size:0.9375rem; padding:12px 60px 12px 15px;} #main .main_book_wrap .shopping_mall_top_text > strong {font-size:1.25rem;} #main .main_book_wrap .shopping_mall_top_text > .shopping_mall_btn {font-size:0.9375rem;} /* #main .shopping_slider_wrap {width:70%;} */ /* #main .shopping_slider_wrap button.slick-arrow {width:40px; height:40px;} */ /* #main .main_story {padding:30px 10px;} */ #main .main_story .story_top_banner .story_top_txt > span {font-size:1rem;} #main .main_story .story_top_banner .story_top_txt > strong {font-size:1rem;} #main .main_story .story_list {padding-top:10px;} #main .main_banner_wrap {padding:20px 0px;} /* #main .main_banner_wrap .main_banner_list > li {width:49%; margin-bottom:8px;} */ #main .main_banner_wrap .main_banner_list > li {width:49%;} #main .main_banner_wrap .main_banner_list > li:nth-child(3n) {margin-right:2%;} #main .main_banner_wrap .main_banner_list > li:nth-child(2n) {margin-right:0px;} #main .main_banner_wrap .main_banner_list > li:nth-child(3) {margin-top:8px;} } @media screen and (max-width:530px){ #main .main_top .main_related_news_list > li {height:auto; padding:5px 10px 5px 0px;} #main .main_top .main_related_news_list > li > p > a {} } @media screen and (max-width:500px){ /* #main .main_top .top_news_tit > a {font-size:1.1875rem;} */ /* #main .main_top .top_notice {padding:15px;} */ #main .main_top .top_notice {height:45px;} #main .main_top .top_notice .notice_tit {width:65px; min-width:65px; font-size:1.0625rem; line-height:45px;} #main .main_bot .mobile_news_tit {font-size:1.1875rem;} .m_box > .m_list > li {line-height:45px;} .m_box > .m_list > li > a {font-size:1rem;} #main .shopping_slider_wrap .shopping_slider {margin:0px -10px;} #main .shopping_slider_wrap .shopping_slider li {margin:0px 10px;} } @media screen and (max-width:400px){ /* #main .shopping_slider_wrap {width:50%;} */ /* #main .main_top .top_notice .notice_tit {width:70px; min-width:70px;} */ } /*풋터 영역 */ @media screen and (max-width:1400px){ .f_banner_wrap {padding:30px 15px; } .f_banner_wrap .f_banner_center {overflow:hidden;} .f_banner_wrap .f_banner_list button.slick-arrow {display:none !important;} .f_banner_wrap .f_banner_list button.slick-prev {display:none !important;} .f_banner_wrap .f_banner_list button.slick-next {display:none !important;} .f_banner_wrap .f_banner_list .slick-list {padding:0 20% 0 0 !important;} } @media screen and (max-width:1300px){ #footer .f_center {width:100%; padding:30px 15px;} .f_banner_wrap .f_banner_center {width:100%;} } @media screen and (max-width:1220px){ #footer .f_logo {margin-bottom:15px;} #footer .f_center {display:block;} } @media screen and (max-width:1200px){ } @media screen and (max-width:1029px){ #footer .address_wrap {margin-right:0px;} #footer .address_text > br {display:none;} } @media screen and (max-width:1024px){ .f_banner_wrap .f_banner_list {margin: 0px -10px;} .f_banner_wrap .f_banner_list li {margin:0px 10px;} } @media screen and (max-width:1000px){ #footer .address_wrap {margin-right:3%;} } @media screen and (max-width:768px){ #footer .f_top_wrap {display:flex; align-items:center; justify-content:space-between;} #footer .f_logo {width:150px;} #footer .f_logo > img {width:100%;} #footer .f_c_right {flex-direction:column-reverse; align-items:center;} #footer .address_wrap {margin-right:0px;} #footer .mz_link {margin-bottom:15px;} #footer .f_icon_list {margin-bottom:15px;} #footer .f_icon_list > li {min-width:30px; width:30px;} #footer .f_icon_list > li > a {display:block;} #footer .f_icon_list > li > a > img {width:100%; vertical-align:middle;} #footer .f_icon_list_pc {display:none;} #footer .f_icon_list_mobile {display:flex; align-items:center;} #footer .site_list {margin-bottom:10px;} #footer .address_text {} #footer .address_text > li {float:none; display:inline-block;} #footer .address_text > li:nth-of-type(5):after {display:inline-block;} #footer .address_text > li:nth-of-type(8):after {display:inline-block;} } @media screen and (max-width:600px){ #footer .f_logo {width:130px;} /* #footer .f_center {padding:30px 10px;} */ #footer .mz_link {height:40px;} #footer .mz_link h4 a {line-height:40px;} #footer .mz_link ul {bottom:39px; height:180px;} .f_banner_wrap {padding:20px 15px;} } @media screen and (max-width:500px){ #footer .f_center {padding:20px 15px;} #footer .f_logo {width:110px; margin-bottom:10px;} #footer .address_text {line-height:1.3;} #footer .address_text > li {font-size:0.8125rem;} #footer .address_text > li:after {height:10px; margin:0px 5px;} #footer .site_list > li > a {font-size:0.8125rem;} #footer .mz_link {margin-bottom:10px;} #footer .mz_link h4 a {font-size:0.875rem;} #footer .mz_link h4 a:before {font-size:0.875rem;} } @media screen and (max-width:400px){ #footer .mz_link {width:100%;} }