/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}


.main{padding-bottom:26px;}
.main_top_menu{height:42px; width:100%; overflow:hidden;  border-bottom:1px solid #ddd;}
.main_top_menu ul{width: 100%; height:18px; padding:12px 0; overflow:hidden; white-space: nowrap; overflow-x:scroll;}
.main_top_menu ul li{display:inline; padding-left:15px; padding-right:15px;}
.main_top_menu ul li a{line-height:18px; color:#000; font-size:0.8rem; font-family:'Noto Sans KR', sans-serif;}

.main_top_banner{box-sizing:border-box; padding:3px 2px; overflow:hidden;} 
.main_top_banner:after{display:block; content:""; clear:both;}
.main_top_banner li{float:left; width:50%; padding:2px; box-sizing:border-box;}
.main_top_banner li img{display:block; width:100%; height:auto; margin:0 auto;}

.main-bb{border-bottom:1px solid #ddd;}

.main_cs_center{padding:24px 20px;}
.main_cs_center:after{display:block; content:""; clear:both;}
.main_cs_center dt{padding:3px 0;}
.main_cs_center dt b{color:#3c3c3c; font-size:1.125rem; line-height:100%; vertical-align:middle;font-family:"NanumSquareRound";}
.main_cs_center dt sub{font-family:'Noto Sans KR', sans-serif; color:#606060; font-size:0.7rem; line-height:100%;}
.main_cs_center dd{float:left; width:50%; box-sizing:border-box; overflow:hidden; vertical-align:bottom;}
.main_cs_center dd:first-of-type{border-right:1px solid #d1d1d1;}
.main_cs_center dd:last-of-type{border-left:1px solid #d1d1d1; padding-left:12px;}
.main_cs_center dd a{font-family: 'Roboto Condensed', sans-serif; font-weight:bold; color:#fd6b00; font-size:1.5rem; line-height:100%;}


@media screen and (min-width:320px) and (max-width:345px) {
    .main_cs_center dd a{font-size:1.4rem;}
}

@media screen and (min-width:500px){
    .main_cs_center dd{text-align:center;}
    .main_cs_center dd:right-of-type{padding-right:20px;}
    .main_cs_center dd:last-of-type{padding-left:20px;}
    .main_cs_center dd a{font-size:1.6523rem;}    
}

.main_sms_list{padding:24px 20px; text-align:center; box-sizing:border-box;}
.main_sms_list:after{display:block; content:""; clear:both;}
.main_sms_list li{display:inline-block; min-width:88px; max-width:120px; width:30%; box-sizing:border-box; }
.main_sms_list li a{display:block; padding-top:43px; font-size:0.84375rem; color:#383838; font-family:"NanumSquareRound", sans-serif; font-weight:bold; background-repeat:no-repeat; background-position:center 0; background-size:auto 34px; }

@media screen and (min-width:500px){
    .main_sms_list li a{font-size:1rem;}
}



.main .board_box{overflow:hidden; border-bottom:1px solid #ddd; padding:30px 22px 0;}
.main .board_box .board_head{padding-top:10px; height:26px; vertical-align:top;}
.main .board_box .board_head .board_title{display:block; float:left; color:#000; font-size:1.055rem; font-family:"NanumSquareRound", sans-serif;}
.main .board_box .board_head .board_link{display:block; float:right; width:16px; height:16px; overflow:hidden; font-size:0; text-indent:-100px; background:url(/design/kkdhws1/jm/m_image/btn_more.png) center no-repeat; background-size:16px auto; }
.main .board_box .board_list1{margin-bottom:27px;}
.main .board_box .board_list2{margin-bottom:16px;}
.main .board_box .board_list3{margin-bottom:9px;}
.main .board_box .board_list1 .board_content{overflow:hidden;}
.main .board_box .board_list1 .board_content .content_subject{float:left; width: calc(100% - 63px); height:23px; line-height:23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main .board_box .board_list1 .board_content .content_subject a{line-height:23px; color:#525252; font-size:0.8rem; }
.main .board_box .board_list1 .board_content .content_date{display:block; float:right; width:63px; line-height:23px; text-align:right; font-size:0.75rem; font-family:'Noto Sans KR', sans-serif; color:#a6a6a6; }
.main .board_box .board_list2 .board_content{overflow:hidden; margin-bottom:12px; min-height:102px;}
.main .board_box .board_list2 .board_content .thumb{float:left; display:block; width:135px; height:102px; overflow:hidden;}
.main .board_box .board_list2 .board_content .thumb img{display:block; max-width:100%; width:auto; margin:0 auto; max-height:100%; height:100%;}
.main .board_box .board_list2 .board_content dl{float:left; width: calc(100% - 135px); min-height:102px; padding:13px 0 0 13px; box-sizing:border-box;}
.main .board_box .board_list2 .board_content dl dt{height:18px; margin-bottom:8px;}
.main .board_box .board_list2 .board_content dl dt a{line-height:18px; font-family:"NanumSquareRound", sans-serif; color:#2d2d2d; font-size:0.84375rem; }
.main .board_box .board_list2 .board_content dl dd{height:51px; display: -webkit-box; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.main .board_box .board_list2 .board_content dl dd a{line-height:17px; font-family:'Noto Sans KR', sans-serif; color:#525252; font-size:0.75rem; }
.main .board_box .board_list3 .board_content{border-top:1px solid #dddddd; padding:14px 0 17px;}
.main .board_box .board_list3 .board_content:first-child{border-top:none;}
.main .board_box .board_list3 .board_content dl{overflow:hidden;}
.main .board_box .board_list3 .board_content dl dt{margin-bottom:6px;}
.main .board_box .board_list3 .board_content dl dt a{line-height:22px; font-size:0.84375rem; color:#2d2d2d; font-family:"NanumSquareRound", }
.main .board_box .board_list3 .board_content dl dd{height:34px;display: -webkit-box; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.main .board_box .board_list3 .board_content dl dd a{font-family:'Noto Sans KR', sans-serif; line-height:17px;}

/* BASIC css end */