/*마이감자_서브메뉴*/
.cf{}/*float속성을 추가한 태그의 엄마태그에게 작성*/
.cf:after{ content:""; display:block; clear:both;}


/* FAQ 테이블 */
.faq_table {width:95%;border-bottom:1px solid #CCC;;border-top: 2px solid #CCC;}
.faq_table img{ margin:0 3px 0 0; float:left;}
.faq_table dl dt {color:#999; font-weight:bold; line-height:12px; padding:10px 15px; border-bottom: 1px solid #CCC; cursor:pointer}
.faq_table dl dd {color:#949494; background: #f3f3f3; border-bottom: 1px solid #CCC; padding:10px 20px; line-height:18px;}


/*준비리스트*/
.list_t_nation{ width:780px; height:40px; margin:20px auto;;}
.list_t_nation li{ float:left;}
.list_t_nation li a{ width:150px; height:15px; display:block; border:1px solid #d9d9d9; text-align:center; padding:10px 0 15px 0;}
.list_t_nation li .off{ background:#ededed;}
.list_t_nation li .off:hover { background:#fff;}

.list_t_doc{ width:780px; height:110px; background:url(../img/pre_list/nation_bg.jpg) no-repeat; margin-top:8px; padding-top:5px;}
.list_t_doc .dot_tit{}
.list_t_doc .dot_tit p{ font-size:15px; color:#fff5b0; margin: 20px 0 0 15px;}
.list_t_doc .dot_tit .doc_nation{ font-size:22px; color:#fff; font-weight:600;}
.list_t_doc .dot_tit .sort{ font-size:32px; color:#fff; font-weight:600;}
.list_t_doc .dot_process{ margin:5px 0 0 15px;}

.s_top{ font-size:11px; color:#fff; padding:5px; border-radius:20px; background:#dadada; position: absolute;top:5px; right:50px; }
.s_top:hover{background:#FC9;  color:#fff; text-decoration:none; font-size:11px; }

#container{clear:both;width:780px;}
#container:after{display:block;clear:both;content:''}
.content_menu{float:left; width:160px;}
.content_menu:after{display:block;clear:both;content:''}

/*서브 왼쪽메뉴*/
.content_menu .lst_t{clear:both;position:relative;min-height:135px;width:170px; margin-left:0px;}


.content_menu .lst{clear:both;padding-top:1px; width:170px; }

.content_menu .lst a{ font-size:11px; display:block;overflow:hidden; color:#838383; height:20px !important;padding:8px 0 0 5px;background:url(http://static.naver.net/auto/2013/sp_common.png) no-repeat 100% -328px !important}
.content_menu .lst a:hover{color:#a75300; font-weight:bold; text-decoration:none}
.content_menu .lst a.active {color:#a75300; font-weight:bold; text-decoration:none}

/*서브 본문내용*/
.howbody{width:580px; min-height:600px; border-left:1px solid #d1d1d1; display:block; float:right;  padding-left:15px; margin-left:10px;}
.howbody .route{font-size:11px;line-height:normal;color:#484c54; margin-bottom:25px; letter-spacing:-0.1px; font-family:'돋움',dotum,'굴림', gulim;}
.howbody .top_title{margin-top:100px}
.howbody .title1{font-size:14px; font-weight:bold; line-height:normal; /*color:#0e8be4;*/color:#f1f1f1;letter-spacing:-0.1px; margin:15px 0 10px 0; position:relative;}
.howbody .title2{font-size:14px; font-weight:bold; line-height:normal; color:#333; letter-spacing:-0.1px; margin:40px 0 10px 0; position:relative;/*border-bottom:2px solid #454545; width:90%; padding-bottom:5px*/}
.howbody .text1{font-size:12px; font-weight:bold; line-height:normal; color:#333;letter-spacing:-0.1px; margin-bottom:5px; display:block}
.howbody .text2{margin:0px 0 0 10px; display:inline-block; font-size:12px; font-weight:normal; line-height:20px; color:#747474;letter-spacing:-0.1px; width:570px;}

.howbody .text3{margin:5px 0 0 5px; display:block; font-size:12px; font-weight:normal; line-height:20px; color:#b4b4b4;letter-spacing:-0.1px; margin-bottom:10px;}

.howbody .imgbox img{padding:2px; width:300px; border:1px solid #dadada; background-color:#dadada;}
.howbody .imgbox2 img{padding:2px; width:200px; border:1px solid #dadada; background-color:#dadada;}
.howbody .imgbox3 img{padding:2px; border:1px solid #dadada; background-color:#dadada;}

/* 테이블 */
.box,.box th,.box td{border:0}
.box{width:95%; border-bottom:1px solid #dadada; margin:20px 0 10px 0;}
.box th{padding:0 5px 1px 15px;border-top:1px solid #dadada;background:#f2f2f2;color:#333; font-weight:bold;text-align:left;  line-height:18px;vertical-align:middle}
.box td{padding:8px 7px 9px 15px;border-top:1px solid #dadada; color:#747474; line-height:18px;vertical-align:top}
.box .leftline{border-left:1px solid #dadada;}

.box1,.box1 th,.box1 td{border:0}
.box1{width:80%; margin:5px 0 10px 10px;}
.box1 th{padding:10px 7px 12px 15px;border-top:1px solid #343434; color:#b4b4b4; line-height:18px;vertical-align:top; text-align:left;}
.box1 td{padding:5px 0 10px 15px; background:#191919;color:#b4b4b4; line-height:18px;}

.box2,.box2 th,.box2 td{border:1px solid #343434;}
.box2{width:60%; margin:5px 0 10px 10px;}
.box2 th{padding:5px 0 8px 0; background:#191919;color:#b4b4b4; line-height:18px;border-top:1px solid #343434; }
.box2 td{padding:6px 7px 9px 15px; color:#b4b4b4; line-height:18px;vertical-align:top; text-align:left;}
.room{ padding:10px;}



/* 오른쪽 메뉴*/
.mysub_box{ width:180px; height:100% auto; float:left; margin-bottom:30px}
.sub_ba{ width:180px; height:82px; background:url(../img/left_top_pattern.gif); padding-top:18px; border-bottom:4px solid #d83d29; vertical-align:central; }
.sideNavi1 { letter-spacing:-0.5px; width:180px; float:left; margin-top:20px; }
.sideNavi1 li { border-bottom:1px solid #d9d9d9; padding-top:13px; border-right:1px solid #efefef; border-left:1px solid #efefef; background:#fff; text-align: center; width:88px; height:73px; float:left; font-weight:600;}
.sideNavi1 li a { display:block;  font-size:12.5px; color:#333;}
.sideNavi1 li a:hover,
.sideNavi1 li a:focus,
.sideNavi1 li a:active,
.sideNavi1 li a.on,
.sideNavi1 li a.lock { background-color:#e35046; color:#fff; text-decoration:none; font-weight:600; width:88px; height:73px; padding-top:13px; margin-top:-13px; }
.sideNavi1 li ul { display:none;  border-top:1px solid #d9d9d9; background:#f5f5f5; font-family:"NanumGothic",sans-serif; }
.sideNavi1 li ul li { border:0;  background:#f5f5f5; }
.sideNavi1 li ul li a {  font-size:1em;  font-family:"NanumGothic",sans-serif;}
.sideNavi1 li ul li a:hover,
.sideNavi1 li ul li a:focus,
.sideNavi1 li ul li a:active,
.sideNavi1 li ul li a.on,
.sideNavi1 li ul li a.lock {  font-family:"NanumGothic",sans-serif; }



/* 컨텐츠시작 */
/* 첫번째 박스 */
.mygj_service{ width:770px; height:110px; border:5px solid #eaf2f4; background:#fbffff; margin-top:10px; }
.mygj_service .ct_service{ width:120px; height:50px; float:left; padding:30px 70px 30px 30px; text-align:center; line-height:1.3; margin:0 30px 0 10px;}
.mygj_service .ct_service .customer_name1{ color:#df0909; font-size:17px; font-weight:600;}
.mygj_service .ct_service .sv{ color:#12a8ba; font-size:15px; font-weight:600;}
.mygj_service .ct_service p{ color:# 565555; font-size:12px;}

.mygj_service .ct_service_icon{ width:478px; height:80px; float:left; text-align:center; padding:20px 0 0 15px; line-height:1.4; color:#787878; margin-left:10px;}
.mygj_service .ct_service_icon img{ margin-bottom:5px;}
.mygj_service .ct_service_icon li{ float:left; margin-right:70px; }
.mygj_service .ct_service_icon li:last-child{margin-right:0;}
.mygj_service .ct_service_icon .sv_info {color:#787878;}
.mygj_service .ct_service_icon .r_number {color:#df0909;}
.mygj_service .ct_service_icon a:hover .sv_info{ text-decoration:none; color:#C00;}

/* 두번째 박스 - 개인정보 */
.second{ width:780px; height:170px; margin-top:20px; display:block;}

.second .myinfo{ width:202px; height:170px; float:left; overflow:hidden;}
.second .mymanager{ width:290px; height:170px; float:left; margin-left:14px; overflow:hidden;}
.second .mymanager li{ float:left; margin-left:7px;  margin-top:10px;}
.second .mymanager li a{ padding:6px 8px; border:1px #c1c1c1 solid;  background:#e7edee; color:#8c8c8c; border-radius:20px; font-size:11px; }
.second .mymanager li a:hover{ padding:6px 8px; border:1px #eb9a7a solid;  background:#f7763d; color:#fff; border-radius:20px; font-size:11px; text-decoration:none; }
.second .gjad{ width:255px; height: 170px;float:left; margin-left:15px;}
.second .bd{ border:1px solid #d5e6e7;}
.second .titb { width:100%; height:24px; background:url(../img/second_pattern.gif) repeat-x; padding:8px 0 0 10px; overflow:hidden;}
.second .titb a{ padding:5px; background:#a8a8a8; color:#fff; font-size:10px;  margin-top:-20px;}
.second .titb a:hover{ color:#FF3; text-decoration:none;}

.myinfo .fistinfo{ font-weight:600; color:#484848; font-size:12px; padding:0; line-height:1.8;}
.myinfo .answerinfo{ color:#8f8f8f; font-size:11px; padding:0; line-height:1.8;word-break:break-all;}

.mymanager .fistinfo{ font-weight:600; color:#484848; font-size:12px; padding:0px 0 0 10px; line-height:1.8;}
.mymanager .answerinfo{ color:#8f8f8f; font-size:11px; padding:0px 0 0 10px; line-height:1.8;}
.mymanager .mymanagername{ font-size:15px; color:#333; font-weight:600; padding-left:10px;}
.mymanager .branchinfo a{ padding:4px; background:#8db7ab; color:#fff; font-size:10px;  margin-top:-5px;}
.mymanager .branchinfo a:hover{ background:#F63; text-decoration:none;}


/* 세번째 박스 - 수속진행 */
.myprogress{ width:780px; margin-top:30px;}
.myprogress .myschool{ width:750px; height:25px; padding: 15px 15px 5px 15px; border-top:3px solid #1d7f8e; border-bottom:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; position:relative;}
.myprogress  p{ color:#57a6a5; font-weight:500;}
.myprogress .myschoolname{ color:#666; font-size:14px; margin-left:10px;}
.myprogress .myschoolinfo a{ background:#8db7ab; padding: 5px 8px 5px 8px; color:#fff; }
.myprogress .myschoolinfo a:hover{ background:#099; text-decoration:none;}
.myprogress .nation { color:#333; font-weight:600;}
.myprogress .mynation{ color:#666; }
.myprogress .myschool .myschool_right{ position:absolute; top:15px; right:0; width: 150px; float:left; font-size:14px;}
.myprogress .myschool .myschool_left{ width:600px; float:left;}

.myprogress .myschool_pro{ width:780px; height:155px; background:#f1f1f1;border-bottom:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; padding:20px 0 0 0;}      

.myprogress .p_myschool{ float:left; margin-left:40px; width:150px; height:140px; background:url(../img/top_line2.gif) no-repeat 145px 0px;}
.myprogress .p_myschool:last-child{ background:none;}
.myprogress .m_tit{ font-size:17px; font-weight:700; color:#980388;}
.myprogress .m_pro{ margin-top:10px;}
.myprogress li{ vertical-align:middle; margin-bottom:5px;}
.myprogress .item{ font-size:14px; color:#666; font-weight:500;  margin:-10px 0 0 5px; }

/* 네번째 박스 - 리스트 */
.mylist{ width:780px; height:170px; margin:30px 0;}
.mylist .list{ width:230px; float:left; margin-right:45px;}
.mylist .list_in{ width:215px; position:relative; color:#818181; font-size:13px; line-height:1.8; border-top:2px solid #1d7f8e; padding:8px 0 10px 5px; position:relative;}
.mylist .list_in li span{ text-align:right;  font-size:11px; color:#666; position:absolute; right:0; }
.mylist .list_in li a{ display:block; width:145px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*환율*/ 

.exchange,.exchange th,.exchange td{border:0}
.exchange{width:230px;border-bottom:1px solid #dbdbdb;font-family:'돋움',dotum;font-size:12px;text-align:center;border-collapse:collapse; margin-top:0px;}
.exchange caption{display:none}
.exchange th{padding:6px 0 3px;border-top:1px solid #efefef;border-right:1px solid #efefef;border-left:1px solid #efefef;background-color:#fbfbfb;color:#848484;font-family:'돋움',dotum;font-size:11px; font-weight:normal}
.exchange td{padding:7px 0 3px 6px;border:1px solid #efefef;color:#4c4c4c;font-size:11px;}
.exchange td .country{color:#0000cc; font-size:12px;}
.exchange td .won{font-weight:bold; color:#de0000; margin-left:3px;font-size:12px;}
.exchange td img{ margin:2px 5px 0; padding:0}

  /*환율*/