/*기본정보*/
@import url("common.css");
@import url("layout.css");
@import url("table.css");

.in_put1{border:1px solid #d7d7d7;padding:2px 0 2px 5px;}
.txt_area{border:1px solid #d7d7d7;padding:10px;}

/*현위치표시*/
.location{width:746px;text-align:right;font-size:11px;color:#a9a9a9;margin-top:5px;}
.location li a.home{background:url('images/home.gif') no-repeat left top;width:12px;height:12px;display:inline-block;}
.location li a{font-size:11px;margin-top:2px;}
.location li span{font-size:11px;margin-top:2px;}


/*왼쪽메뉴LNB*/
.lnb{float:left;_display:inline;width:175px;margin-top:20px;}
.lnb p.tit{margin:0 0 18px 0;}
.lnb p.tit1{margin:5px 0 5px 0;}
.lnb ul{padding-bottom:8px;margin:30px 0 12px 0;background:url('images/bar8.gif') no-repeat left bottom;}
.lnb ul li{margin:15px 0 10px 20px;}

.lnb .my_lnbbox{margin:20px 0 10px 0;background:url('images/mypagelnb_bg.gif') no-repeat left top;width:174px;height:105px;overflow:hidden;zoom:1;}
.my_lnbbox p.tit{margin:13px 0 0 13px;}
.my_lnbbox p.btn{margin:15px 0 0 13px;}


/*마이페이지 컨텐츠*/
.custom{float:right;_display:inline;width:746px;}

/*커스텀메인*/
.cus_ta1{width:100%;border-collapse:collapse;}
.cus_ta1 .tit1{padding-bottom:5px;border-bottom:1px solid #d9d9d9;}
.cus_ta1 .tit2{padding-bottom:5px;margin-left:29px;}

.cus_ta2{width:100%;border-collapse:collapse;}
.cus_ta2 th{border-top:1px solid #55add1;border-bottom:1px solid #d9d9d9;background:url('images/bar10.gif') no-repeat right top;padding:9px 0 9px 0;}
.cus_ta2 th.end{border-top:1px solid #55add1;border-bottom:1px solid #d9d9d9;background:none;}
.cus_ta2 td{padding:5px 0 5px 0;font-size:11px;}
.cus_ta2 td a{padding:0 0 0 10px;font-size:11px;background:url('images/arrow5.gif') no-repeat left 2px;}

.cus_ta2 tfoot th{border-top:1px solid #d9d9d9;border-bottom:0;padding:0;height:1px;}

.cus_ta3{width:100%;border-collapse:collapse;}
.cus_ta3 td dl{margin:0;width:280px;}
.cus_ta3 td dl dt{border-bottom:1px solid #d9d9d9;padding-bottom:5px;overflow:hidden;zoom:1;}
.cus_ta3 td dl dt span{float:left;_display:inline;}
.cus_ta3 td dl dt a{float:right;_display:inline;margin-right:5px;}
.cus_ta3 td dl dd{margin:5px 0 5px 5px;}
.cus_ta3 td dl dd p{background:url('images/dot.gif') no-repeat 2px 6px;padding:0 0 0 10px;overflow:hidden;zoom:1;margin:5px 0 0 0;}
.cus_ta3 td dl dd p img{padding:0 7px 0 0;}
.cus_ta3 td dl dd p a{font-size:11px;color:#777777;}

.my_tit1{width:100%;overflow:hidden;zoom:1;}
.my_tit1 li{float:left;_display:inline;background:url('images/arrow3.gif') no-repeat 3px 2px;padding:0 0 0 15px;}
.my_tit1 li.right{float:right;_display:inline;background:none;}
.my_tit1 li.right1{float:right;_display:inline;background:none;margin:0;}
.my_tit1 li.left{float:left;_display:inline;background:none;padding:0 0 5px 0;}
.my_tit1 li.left1{float:left;_display:inline;background:url('images/arrow3.gif') no-repeat 3px 10px;padding:8px 0 0 15px;}


.my_tit2{width:100%;border-bottom:2px solid #55add1;padding-bottom:5px;overflow:hidden;zoom:1;}
.my_tit2 li{float:left;_display:inline;background:url('images/arrow3.gif') no-repeat 3px 2px;padding:0 0 0 15px;}
.my_tit2 li.right{float:right;_display:inline;background:none;}

.guide_box{width:746px;height:145px;position:relative;overflow:hidden;zoom:1;margin:10px 0 0 0;}
.guide_box .img_01{position:absolute;left:0;top:0;z-index:1;}
.guide_box .tab_01{position:absolute;left:14px;top:98px;z-index:3;}
.guide_box .tab_01 li{float:left;_display:inline;margin:0 8px 0 0;}

.guide_w{width:100%;padding:10px 0 30px 0;border-bottom:1px solid #dadada;}
.guide_w1{width:100%;padding:30px 0 20px 0;border-bottom:1px solid #dadada;}
.guide_w2{width:733px;height:260px;border:2px solid #dddddd;background:#fbfbfb;}
.guide_w2 div.b_gw{margin:13px 17px 13px 17px;}
.guide_w2 div.b_gw table{width:100%;border-collapse:collapse;}
.guide_w2 div.b_gw table tr.first th{border-bottom:1px solid #dcdcdc;padding-bottom:15px;padding-top:0;}
.guide_w2 div.b_gw table tr.first td{border-bottom:1px solid #dcdcdc;padding-bottom:15px;padding-top:0;}
.guide_w2 div.b_gw table tr.first td p.txt1{font-size:11px;}
.guide_w2 div.b_gw table tr.first td p.txt1 span{font-size:16px;color:#55add1;font-weight:bold;margin:0 2px 0 5px;}

.guide_w2 div.b_gw table tr.second th{padding-top:15px;}
.guide_w2 div.b_gw table tr.second td{padding-top:15px;}
.guide_w2 div.b_gw table tr.second td p.txt1 span{font-size:16px;color:#55add1;font-weight:bold;margin:0 2px 0 5px;}
 
.faq_box{border:5px solid #88bfdf;height: 280px;margin: 20px 0 0 0;}
.faq_box table{width:100%;border-collapse:collapse;}
.faq_box table td.first{border-right:1px solid #f4f4f4;text-align:center;padding:11px 0 12px 0;}
.faq_box table td.search{background:#fcfcfc;text-align:center;}
.faq_box table td.search ul{margin:0 0 0 5px;padding:0;}
.faq_box table td.search ul li{float:left;_display:inline;margin:0 0 0 5px;}
.faq_box table td.search ul li .in_put1{border:3px solid #cbcbcb;padding:3px;}
.faq_box table td.search ul li a{font-size:11px;color:#adadad;}
.faq_box table td.search p a{font-size:11px;color:#adadad;}

.faq_box table td.search1{background:#fcfcfc;text-align:center;}
.faq_box table td.search1 ul{margin:0;padding:0;}
.faq_box table td.search1 ul li{float:left;_display:inline;margin:0 0 0 5px;}
.faq_box table td.search1 ul li .in_put1{border:3px solid #cbcbcb;padding:3px;}
.faq_box table td.search1 p a{font-size:11px;color:#adadad;}

.faq_box table td.second1{text-align:center;padding:11px 0 12px 0;background:none;}
.faq_box table td.second{text-align:center;padding:11px 0 12px 0;background:url('images/faq_bg.gif') no-repeat left top;}

.top_cs_box {width:100%; position:relative; display:block; overflow:hidden; background:#f8f8f8}
.top_cs_box .cs_box_left {float:left; width: 380px; text-align: center; margin: 42px 0 36px 0; color: #333; border-right: 1px solid #ddd;}
.top_cs_box .cs_box_left h3 { font-size: 21px;font-weight: bold; display: block; margin: 0 0 13px 0; font-family: NotoKR-Regular, '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, AppleSDGothicNeo, sans-serif;}
.top_cs_box .cs_box_left p {font-size: 14px; line-height: 17px; font-family: NotoKR-Regular, '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, AppleSDGothicNeo, sans-serif;}
.top_cs_box .cs_box_left a { margin: 20px 0 0 0; display: block; background: #88bfdf; width: 150px; padding: 10px 0; margin: 24px auto 0 auto;color: #fff; font-family: NotoKR-Regular, '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, AppleSDGothicNeo, sans-serif; font-weight: bold; border-radius: 2px;}
.top_cs_box .cs_box_right {float:right;width: 347px;text-align: center;margin: 42px 0 0 0;color: #333;}
.top_cs_box .cs_box_right strong { font-family: NotoKR-Regular, '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, AppleSDGothicNeo, sans-serif;font-size: 21px;margin: 0 0 13px 0;display: block;}
.top_cs_box .cs_box_right p {font-size: 14px; line-height: 17px; font-family: NotoKR-Regular, '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, AppleSDGothicNeo, sans-serif; margin: 24px 0 0 0; display: block;}
.top_cs_box .cs_box_right p span {display:block; margin: 6px 0 8px 0;}

.faq_tab{margin:25px 0 0 0;background:url('images/tab_faqbg.gif') repeat-x left bottom;height:29px;}
.faq_tab li{float:left;_display:inline;margin:0 1px 0 0;vertical-align:bottom;}
.faq_tab li.end{float:left;_display:inline;margin:0;}

.faq_q{margin:0;}
.faq_q li.q{border-bottom:1px solid #e6e6e6;padding:8px 0 9px 45px;background:url('images/icon_q.gif') no-repeat 20px 10px;}
.faq_q li.q a{color:#484646;}
.faq_q li.ans{border-bottom:1px solid #e6e6e6;padding:8px 10px 9px 45px;background:url('images/icon_a.gif') no-repeat 20px 10px;}
.faq_q li.ans a{color:#828282;}
.faq_q li.none{border-bottom:1px solid #e6e6e6;padding:30px 0 30px 0;text-align:center;}

/*메인faq*/
.faq_mbox{border:5px solid #88bfdf;}
.faq_mbox table{width:100%;border-collapse:collapse;}
.faq_mbox table td.first{border-right:1px solid #f4f4f4;text-align:center;padding:6px 0 7px 0;}
.faq_mbox table td.search{background:#fcfcfc;text-align:center;}
.faq_mbox table td.search ul{margin:0 0 0 5px;padding:0;}
.faq_mbox table td.search ul li{float:left;_display:inline;margin:0 0 0 5px;}
.faq_mbox table td.search ul li .in_put1{border:3px solid #cbcbcb;padding:3px;}
.faq_mbox table td.search ul li a{font-size:11px;color:#adadad;}
.faq_mbox table td.search p a{font-size:11px;color:#adadad;}

.faq_mbox table td.search1{background:#fcfcfc;text-align:center;}
.faq_mbox table td.search1 ul{margin:0;padding:0;}
.faq_mbox table td.search1 ul li{float:left;_display:inline;margin:0 0 0 5px;}
.faq_mbox table td.search1 ul li .in_put1{border:3px solid #cbcbcb;padding:3px;}
.faq_mbox table td.search1 p a{font-size:11px;color:#adadad;}

.faq_mbox table td.second1{text-align:center;padding:4px 0 5px 0;background:none;}
.faq_mbox table td.second{text-align:center;padding:6px 0 7px 0;background:url('images/faq_bg.gif') no-repeat left top;}

/*신호등*/
.lnb .csc_treffic_a { margin-top:10px;}
.lnb .csc_treffic_a dd { float:left;background:url('/resources/images/custom/titbox_traffic_1.png') no-repeat left top; width:56px; height:72px; margin-left:2px;}
.lnb .csc_treffic_a dd:first-child { margin-left:0;}
.lnb .csc_treffic_a dd+dd {background-image:url('/resources/images/custom/titbox_traffic_2.png');}
.lnb .csc_treffic_a dd+dd+dd {background-image:url('/resources/images/custom/titbox_traffic_3.png');}
.lnb .csc_treffic_a .icon_treffic {background:url('/resources/images/custom/icon_csc_traffic.png') no-repeat 50% top; height:30px; display:block; margin-top:33px;}
.lnb .csc_treffic_a .icon_treffic.green { background-position:50% top}
.lnb .csc_treffic_a .icon_treffic.yellow { background-position:50% -50px}
.lnb .csc_treffic_a .icon_treffic.red { background-position:50% -100px}
.lnb .csc_treffic_a .icon_treffic.gray { background-position:50% -150px}

.guide_tab_box {border:5px solid #88bfdf;height: 165px;margin: 20px 0 0 0; width: 725px;}
.guide_tab_box .top_guide_tab {width:100%;position:relative;display:block;/* overflow:hidden; */background:#f8f8f8;}
.guide_tab_box .top_guide_tab h3 {font-size: 19px;font-weight: normal;font-family: NotoKR-Regular, '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, AppleSDGothicNeo, sans-serif;line-height: 27px;padding: 28px 0;color: #333;text-align: center;background: #f8f8f8;}
.guide_tab_box .top_guide_tab div {}
.guide_tab_box .top_guide_tab div ul { width: 100%;}
.guide_tab_box .top_guide_tab div li { float: left;width: 33.3%;}
.guide_tab_box .top_guide_tab div li a { font-size: 15px; font-weight: bold; letter-spacing: -1px; font-family: NotoKR-Regular, '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, AppleSDGothicNeo, sans-serif; background: #dfdfdf; padding: 20px 15px; display: block;text-align: center;}
.guide_tab_box .top_guide_tab div li a:hover {text-decoration:none;}
.guide_tab_box .top_guide_tab div li.on a {color: #fff; background: #67a8ce;}