@charset "utf-8";
   
/* main_bg */
.main_bg { }   

/* mainVisual */
.mainVisual {position:relative;width:1200px;height:500px;margin:30px auto 0;padding:0; overflow:hidden;border-bottom:2px solid #4e4e4e;}
.mainVisual  p{line-height:18px;}
.main_btn{font-size:16px;color:#ffffff;border:1px solid #ffffff;padding:15px;display:block;width:100px;background:url("../../images/ftms/common/arrow_01.png") no-repeat 105px 12px;margin-top:63px;font-weight:600;}
.main_btn:hover{font-weight:600;background-color:rgba(0, 0, 0, 0.1);}
.link_box .main_area_btn_l:focus {outline:2px dashed #fff; outline-offset: -2px;}
.link_box .main_area_btn_r:focus {outline:2px dashed #000; outline-offset: -2px;}
.link_box_01 {position:absolute;top:0;left:0;width:282px;height:250px;padding:0 0 0 30px;background:url("../../images/ftms/main/main_area_01.png") no-repeat 154px 88px;background-color:#dd6f44;margin:0; }
.link_box_01 h3{font-size:26px;color:#ffffff;font-weight:600;line-height:34px;margin-top:35px;}
.link_box_02 {position:absolute;top:0;left:312px;width:282px;height:250px;padding:0 0 0 30px;background:url("../../images/ftms/main/main_area_02.png") no-repeat 154px 88px;background-color:#414a69;margin:0; }
.link_box_02 h3{font-size:26px;color:#ffffff;font-weight:600;line-height:34px;margin-top:35px;}
.link_box_03 {position:absolute;top:0;right:0;width:576px;height:250px;background-color:#737f95;margin:0;overflow:hidden;}
.link_box_04 {position:absolute;top:250px;left:0;width:282px;height:250px;padding:0 0 0 35px;background:url("../../images/ftms/main/main_area_04.png") no-repeat right 93px;background-color:#d7d6d3;margin:0;font-size:14px;}
.link_box_04 h3{font-size:26px;font-weight:600;line-height:34px;margin-top:30px;}
.link_box_01 .main_area_btn_l,
.link_box_02 .main_area_btn_l,
.link_box_04 .main_area_btn_l{position:absolute;font-weight:400;width:142px;padding-left:15px;height:56px;line-height:56px;bottom:0;left:0;background:url("../../images/ftms/common/arrow_01.png") no-repeat 135px 17px;background-color:#898989;color:#ffffff;font-size:15px;font-weight:600;}
.link_box_01 .main_area_btn_r,
.link_box_04 .main_area_btn_r{position:absolute;font-weight:400;width:140px;padding-left:15px;padding-top:10px;height:46px;line-height:18px;bottom:0;left:157px;background:url("../../images/ftms/common/arrow_02.png") no-repeat 135px 17px;background-color:#ffffff;font-size:15px;font-weight:600;word-break:normal;}
.link_box_01 a:hover,
.link_box_02 a:hover,
.link_box_04 a:hover,
.link_box_05 a:hover{text-decoration:underline;}
.link_box_01 .main_area_btn_l {background-color:#db5c2a;}
.link_box_02 .main_area_btn_l {width:100%; padding-left:35px; background-color:#21284a; background-position:top 17px right 35px; box-sizing:border-box;}
.link_box_01 .main_area_btn_r {line-height:38px; background-color:#f3dcc4;}
.link_box_05 {position:absolute;top:250px;left:312px;width:282px;height:250px;padding:0 0 0 30px;background:url("../../images/ftms/main/main_area_03.png") no-repeat right 93px;background-color:#544b4b;margin:0;color:#ffffff;font-size:14px;}
.link_box_05 h3{font-size:26px;font-weight:600;line-height:34px;margin-top:35px;}
.link_box_05 .main_area_btn_l{position:absolute;font-weight:400;width:142px;padding-left:15px;height:56px;line-height:56px;bottom:0;left:0;background:url("../../images/ftms/common/arrow_01.png") no-repeat 135px 17px;background-color:#473f3f;color:#ffffff;font-size:15px;font-weight:600;}
.link_box_05 .main_area_btn_r{position:absolute;font-weight:400;width:140px;padding-left:15px;height:56px;line-height:56px;bottom:0;left:157px;background:url("../../images/ftms/common/arrow_02.png") no-repeat 135px 17px;background-color:#dedede;font-size:15px;font-weight:600;}
.link_box_05 a:hover{text-decoration:underline;}
.link_box_06 {position:absolute;top:250px;right:0;color:#ffffff;width:546px;height:250px;padding:0 0 0 30px;background:url("../../images/ftms/main/main_visual_02.png");margin:0;}
.link_box_06 h3{font-size:26px;color:#ffffff;font-weight:600;line-height:34px;margin-top:30px;margin-bottom:5px;}
.link_box_06 p {font-size:14px;width:525px;}

/* mainsearch */
.mainsearch { margin-top:15px; float:left;}
.mainsearch .main_text { }

/* search_box */
.mainsearch .fsearchradio {position:relative; display: flex; justify-content: space-between;}
.mainsearch .search_box { height: 100%; }
.mainsearch .search_box a.search_btn { display:block; width:105px; height: 54px; padding:65px 0 0 0; text-align: center; font-size: 18px; font-weight: 400; color:#ffffff; background:#414a69 url('../../images/ftms/main/main_search_icon.png') no-repeat center 30px;}

/* fsearch_tab */
.fsearch_tab{width:515px;height:36px;font-size:16px;line-height:36px;margin-bottom:8px;} 
.fsearch_tab h4 {background-color:#414a69;width:145px;height:36px;text-align:center;float:left;margin:0;}
.fsearch_tab ul {display:block; width: calc(100% - 115px);}
.fsearch_tab ul li {display:flex; height: 36px; width: 100%; margin-bottom:5px;}
.fsearch_tab ul li label {background:#414a69; font-weight:500; text-align:center; width:150px; display:block; font-size:15px; color:#fff;}
.fsearch_tab ul li input {width:calc(100% - 150px);border:2px solid #414a69;}


/* main_contents */
.main_contents {position:relative;width:1200px;height:411px; margin:0 auto; }

/* policy_data */
.policy_data{position:absolute;top:0;left:0;padding:0 20px 10px 0;width:485px; height:190px;border-right:1px solid #c2c2c2;}
.policy_data a.tab_tit {padding-left:30px;width:90px;line-height:20px;margin-top:30px;font-size:17px;text-align:left;display:block;font-weight:600;}
.policy_data div.tabContent { position:absolute; top:66px; left:0; }
.policy_data div.tabContent ul{width:400px;margin-left:30px;height:110px;line-height:24px;}
.policy_data ul li {margin:0 0 2px 0; padding:0 0 0 15px; height:24px; background:url('../../images/ftms/main/middot.gif') no-repeat 0 center; }
.policy_data ul li a { float:left; display:block; width:425px;  white-space:nowrap; color:#636362; }
.policy_data ul li a:hover {width:425px;text-decoration:underline;}
.policy_data ul li span.object {width:340px;float:left;color:#333333;font-size:15px; }
.policy_data ul li span.date {width:85px;float:right;text-align:right;color:#333333;font-size:14px; }
.policy_data div.tabMore {position:absolute; top:30px; right:32px;font-size:15px; }

/* tabList */
.tabList { position:absolute;top:200px;left:0;padding-bottom:10px;width:505px; height:200px;border-right:1px solid #c2c2c2;border-top:1px solid #c2c2c2;}
.tabList .titleLi {width:100%;height:42px;background:#4e4e4e; display:block;clear: both;}
.tabList .titleLi li { float:left; display:block;}
.tabList .titleLi li a.tab_tit {display:block;width:100px;height:42px;float:left;line-height:38px;font-size:17px;text-align:center;color:#fff;border-left:1px solid #c2c2c2;font-weight:600;box-sizing:border-box;}
.tabList .titleLi li.first a.tab_tit {background:#fff;color:#333;}
.tabList .titleLi li a.tab_tit:focus{border:2px dashed;outline:none;}/* 20250922 추가 */
.tabList .titleLi li.first .tabLi {display:block;}
.tabList .tabLi{display:none; background-color:#4e4e4e;width:100%;}   
.tabList .tabLi h3{display:inline;font-size:0px;opacity:0;position:absolute;top:-10000px;overflow:hidden;width:0px;height:0px;background:#ffffff;}
.tabList .tabLi div.tabContent { position:absolute; top:42px; left:0px;line-height:24px;background-color:#ffffff;}
.tabList .tabLi div.tabContent ul{width:450px;height:160px;display:block;margin-top:25px;margin-left:30px;}
.tabList .tabLi ul li {	margin:0 0 2px 0; padding:0 0 0 15px; height:24px; background:url('../../images/ftms/main/middot.gif') no-repeat 0 center; }  
.tabList .tabLi ul li a { float:left; display:block; width:425px;  white-space:nowrap; color:#636362;}
.tabList .tabLi ul li a img {vertical-align:middle;}
.tabList .tabLi ul li a:hover {width:425px;text-decoration:underline;}
.tabList .tabLi ul li span.object {width:340px;float:left;color:#333333;font-size:15px; }
.tabList .tabLi ul li span.date {width:85px;float:right;text-align:right;color:#333333;font-size:14px; }
.tabList div.tabMore a{ position:absolute; top:12px; right:32px;color:#ffffff;font-size:15px; }


/* main_banner */   
.main_quick h3{display:inline;font-size:0px;opacity:0;position:absolute;top:-10000px;overflow:hidden;width:0px;height:0px;}
.main_quick .main_banner {position:absolute;top:0;right:0;width:660px;height:200px;padding:0 17px;border-bottom:1px solid #c2c2c2; display:flex; justify-content: space-around; align-items: center;}
.main_quick .main_banner li { float:left; margin:0px;}
.main_quick .main_banner li a{display:block;text-align:center;font-size:15px;font-weight:200;}
.main_quick .main_banner li a img { display:block; margin:0 auto 20px auto; }
.main_quick .main_banner li a:hover img {animation:basic 0.2s 1 alternate-reverse}

@keyframes basic {
  0% {transform:translateY(0)}
  100% {transform:translateY(10px)}
}
  
/* main_customer */         
.main_customer { float:left; margin:0 30px 0 0; }
    

/* rolling_banner2 */
#rolling_banner2 { position:absolute;top:201px;left:506px;width:467px; height:210px; overflow:hidden; border-right:1px solid #c2c2c2;  }
#rolling_banner2 h3{position:absolute;top:0;left:0;line-height:42px;font-size:17px;display:block;font-weight:600;margin:0;padding-left:25px;z-index:99;}
#rolling_banner2 .list_link2 {margin:0;width:468px; overflow:hidden; }
#rolling_banner2 .list_link2 ul {width:936px; height:100%; overflow:hidden; margin:0; padding:0;}
#rolling_banner2 .list_link2 ul li{line-height:0; font-size:0; float:left; padding:0;width:468px; height:210px; overflow:hidden;} 
#rolling_banner2 .list_link2 ul li a { display:block; float:left; }
#rolling_banner2 .list_link2 ul li img { width:468px; height:210px;  }
#rolling_banner2 .list_link2 ul li img.border_none { border:0 !important; }
#rolling_banner2 .btnset { position:absolute; top:14px; right:25px; }  
#rolling_banner2 .btnset input { float:left; margin:0; } 
#rolling_banner2 .btnset input:hover {background:rgba(0,0,0,0.2);} 


/*customer*/  
#customer{ position:absolute;top:200px;right:0;height:212px;width:224px; border-right:1px solid #c2c2c2;background:url("../../images/ftms/main/hot_line_bg_u.png") no-repeat 74px 142px;}
#customer h3{line-height:42px;font-size:17px;display:block;font-weight:600;margin:0;padding-left:25px;}
#customer p{padding-left:30px;font-size:16px;}  
#customer p span{font-size:15px;color:#666666;}
#customer p.call{padding-left:25px;font-size:30px;font-weight:600;color:#db5c2a;margin-bottom:10px;}   


/* 메인슬라이드배너1 */
#sliderFrame, #sliderFrame div { box-sizing: content-box;}
#sliderFrame { z-index:-1; width:467px;  margin:0 auto; /*center-aligned*/}
#sliderFrame #slider, #slider .sliderInner {width:467px;height:211px;/* Must be the same size as the slider images */}
#sliderFrame #slider {background-color:white;position:relative;margin:0 auto; /*center-aligned*/transform: translate3d(0,0,0);box-shadow: 0px 1px 5px #999999;}
/* visual slide - the link style (if an image is wrapped by a link) */  
#sliderFrame #slider a.imgLink, #slider .video { z-index:2;cursor:pointer;position:absolute;top:0px;left:0px;border:0;padding:0;margin:0;width:467px;height:210px;}
#sliderFrame #slider a.imgLink:focus{outline: 2px dashed #000; outline-offset:-2px;}
/* visual slide -bullet */
#sliderFrame #slider .navBulletsWrapper{position:absolute;top:40px;left:100px; z-index:99; display:none; }
#sliderFrame #slider .navBulletsWrapper div { width:14px; height:14px;font-size:0;color:White;background-image:url("../../images/ftms/main/icon_main_visual_bullet.png");background-repeat:no-repeat;background-position:-53px 0;display:inline-block; display:inline; zoom:1;
    overflow:hidden;cursor:pointer; margin:0 6px;/* set distance between each bullet*/}
#sliderFrame #slider .navBulletsWrapper .active {width:44px;background-position:0 0;}

/* ----------- navigation buttons in the nav bar ---------- */
#sliderFrame .group2-Wrapper { position:absolute; 	top:13px; right:20px; text-align:center; padding:0; z-index:5000; } 
#sliderFrame button.group2-Prev, button.group2-Next, button.group2-Play, button.group2-Pause {width:26px; height:26px; margin-right:4px;background:url('../../images/ftms/main/main_visual_btn.png') no-repeat; display:block; float:left;cursor:pointer; }
#sliderFrame button.group2-Pause{background-position:0 0;}
#sliderFrame button.group2-Play {background-position:0 -25px;}
#sliderFrame button.group2-Next {background-position:0 -50px;}
#sliderFrame button.group2-Prev {background-position:0 -75px;} 

#sliderFrame a.group2-Prev:hover, a.group2-Next:hover, a.group2-Play:hover, a.group2-Pause:hover{background-color:rgba(0, 0, 0, 0.1);}

/* 20201016 - 웹접근성 메인 레이어 팝업 추가 */
.m_layer_popup{position:absolute; left:50px; top:50px; z-index:10000; background-color:#fff;}
.m_layer_popup .pop_header{position:relative; padding:15px; background-color:#092a46; box-sizing:border-box;}
.m_layer_popup .pop_header p{color:#fff; font-size:18px;}
.m_layer_popup .pop_header button{position:absolute; right:20px; top:18px; width:17px; height:17px; background:url(../../images/ftms/common/popup_b_close.png) center no-repeat; text-indent:-9999px;}
.m_layer_popup .pop_body img{vertical-align:middle;}
.m_layer_popup .pop_footer{padding:10px; background-color:#2f2f2f; text-align:center;}
.m_layer_popup .pop_footer button{padding-right:20px; background:url(../../images/ftms/common/popup_b_close.png) right center no-repeat; color:#fff;}

.m_layer_popup:nth-of-type(2){left:100px; top:100px;}
.m_layer_popup:nth-of-type(3){left:150px; top:150px;}
.m_layer_popup:nth-of-type(4){left:200px; top:200px;}
.m_layer_popup:nth-of-type(5){left:250px; top:250px;}
.m_layer_popup:nth-of-type(6){left:300px; top:300px;}

/*230120 shb 게시글 리스트 new 아이콘 추가*/
.policy_data ul li span.object, .tabList .tabLi ul li span.object {width:auto; max-width:340px;}
.list_new b {display: inline-block; width: 15px; height: 16px; margin-left: 6px; color: #fff; font-size: 10px; text-align: center; vertical-align: text-bottom; line-height: 16px; border-radius: 2px; background: linear-gradient(#eb7241, #d5693d);}


/* 230920 shb 웹접근성 포커스 수정 */
a:focus, input:focus, button:focus, button:focus, select:focus, textarea:focus{ outline: 2px dashed #000;}

/* 230920 cry 웹접근성 포커스 수정 */
.link_box a:focus{outline-offset:-2px;}