@charset "euc-kr";

/* ¸ð¹ÙÀÏ ¿µ¿ª */
.m_box {position:fixed; top:0; right:-500px; width:500px; height:100%; background:#f5f2f2; overflow-y:auto; z-index:999999; transition:all .5s;}
.m_box.on {right:0;}
.m_box > .m_top {display:flex; flex-direction:column; align-items:flex-end;  padding:10px 10px; border-bottom:1px solid #fff;}
/* .m_box > .m_top:after {content:""; display:block; clear:both;} */
/* .m_box > .m_top > a.m_close {float:right;} */
.m_box > .m_top > a.m_close > i {font-size:40px; color:#222;}
/* .m_box > .m_top > ul:after {content:""; display:block; clear:both;} */
/* .m_box > .m_top > ul {float:left;} */ 
.m_box > .m_top > ul {width:100%; margin-top:5px;}
.m_box > .m_top > ul > li {float:left; width:32%; margin-right:2%;}
.m_box > .m_top > ul > li:last-child {margin-right:0px;}
.m_box > .m_top > ul > li > a {display:flex; align-items:center; justify-content:center; padding:8px 0px; background-color:#d50404; border-radius:3px;}
.m_box > .m_top > ul > li > a > i {color:#fff; margin-right:5px;}
.m_box > .m_top > ul > li > a > span {color:#fff; font-size:0.9375rem; font-weight:500;}
.m_box > .m_list > li {text-indent:20px; line-height:50px; border-bottom:1px solid #ccc;}
.m_box > .m_list > li > a {position:relative; display:block; font-weight:500; font-size:1.0625rem; background:#585c65; color:#fff;}
/* .m_box > ul.m_list > li > a:after {content:"\f078"; font-size: 13px; color: #fff; font-family: FontAwesome; position: absolute; z-index: 99999; top:0px; right:15px;}
.m_box > ul.m_list > li > a.fontbg:after {content:"\f077"; font-size: 13px; color: #fff; font-family: FontAwesome; position: absolute; z-index: 99999; top:0px; right:15px;} */
.m_box > .m_list > li > ul.m_sub {background-color:#efefef; display:none;}
.m_box > .m_list > li > ul.m_sub > li {border-bottom:1px solid #e5e5e5;}
.m_box > .m_list > li > ul.m_sub > li:last-child {border-bottom:none;}
.m_box > .m_list > li > ul.m_sub > li > a {color:#666; font-size:16px; font-weight:500;}

.m_box > .ms_list {margin-top:15px; padding:0px 10px; box-sizing:border-box;}
.m_box > .ms_list:after {content:""; display:block; clear:both;}
.m_box > .ms_list > li {float:left; width:23.5%; margin-right:2%; height:35px; background:#222; border-radius:3px; overflow:hidden; margin-bottom:10px; transition:all .5s;}
.m_box > .ms_list > li:hover {background:#585c65;}
.m_box > .ms_list > li:nth-child(4n) {margin-right:0px;}
.m_box > .ms_list > li > a {display:block; width:100%; height:100%; color:#fff; font-size:0.875rem; text-align:center; line-height:35px;}

.m_box > .version_list .version_tit {display:inline-block; border-radius:5px; padding:5px 15px; color:#fff; font-weight:500; font-size:1rem; background:#1b4a84;}
.m_box > .version_list {display:flex; align-items:center; justify-content:center; margin-top:20px; padding:0px 15px;}
.m_box > .version_list > li {margin-right:20px; }
.m_box > .version_list > li:last-child {margin-right:0px;}
.m_box > .version_list > li input {width:15px; height:15px; cursor:pointer;}
.m_box > .version_list > li label {margin-left:5px; font-weight:500; font-size:1.125rem; cursor:pointer;}


.m_bg {position:fixed; top:0; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,.7); display:none; z-index:999;}


/* ÇØ´õ ¿µ¿ª */
#header {}
/* #header .h_top {background-color:#1b4a84; height:40px;} */
#header .h_top {background-color:#2d2d2d; height:40px;}
#header .h_t_center {display:flex; align-items:center; justify-content:space-between; width:1200px; height:100%; margin:0px auto;}
#header .h_t_l_menu {}
#header .h_t_l_menu:after {content:""; display:block; clear:both;}
#header .h_t_l_menu > li {float:left; margin-right:15px; }
#header .h_t_l_menu > li > a {display:block; color:#fff; padding-left:18px; font-size:0.8125rem; font-weight:350; transition:all .5s;}
#header .h_t_l_menu > li > span {display:inline-block; font-size:0.8125rem; font-weight:350; position:relative; top:-3px;}
#header .h_t_l_menu > li:hover > a {text-decoration:underline;}
#header .h_t_l_menu > li:last-child {margin-right:0px;}
#header .h_t_l_menu > li:nth-child(1) > a {background:url("/images/main/h_t_icon01.png") no-repeat left center;}
#header .h_t_l_menu > li:nth-child(2) > a {background:url("/images/main/h_t_icon02.png") no-repeat left center;}

#header .h_t_r_menu {}
#header .h_t_r_menu:after {content:""; display:block; clear:both;}
#header .h_t_r_menu > li {float:left;}
#header .h_t_r_menu > li:after {content:""; display:inline-block; width:1px; height:8px; background-color:#fff; margin:0px 4px;}
#header .h_t_r_menu > li:last-child:after {display:none;}
#header .h_t_r_menu > li > a {color:#fff; font-size:0.75rem; font-weight:350; transition:all .5s;}
#header .h_t_r_menu > li:hover > a {text-decoration:underline;}

#header .h_bot {border-bottom:1px solid #dadada;}
#header .h_b_center {display:flex; align-items:center; justify-content:space-between; width:1200px; height:114px; margin:0px auto;}
#header .h_b_logo {}
#header .h_b_logo > a {}
#header .h_b_logo > a > img {position:relative; top:8px;}

#header .h_b_right {display:flex; flex-direction:column; align-items:flex-end; }
#header .h_b_gnb_wrap {display:flex; align-items:center;}

/* #header .h_b_gnb {margin-right:40px;} */
#header .h_b_gnb:after {content:""; display:block; clear:both;}
#header .h_b_gnb > li {float:left; margin-left:25px;}
#header .h_b_gnb > li:first-child {margin-left:0px;}
#header .h_b_gnb > li > a {font-weight:500; font-size:1.3125rem;}
#header .h_b_search {display:block; margin-right:18px;}
#header .h_b_search > img {vertical-align:middle;}

.box_search_wrap {margin-bottom:20px; /*background:#f7f7f7;*/}
.box_search_center { margin:0px auto;}
.box_search {display:block; z-index:9;  position:relative; box-sizing: border-box; background-color: #fff;}
.box_search .form {box-sizing: border-box;}
.box_search .form input { height:100%; width:185px; padding-left:10px; background-color:transparent;}
.box_search .form fieldset {display:flex; align-items:center; height:30px;}
.box_search button {padding:0px 10px; height:100%; border:0; font-size:0.875rem; color:#fff !important;}
.box_search .sear_btn1 {background:#666; margin-right:5px;}
.box_search .sear_btn2 {background:#2d2d2d;}
/* #header .box_search button {float:right; width:23px; height:22px; margin-top:3px; border:0; font-size:0px; background:url("/images/main/h_b_search_s.png") no-repeat center/100%; opacity:0.6;} */
/* #header .box_search button:hover {opacity:1.0;}	 */
/* #header .box_search span.close {position: absolute; top: 11px; right:11px; cursor:pointer; opacity:0.6;}	
#header .box_search span.close img {width:20px;}
#header .box_search span.close:hover { opacity:1.0;} */

.h_b_search_right_mobile {display:none;}

#header .m_btn {display:none;}
#header .m_btn > img {vertical-align:middle;}




/* ¸ÞÀÎ ¿µ¿ª */
#main {}
#main .main_center {width:1200px; margin:0px auto;}
#main .main_top {display:flex; flex-direction:row; justify-content:space-between;}
#main .main_top .top_news_wrap {width:72%;}
#main .main_top .top_news {/*height:240px;*/ padding:25px 30px; background:url("/images/main/main_top_img_f.png")no-repeat center/cover; box-sizing:border-box;}
#main .main_top .top_news_tit { margin-bottom:15px; }
#main .main_top .top_news_tit > a {display:-webkit-box; color:#fff; font-size:2.5rem; font-weight:550; line-height:1.3; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; /*word-wrap:break-word;*/ word-break:keep-all; transition:all .5s;}
#main .main_top .top_news_tit > a:hover {text-decoration:underline;}
#main .main_top .top_news_text {margin-bottom:15px;}
#main .main_top .top_news_text > a {color:#fff; font-size:1.375rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; transition:all .5s;}

#main .main_top .top_news_text1 > a {font-weight:normal;}
#main .main_top .top_news_text2 > a {font-weight:500;}


#main .main_top .top_news_text > a:hover {text-decoration:underline;}
#main .main_top .top_news_date {}
#main .main_top .top_news_date:after {content:""; display:block; clear:both;}
#main .main_top .top_news_date > li {float:left; color:#fff; font-size:1.0625rem;}
#main .main_top .top_news_date > li:after {content:""; display:inline-block; width:1px; height:13px; background-color:#fff; margin:0px 8px;}
#main .main_top .top_news_date > li:last-child:after {display:none;}

#main .main_top .top_small_news {display:flex; flex-wrap:wrap;}
/* #main .main_top .top_small_news:after {content:""; display:block; clear:both;} */
#main .main_top .top_small_news > li {display:flex; /*float:left;*/ width:50%; /*height:150px;*/ padding:20px 30px; background:#f4f4f4; border-right:1px solid #b3b9c3; border-bottom:1px solid #b3b9c3; justify-content:space-between; box-sizing:border-box; flex-direction:column;}
#main .main_top .top_small_news > li:nth-child(odd) {border-left:1px solid #b3b9c3;}
#main .main_top .top_small_news > li .small_news_tit {margin-bottom:10px;}
/* #main .main_top .top_small_news > li .small_news_tit > a {font-size:1.6875rem; font-weight:550; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; line-height:1.4; transition:all .5s;} */
#main .main_top .top_small_news > li .small_news_tit > a {font-size:1.6875rem; font-weight:550; line-height:1.4; transition:all .5s; word-break: keep-all;}
#main .main_top .top_small_news > li .small_news_tit > a:hover {text-decoration:underline;}
#main .main_top .top_small_news > li .small_news_date:after {content:""; display:block; clear:both;}
#main .main_top .top_small_news > li .small_news_date > li {float:left; color:#888888;}

#main .main_top .top_small_news > li .small_news_date > li:after {content:""; display:inline-block; width:1px; height:12px; background:#888; margin:0px 8px;}
#main .main_top .top_small_news > li .small_news_date > li:last-child:after {display:none;}

#main .main_top .top_notice {display:flex; align-items:center; height:56px; margin-top:20px; border:2px solid #585c65; box-sizing:border-box; overflow:hidden;}
#main .main_top .top_notice .notice_tit {position:relative; z-index:1; width:90px; min-width:90px; height:100%; color:#fff; text-align:center; line-height:56px; font-size:1.25rem; font-family:"ChosunLo"; background:#585c65;}
#main .main_top .top_notice .norice_text_box {display:flex; align-items:center; width:100%; height:100%; background:#f4f4f4;}
#main .main_top .top_notice .norice_text {font-weight:500; /* display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; transition:all .5s; white-space: nowrap; overflow: hidden; */ font-size:0.9375rem; color:#000; /* animation: flowText 5s linear infinite; */}
#main .main_top .top_notice .norice_text:hover {text-decoration:underline;}

@keyframes flowText {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(100%);
    }
}


/* ¸ÞÀÎ °ü·Ã±â»ç ¿µ¿ª */

#main .main_top .main_related_news_box {padding:0px 30px; background:#21579e; box-sizing:border-box;}
#main .main_top .main_related_news_list {}
#main .main_top .main_related_news_list > li {height:40px; border-top:1px dotted #6186b8;}
#main .main_top .main_related_news_list > li > p {position:relative; height:100%; padding-left:30px; display:flex; align-items:center;}
#main .main_top .main_related_news_list > li > p:after {content:""; display:block; width:12px; height:13px; background:url("/images/main/main_top_related_icon.png") no-repeat center; position:absolute; top:5px; left:11px;}

#main .main_top .main_related_news_list > li > p > a {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; color:#fff; font-size:1.0625rem;}
#main .main_top .main_related_news_list > li > p > a:hover {text-decoration:underline;}


/* #main .main_top .main_related_news_list > li > p {position:relative; padding-left:30px;} */
/* #main .main_top .main_related_news_list > li > p > a {} */






/* Á¶°©Á¦ tv */
#main .main_top .top_tv {width:25%;}
#main .main_top .tv_logo {display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:17px; padding:20px 0px 10px; border-bottom:1px solid #222;}
#main .main_top .tv_big_youtube {margin-bottom:15px; border-bottom:1px dotted #c9c9c9;}
#main .main_top .tv_big_youtube > a {display:block; }
#main .main_top .tv_big_youtube > a .tv_big_wrap {position:relative; width:100%; height:160px; object-fit:cover; transition:all .5s; overflow:hidden;}
#main .main_top .tv_big_youtube > a .tv_big_wrap > .tv_big_img {width:100%; height:100%; object-fit:cover; transition:all .5s;}
#main .main_top .tv_big_youtube > a .tv_big_wrap iframe {position:absolute; top:0px; left:0px;}

#main .main_top .tv_big_youtube > a .tv_big_wrap:hover > .tv_big_img {transform:scale(1.1);}


#main .main_top .tv_big_youtube .tv_big_text {display:-webkit-box; margin:5px 0px 10px; font-size:1.125rem; font-weight:500; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; transition:all .5s;}
#main .main_top .tv_big_youtube .tv_big_text:hover {text-decoration:underline;}
#main .main_top .tv_big_youtube .tv_play_icon {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

#main .main_top .tv_small_youtube {display:flex; flex-wrap:wrap; border-bottom:1px solid #000;}
#main .main_top .tv_small_youtube > li {display:flex; flex-direction:column; flex:none; flex-basis:47.5%; margin-right:5%; margin-bottom:15px;}
#main .main_top .tv_small_youtube > li:nth-child(2n) {margin-right:0px;}
#main .main_top .tv_small_youtube > li > a {display:block;}
#main .main_top .tv_small_youtube > li > a .tv_s_img {position:relative; height:80px; border:1px solid #bebebe; box-sizing:border-box; overflow:hidden;}
#main .main_top .tv_small_youtube > li > a .tv_s_img > .s_img {width:100%; height:100%; object-fit:cover; transition:all .5s;}
#main .main_top .tv_small_youtube > li > a .tv_s_img:hover > .s_img {transform:scale(1.1);}
#main .main_top .tv_small_youtube > li > a .tv_s_text {margin-top:5px; font-size:0.9375rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; line-height:1.4; font-weight:500; transition:all .5s;}
/* #main .main_top .tv_small_youtube > li > a .tv_s_text {margin-top:5px; font-size:0.9375rem; line-height:1.4; font-weight:500; transition:all .5s;} */
#main .main_top .tv_small_youtube > li > a .tv_s_text:hover {text-decoration:underline;}
#main .main_top .tv_small_youtube > li > a .tv_play_s_icon {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}



/* ¸ÞÀÎ ¹è³Ê ¿µ¿ª */
/* ¸ÞÀÎ Áß°£ ¹è³Ê */
/* #main .main_middle_banner {margin:40px 0px;}
#main .main_middle_banner > a {display:block;}
#main .main_middle_banner > a > img {width:100%;} */

/* #main .main_middle_banner_mobile {display:none;} */
#main .main_middle_banner_list {margin:40px 0px;}
#main .main_middle_banner_list:after {content:""; display:block; clear:both;}
#main .main_middle_banner_list > li {float:left; width:49%; margin-right:2%;}
#main .main_middle_banner_list > li:last-child {margin-right:0px;}


#main .main_bot {display:flex; flex-direction:row; justify-content:space-between; margin-bottom:50px;}
#main .main_bot .main_bot_left {width:43%;}
/* #main .main_bot .main_bot_left {width:516px;} */
#main .main_bot .bot_left_news_wrap {}
#main .main_bot .mobile_news_tit {display:none; padding-bottom:15px; font-size:1.25rem; color:#222; font-family:"ChosunLo";}
#main .main_bot .mobile_more_btn {display:none; margin-bottom:30px; background:#909090;}
#main .main_bot .mobile_more_btn > a {display:block; text-align:center;}
#main .main_bot .mobile_more_btn > a > span {display:inline-block; padding:13px 0px 13px 40px; color:#fff; font-weight:500; font-size:1.0625rem; text-align:center; background:url("/images/main/ic_more_f.png") no-repeat left center/25px;}

#main .main_bot .bot_left_list {margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #ebebeb;}
#main .main_bot .bot_left_list:last-child {margin-bottom:0px; border-bottom:none; padding-bottom:0px;}
#main .main_bot .bot_left_list > li {margin-bottom:15px;}
#main .main_bot .bot_left_list > li:last-child {margin-bottom:0px;}
/* #main .main_bot .bot_left_list > li > a {font-size:1.125rem; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; transition:all .5s;} */
#main .main_bot .bot_left_list > li > a {font-size:1.125rem; display:block; width:100%; line-height:1.7; transition:all .5s;} /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/
#main .main_bot .bot_left_list > li > a:hover {text-decoration:underline;}


#main .main_bot .main_bot_right {display:flex; flex-direction:row; justify-content:space-between; width:52.5%;}
#main .main_bot .bot_right_banner {width:48%;}
#main .main_bot .bot_right_banner .banner_box > a > img {width:100%;}
#main .main_bot .bot_right_banner .banner_box {margin-bottom:20px;}


#main .main_bot .bot_right_news {width:48%;}
#main .main_bot .bot_right_best_wrap {border-top:1px solid #000; margin-bottom:50px; padding-top:15px;}
#main .main_bot .bot_right_best_wrap:nth-of-type(3) {margin-bottom:0px;}
#main .main_bot .bot_tit {margin-bottom:15px; font-size:1.25rem; color:#222; font-family:"ChosunLo"; }
#main .main_bot .bot_tit_best > span {color:#2a5298;}
#main .main_bot .best_list {}
#main .main_bot .best_list > li {display:flex; align-items:center; margin-bottom:13px;}
#main .main_bot .best_list > li:last-child {margin-bottom:0px;}
#main .main_bot .best_list > li > span {display:block; width:25px; min-width:25px; height:25px; margin-right:10px; color:#fff; font-size:0.8125rem; border-radius:50%; text-align:center; line-height:25px;}
#main .main_bot .best_list > li > .number_blue {background:#5772a8;}
#main .main_bot .best_list > li > .number_gray {background:#a1acb2;}
#main .main_bot .best_list > li > a {display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; transition:all .5s;}
#main .main_bot .best_list > li > a:hover {text-decoration:underline;}


#main .main_bot .bot_right_member_wrap {border-top:1px solid #000; padding-top:15px;}
#main .main_bot .member_tit_box {display:flex; align-items:center; justify-content:space-between; margin-bottom:15px;}
#main .main_bot .bot_tit_member {margin-bottom:0px;}
#main .main_bot .member_more_btn {display:flex; align-items:center; color:#909090; font-size:0.875rem; transition:all .5s;}  
#main .main_bot .member_more_btn:hover {text-decoration:underline;}
#main .main_bot .member_more_btn > span {display:inline-block; margin-left:5px; font-size:0.4375rem;}


#main .main_bot .member_list {}
#main .main_bot .member_list > li {display:flex; align-items:center; margin-bottom:13px;}
#main .main_bot .member_list > li:last-child {margin-bottom:0px;}
#main .main_bot .member_list > li > span {display:block; width:25px; min-width:25px; height:25px; margin-right:10px; color:#fff; font-size:0.8125rem; border-radius:50%; text-align:center; line-height:25px;}
#main .main_bot .member_list > li > .number_blue {background:#5772a8;}
#main .main_bot .member_list > li > .number_gray {background:#a1acb2;}
#main .main_bot .member_list > li > a {display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; transition:all .5s;}
#main .main_bot .member_list > li > a:hover {text-decoration:underline;}


#main .main_book_wrap {padding:20px 0px 0px; background:url("/images/main/main_book_bg.png") no-repeat center/cover;}
#main .main_book_wrap .main_book_center {width:1200px; margin:0px auto;}
#main .main_book_wrap .main_book_center:after {content:""; display:block; clear:both;}

#main .main_book_wrap .main_book_center > div {float:left;}
#main .main_book_wrap .left_new_book {display:flex; width:47.5%; margin-top:15px;}
#main .main_book_wrap .left_new_book_img {width:183px; min-width:183px; margin-right:30px;}
#main .main_book_wrap .left_new_book_img > img {width:100%;}
#main .main_book_wrap .right_new_text {color:#fff; padding-right:50px;}
#main .main_book_wrap .right_new_text > span {display:inline-block; margin-bottom:15px; padding:5px 10px; font-size:0.9375rem; line-height:1; border-radius:5px; background:#e61a0f;}
#main .main_book_wrap .right_new_text > strong {display:block; margin-bottom:0; font-size:1.4375rem; font-weight:550;}
#main .main_book_wrap .right_new_text > p { margin-bottom: 36px; font-size: 1.0625rem; font-weight: 300; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; white-space: normal; height: 8.5rem; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin-bottom: 15px; }
#main .main_book_wrap .right_new_text > .book_btn {display:inline-block; padding:13px 65px 13px 20px; color:#fff; border:1px solid #fff; box-sizing:border-box; border-radius:5px; line-height:1; background:url("/images/main/main_book_btn_arrow.png") no-repeat right 22px center;}

#main .main_book_wrap .right_shopping_mall {width:40%; margin-left:6%;}
#main .main_book_wrap .shopping_mall_top_text {display:flex; justify-content:space-between; margin-bottom:15px; /*padding:0px 15px;*/ box-sizing:border-box;}
#main .main_book_wrap .shopping_mall_top_text_mobile {display:none;} 
#main .main_book_wrap .shopping_mall_top_text > strong {color:#fff; font-size:1.6875rem; font-weight:550; font-family:"ChosunLo"; line-height:1;}
#main .main_book_wrap .shopping_mall_top_text > .shopping_mall_btn {color:#fff;}
#main .main_book_wrap .shopping_mall_top_text > .shopping_mall_btn:hover {text-decoration:underline;}


#main .shopping_slider_wrap {position:relative;}
#main .shopping_slider_wrap .shopping_slider {position:relative; margin:0px -15px;}
#main .shopping_slider_wrap .shopping_slider li {margin:0px 15px;}
#main .shopping_slider_wrap .shopping_slider li .tex_bot {margin-top:10px; color:#fff; font-size:0.9375rem; text-align:center;}

#main .shopping_slider_wrap .shopping_slider .img_top img {width:100%; border:1px solid #000;}
#main .shopping_slider_wrap button.slick-arrow {position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; font-size:0px; box-sizing:border-box;}
#main .shopping_slider_wrap button.slick-prev {left:-70px; background:url("/images/main/main_arrow_left.png") no-repeat center/100%;}
#main .shopping_slider_wrap button.slick-next {right:-70px; background:url("/images/main/main_arrow_right.png") no-repeat center/100%;}


/* Á¶°©Á¦ À̾߱⠿µ¿ª */
#main .main_story {padding:50px 0px; background:#f8f8f8; border-bottom:1px solid #e8e8e8;}
#main .main_story .main_story_center {width:1200px; margin:0px auto;}
#main .main_story .main_story_center:after {content:""; display:block; clear:both;}
#main .main_story .main_story_box {float:left; width:30.666666%; margin-right:4%;}
#main .main_story .main_story_box:last-child {margin-right:0px;}

#main .main_story .story_top_banner {position:relative; border-bottom:1px solid #e5e5e5;}
#main .main_story .story_top_banner .story_top_txt > span {display:block; color:#5772a9; font-size:0.8125rem; font-weight:550;}
#main .main_story .story_top_banner .story_top_txt > strong {display:block; margin-bottom:15px; font-size:1.375rem; font-weight:550;}
#main .main_story .story_top_banner .more_btn {position:absolute; top:50%; right:0px; transform:translateY(-50%); font-size:1rem; font-weight:500;}
#main .main_story .story_top_banner .more_btn > i {transition:all .5s;}
#main .main_story .story_top_banner .more_btn > i:hover {transform:rotate(360deg);}



/* #main .main_story .story_list > li {position:relative; padding-left:17px; height:60px;}
#main .main_story .story_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_story .story_list > li > a {display:-webkit-box; height:100%; line-height:60px; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;} */
#main .main_story .story_list {padding-top:15px;}
#main .main_story .story_list > li { height:100%;}
/* #main .main_story .story_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_story .story_list > li font {display:-webkit-box; height:100%; line-height:2.1875rem !important; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}
#main .main_story .story_list > li font:hover {text-decoration:underline;}
#main .main_story .story_list > li img {display:none;}
#main .main_story .story_list > li div {width:auto !important; position:relative; padding-left:17px; height:100%;}
#main .main_story .story_list > li div:after {content:""; display:block; width:5px; height:5px; border-radius:50%; background:#bdc6ca; position:absolute; top:50%; left:5px; transform:translateY(-50%);}

#main .main_banner_wrap {padding:30px 0px;}
#main .main_banner_wrap .magin_banner_center {width:1200px; margin:0px auto;}
#main .main_banner_wrap .main_banner_list {}
#main .main_banner_wrap .main_banner_list:after {content:""; display:block; clear:both;}
/* #main .main_banner_wrap .main_banner_list > li {float:left; width:23.5%; margin-right:2%; margin-bottom:20px; border:1px solid #d3d3d3; box-sizing:border-box;} */
#main .main_banner_wrap .main_banner_list > li {float:left; width:23.5%; margin-right:2%; margin-bottom:0px; border:1px solid #d3d3d3; box-sizing:border-box;}
#main .main_banner_wrap .main_banner_list > li:nth-child(4n) {margin-right:0px;}
#main .main_banner_wrap .main_banner_list > li:nth-child(n+9) {margin-bottom:0px;}
#main .main_banner_wrap .main_banner_list > li > a {display:block;}
#main .main_banner_wrap .main_banner_list > li > a > img {width:100%;}


/* DzÅÍ ¹è³Ê ¿µ¿ª */
.f_banner_wrap {background:#c8c9d1; padding:20px 0px; overflow:hidden;}
.f_banner_wrap .f_banner_center {width:1200px; margin:0px auto;}
.f_banner_wrap .f_banner_list {margin:0px -15px;}
.f_banner_wrap .f_banner_list li {width:150px; margin:0px 15px; height:50px; background:#fff;}
.f_banner_wrap .f_banner_list li a {display:flex; align-items:center; justify-content:center; height:100%;}
.f_banner_wrap .f_banner_list li a img {}
.f_banner_wrap .f_banner_list button.slick-arrow {position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; font-size:0px; box-sizing:border-box;}
.f_banner_wrap .f_banner_list button.slick-prev {left:-58px; background:url("/images/main/f_banner_arrow_left.png") no-repeat center/100%;}
.f_banner_wrap .f_banner_list button.slick-next {right:-58px; background:url("/images/main/f_banner_arrow_right.png") no-repeat center/100%;}


/* DzÅÍ ¿µ¿ª */
#footer {background:#f2f2f2; border-top:1px solid #e8e8e8;}
#footer .f_center {display:flex; justify-content:space-between; align-items:center; width:1200px; margin:0px auto; padding:30px 0px;/* border-top:1px solid #858585;*/}
#footer .f_logo {}
#footer .f_c_right {display:flex; justify-content:space-between; align-items:flex-start;}

#footer .address_wrap {margin-right:75px;}
#footer .address_text {margin-bottom:5px;}
#footer .address_text:after {content:""; display:block; clear:both;}
#footer .address_text > li {float:left; color:#3e3e3e; font-size:0.875rem;}

#footer .address_text > li:after {content:""; display:inline-block; width:1px; height:12px; background:#b6b6b6; margin:0px 7px;}
#footer .address_text > li:last-child:after {display:none;}
#footer .address_text > li:nth-of-type(5):after {display:none;}
#footer .address_text > li:nth-of-type(8):after {display:none;}


#footer .mz_link {position:relative; float:right; width:210px; min-width:210px; height:44px; border:1px solid #D0D0D0; box-sizing:border-box; background:#fff;}
#footer .mz_link h4 a {position:relative; display:block; line-height:44px; padding:0px 0px 0px 15px; font-size:0.9375rem; color:#3e3e3e; z-index:1001;}
#footer .mz_link h4 a:before {position:absolute; right: 15px; top: 0; height:100%; font-size:0.9375rem; content:'¡å'; transform: rotate(0deg); transition:all .2s ease; color:#3e3e3e;}
#footer .mz_link.active h4 a:before {top:2px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
#footer .mz_link ul {display:none; position: absolute; left:0; bottom:43px; width:100%; height:180px; overflow-y:scroll !important; padding:0px 0; background-color: #4D525A; box-sizing: border-box; z-index:1000; }
#footer .mz_link li {border-bottom:1px dotted #D2D2D2; transition:all .3s;}
#footer .mz_link li:last-child {border-bottom: none;}
#footer .mz_link li a {display:block; line-height:35px; font-size:14px; color:#fff; padding-left:15px;}
#footer .mz_link li:hover a {background-color: #373C44;}





#footer .f_icon_list {display:flex; align-items:center;}
#footer .f_icon_list > li {margin-right:10px; min-width:40px;}
#footer .f_icon_list > li:last-child {margin-right:0px;}
#footer .f_icon_list > li > a {}

#footer .f_icon_list_pc {}
#footer .f_icon_list_mobile {display:none;}



#footer .site_list {margin-bottom:15px;} 
#footer .site_list:after {content:""; display:block; clear:both}
#footer .site_list > li {float:left; }
#footer .site_list > li:after {content:""; display:inline-block; width:1px; height:10px; background-color:#7d7d7d; margin:0px 5px;}
#footer .site_list > li:last-child:after {display:none;}
#footer .site_list > li > a {font-size:0.875rem; font-weight:500;}
#footer .site_list > li:hover > a {text-decoration:underline;}
 




/* ¹öÀü ¹è³Ê */
.version_banner {border-top:2px solid #dcdcdc; border-bottom:2px solid #dcdcdc; text-align:center;}
.version_banner p {padding:15px 0px; font-weight:550; color:#0050a1;}
.version_banner p > i {display:inline-block; margin-right:15px;}
.version_bannerPC p {font-size:3.75rem; padding:50px 0px;}

.version_bannerMOBILE {display:none;}
.version_bannerMOBILE p {font-size:1.25rem;}