@charset "utf-8";
/* 메인페이지 디자인 리뉴얼2019 
** 이영애  */

/* 공통 */
.clearfix{clear:both;;}
#wrap{float: left;position: relative;width: 100%;}
#main_container{width:100%;} 
p.right{padding-right: 5px;}

/* 메인배너/첫번째 라인 */
#first_line{margin-top:0;width:100%;position: absolute;text-align: center;height: auto; }
#first_line .main_banner{background: #edf0f7;border-bottom: 1px solid #dfdfdf;position: relative;height: 282px;}
#first_line .main_banner img{position: absolute;left: calc(50% - 550px);}
#first_line .title_icon_box{background: #ffffff; position: relative;height: 150px;border-bottom: 1px solid #dfdfdf;}
#first_line .title_icon_box img{position: absolute;left: calc(50% - 550px);top:20px;z-index: 999;}
#first_line ul.title_box{float: left; position: absolute;left: calc(50% - 550px);top:0; width: 1100px;}
#first_line ul.title_box li{font-family: "Noto-regular"; font-size: 14px; text-align: center;height: 150px;float: left;width:121px;border-right: 1px solid #dfdfdf; cursor: pointer;position: relative;}
#first_line ul.title_box li:hover,#first_line ul.title_box li.on{background:#ff6646;}
#first_line ul.title_box li:hover span.arrow,#first_line ul.title_box li.on span.arrow{display: block;}
#first_line ul.title_box li:hover a,#first_line ul.title_box li.on a{color:#ffffff;}
#first_line ul.title_box li:first-child{border-left: 1px solid #dfdfdf;;}
#first_line ul.title_box li span.arrow{display:none; border-width: 6px; border-style: dashed dashed solid ;border-color: transparent transparent #ff6646;left: 53px;top: -12px;position: absolute;;}
#first_line ul.title_box li a{position: relative;padding-top:90px; letter-spacing: -0.5px;color:#444;display: inline-block;width:100%;height: calc(100% - 90px); z-index: 999;}
.img_page{display: inline-block;position: absolute;bottom:20px;right: calc(50% - 490px);}
.arrow_L,.arrow_R{cursor:pointer;width: 25px; height: 25px;display: inline-block;position: absolute; bottom:20px;}
.arrow_L{background: url(../images/main/renewal/arrow.gif) 0px 0px no-repeat;right: calc(50% - 525px);}
.arrow_R{background: url(../images/main/renewal/arrow.gif) -25px 0px no-repeat;right: calc(50% - 550px);}

/* 두번째·세번째 라인 */
#second_line{margin-top:460px;}
.trend_area > strong,.broker_area > strong,.dispute_area > strong,.blog_area strong, .lowInfo_area strong{font-size: 16px; color:#333; font-family: "Noto-regular"}
.trend_area, .broker_area,.dispute_area{border: 1px solid #bcc0c8;}
.trend_board th{background: none;}
ul.tabMenu {display: flex; justify-content: center;}
ul.tabMenu li{color:#333;padding:4px 12px; border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;font-size: 14px;font-family: "Noto-regular";} 
ul.tabMenu li:first-child{ border-left: 1px solid #dfdfdf;padding: 4px 14px;}
ul.tabMenu li:hover{color:#3a7ac8;}
ul.tabMenu li.on{background:#3a7ac8; color: #ffffff; border: 1px solid #3a7ac8;}
.broker_area ul.tabMenu li{padding:4px 16px;}
#third_line .trend_area ul.tabMenu li:first-child{padding:4px 20px;}
#third_line .dispute_area ul.tabMenu li:first-child{padding:4px 16px; padding-right:18px;}
#fourth_line{margin-top: 0;}
#third_line{margin-bottom: 0;}
.dispute_area > strong{padding-bottom:15px;display: inline-block;line-height: 18px;}

/* 알리바바/신고센터/온라인상담 버튼 */
ul.info_bnrs_btn{width: 664px;height:142px; float: left;margin-right: 20px;z-index: 999;}
ul.info_bnrs_btn li{width:220px;height:140px; border:1px solid #bcc0c8;display: inline-block;float: left;position: relative;cursor: pointer;}
ul.info_bnrs_btn li:nth-child(2){border-left: none; border-right: none;}
.info_bnrs_btn li a {font-size: 12px; color:#909090;display: block;padding:15px;line-height: 16px;font-family: "Nanum-Gothic";}
.info_bnrs_btn li a img{position: absolute;bottom: 10px; right: 15px;}
.info_bnrs_btn li a span{font-size: 15px; font-family: "Noto-regular";color:#333;display:block;margin-bottom: 10px;line-height: 20px;}
.info_bnrs_btn li:hover{background: #78c6ce}
.info_bnrs_btn li:hover a,.info_bnrs_btn li:hover a span{color:#ffffff;}

/* 법령정보 */
.lowInfo_area, .blog_area{float: right;width: 382px;margin-right: 0;height:128px;border: 1px solid #bcc0c8;}
.lowInfo_area > strong{border-bottom: 0;}
.lowInfo_area ul{width:400px;}

/* 유관기관 */
.banner_roll{border:1px solid #bcc0c8;width: 662px;float: left;margin-right: 20px;margin-top:20px; margin-bottom: 30px;padding:0;height: 140px;position: relative;}
.banner_roll .related_area{width: 580px;float: left;}
.banner_roll .icon_area{width:40px; float: right;}
.banner_roll .icon_arrL, .banner_roll .icon_arrR, .banner_roll .align_c{width:40px;height:46px; float: right;position: relative;font-size: 20px;line-height: 46px;border-left: 1px solid #dde1e4;border-top: 1px solid #dde1e4;}
.banner_roll .icon_arrL{border-top:0;}
.banner_roll .align_c{margin-top:0;}
.banner_roll .related_more{bottom:0; right:40px;top:auto; left: auto;}
#related_slide > ul{width:1000px;float: left; height: 120px;}
#related_slide > ul li{height: 60px; line-height: 60px;}
.banner_roll .related_area{height: 120px; margin-top: 10px;}

/* 블로그 */
.blog_area{margin-top:20px; margin-bottom: 30px;}
.blog_area ul, .blog_area ul li{width: 382px;}
.blog_area ul li .txt{padding-right: 0; width: 300px;}
.blog_area > strong{border-bottom: 0;}