@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url('/html/css/color_theme.css');

#header {border-bottom:3px #FF4438 solid !important;}
#header .head_in {padding:20px 0px !important }
#footer .foot_top {display:none !important;}
#footer .foot_bottom {text-align:center !important;}

.bbs_btn li.list_btn .btn_b,
.btn_b {background-color:#FF4438 !important;}
.view_table .table_in .txtCont .list_btn,
.btn_w {background-color:#FF4438 !important;color:#fff !important; border:none !important;}
.webtvWrap .recommend_cont .recom_tit .tab_close {background-color:#FF4438 !important;color:#fff !important; border:none !important;}
.webtvWrap .recommend_cont .recom_tit .tab_close img { display:none !important;filter:invert(100%) grayscale(100%) contrast(75%) !important;}

h4 {font-weight:600 !important;}

#visual {background-color:#fff !important;}
/* Dots */
.sub_imgbox .slick-dots {bottom:30px !important;}
.sub_imgbox .slick-dots li {width:15px !important; height:15px !important; background:#9a9a9a !important;border-radius:50% !important;margin:0px 8px !important;}


.lnb_tab {border:none !important; border-bottom: 1px solid #ddd !important; border-radius:0px !important; text-align:left !important;}
.lnb_tab li {margin:0px 40px 0px 0px !important;}

#contents {position:relative !important;}
.stickyMenu {top:0px !important; padding:13px 0px !important;}
#sub_banner {background-color:#fff !important; height:150px !important;}
#sub_banner h2 { color:#000 !important;transform: translateY(40%) !important;}
#sub_banner::after {width:100% !important;height:50px !important;background:#FF4438 !important;}

.apply_view .imgCont img { border:1px #ddd solid !important;}
.thum_list .item .con_box .btn a.learn {background-color:#FF4438 !important;}

.greeting {position:relative; background:none; box-sizing:border-box; padding-right:450px; }
.greeting_img {position:absolute;right:0px;top:0px; margin-left:30px;}
.greeting_img img {max-width:100%;}
.greeting h5 { font-size:25px;line-height:150%;font-weight:bold;color:#FF4438;margin:0px 0 30px 0;}
.greeting p { font-size:18px;line-height:150%;font-weight:normal;padding:10px 0;}

#footer .foot_top a:nth-child(3) {display:none !important;}

.state_cont dl {width: 35% !important; }

.test_detail .text_info li {padding-left:0px !important;}
.test_detail .text_info li span.content {position:relative !important; margin-right:10px !important;}

.estimate_cont dl dd h3 {display:block !important; width:100% !important;margin-bottom:12px !important;}
.estimate_cont dl dd div h4 span i {font-size:11px !important;}

@media (max-width: 1024px) {
	#header .head_in {padding: 10px 0px !important;}
}

@media (min-width: 680px) and  (max-width: 1024px) {
	#wrap { padding-top: 70px !important;}
}
@media (max-width:980px) {
	.greeting {padding:0px;}
	.greeting_img {position:relative; margin:30px 0px 0px 0px; width:100%;text-align:center;}
	.sub_imgbox .slick-dots {bottom:10px !important;}
	.sub_imgbox .slick-dots li {width:10px !important; height:10px !important; margin:0px 5px !important;}
}

@media (max-width: 680px) {
	#sub_banner { height:120px !important;}

	.cont_util.compad_t {padding-top:0px !important;}
	.compad.about_cont, .compad.contents_in, .about_cont.contents_in, .contents_in {padding-top:0px !important;}
	
	.lnb_depth {margin-top:0px !important;}

	.greeting h5 { font-size:18px;margin-bottom:20px;}
	.greeting p { font-size:15px;}

	.state_cont dl { width: 41% !important; margin:0px 1.5% !important;}
}