/*************** common ******************/
body { margin: 0; padding: 0; font-family: verdana, Arial, sans-serif; font-size: 12px; color: #333333; line-height: 17px; } 
html {overflow-y:scroll;}  /***** ie6/ ie7에서 스크롤바 두개생기는 문제해결 --> overflow-y:scroll을 body에 말고 html에 넣어준다 ****/
img, a img { border: none; }
.clear { clear: both; margin: 0; padding: 0;}
form { margin: 0; padding: 0; border: none; }
table, tr, th, td { border-collapse: collapse; }

div, p, span, ol, ul, li, dl, dt, dd, table, thead, tbody, tfoot, th, td, textarea, select, input, a{
	margin:0; padding:0; color:#333333; line-height:17px; font-family: verdana, Arial, sans-serif;}
	
	
a { text-decoration: none; color: #444444; }
a:hover { text-decoration: none; color:#184CA3; }

.hide {display:none;}
.right {float:right; margin: 0px; }
.center { text-align:center; margin: 0px; }
.left {float:left; margin: 0px; }
.mid{ vertical-align:middle;}
.pdt5 {padding-top: 5px; }
.pdt10 {padding-top: 10px; }
.pdt40 {padding-top: 40px; }
.pdt50 {padding-top: 50px; }
.pdb5 {padding-bottom: 5px; }
.pdl5 {padding-left: 5px; }
.pdl15 {padding-left: 15px; }
.pdr5 {padding-right: 5px; }
.pdr10 {padding-right: 10px; }
.pdt10 {padding-top: 10px; }
.pdb10 {padding-bottom: 10px; }
.pdb30 {padding-bottom: 30px; }
.pdb40 {padding-bottom: 40px; }
.pdb50 {padding-bottom: 50px; }
.mt5 {margin-top: 5px; }
.mt10 {margin-top: 10px; }
.mt30 {margin-top: 30px; }
.mt50 {margin-top: 50px; }
.mb10 {margin-bottom: 10px; }
.mb30 {margin-bottom: 30px; }
.mb40 {margin-bottom: 40px; }
.mb50 {margin-bottom: 50px; }
.mb60 {margin-bottom: 60px; }
.dotline {background: url(../images/dotline.gif) repeat-x; height:1px; margin:10px 0 10px 0;}
.h10 {height:10px;}
.blind{position: absolute;width:1px;height:1px;margin:-1px;clip: rect(0 0 0 0);overflow: hidden;}
.fs_b {font-size: 18px; line-height:22px; letter-spacing:-1px; }

/************* layout ***************/
#wrap { margin-top:70px;}

/* header */
#header  { background: url(../images/bg_header.gif) repeat-x; height: 60px; }
#header #top { position: relative; width: 935px; height: 60px; margin: 0 auto 0 auto; }
#header .logo { float:left; margin: 0px; padding:0px; width: 227px; height: 60px; background: url(../images/logo.gif) no-repeat;}

/* topmenu */
#topmenu {float:left; position:relative; width:708px; height: 41px; margin:0px;}
#product {position:relative; width:200px; height:18px; margin:0 0 0 202px; background-color:#707070; color:#fff; text-align:center; font-size: 11px;  font-weight:bold;}
#menu {  position:relative; width:708px; height: 22px; margin:1px 0 0 0px;}
#menu ul {float:left; margin: 0px; padding:0px;}
#menu ul li {float:left; margin:0px; list-style-type: none;}
#menu ul li a {background:url(../images/menu_off02.gif) repeat-x; float:left; width:92px; height:22px; padding:1px 0 0 9px; color:#fff; text-decoration:none; font-size: 11px; font-weight:bold; }
#menu ul li a:hover {background:url(../images/menu_on02.gif) repeat-x;}
#menu ul li.selected a {background:url(../images/menu_on02.gif) repeat-x;}

/* main */
#main  { position: relative; width: 935px; margin: 45px auto 0 auto; padding:0px; }
#mainicon {float:left; text-align:center;  margin: 0px; width: 227px; height:324px; background-color:#ececec; }
#mainimenu {float:center;  margin: 26px auto 0 auto ; padding-top:13px; width: 176px; height:103px; background-color:#fff; }
#mainicon .login {margin:17px 0; }
#flash    { float:left; margin: 0px; width: 708px; height:324px;}
#maintxt  { position: relative; width: 888px; margin: 0px  auto 60px auto; padding:0px; }
.txt32 {color:#023995; font-size: 32px; line-height: 34px; font-weight:100; }
.txt20 {color:#000; font-size: 20px; line-height: 20px; font-weight:nomal; }
.txt14 {color:#333333; font-size: 14px; line-height: 30px; font-weight:nomal; }


/* container */
#container  { position: relative; width: 935px; margin: 36px auto 0 auto; padding:0px; }

#banner {float:left; margin: 0px; width: 227px; }
#banner #submenu {position:relative;}
#banner #submenu ul   { list-style-type: none; margin:10px 0 0 45px; padding:0px;}
#banner #submenu ul li { list-style-type: none; margin-bottom:20px; color:#444; line-height:15px; padding: 0 0 0 10px; background: url(../images/submenu_off.gif) 0 3px no-repeat; }
#banner #submenu ul li { background: url(../images/submenu_on.gif) 0 3px no-repeat; }
#banner #submenu ul li.smselected a { color:#023995;font-weight:bold; }

#contents {float:left; margin: 0 30px 0 0; width: 504px; text-align:left;}
#contents #tit {color:#000000; font-size: 36px;  line-height: 36px; font-weight:100; }
.tits {color:#000000; font-size: 14px; line-height: 18px; font-weight:bold; }
#contents #con {margin-left:3px; padding-top:17px; }
#contents.cont{margin: 0 0 50px 0; width: 705px;}
/*#mainicon .banner.center ~ .banner.center{margin-top:17px;}*/

/*2020.01.28 califonia consumer privacy notice 추가*/
#contents #con .section_wrap{margin-top:16px;padding-bottom:73px;letter-spacing:-.3px;}
#contents #con .section_wrap a{color:#333333;}
#contents #con .section_wrap .fontlight{font-weight:normal;}
#contents #con .section_wrap em{color:#047040;}
#contents #con .section_wrap > p:first-child{letter-spacing:-.65px;}
#contents #con .section_wrap > p:first-child > u{display:block;margin:24px 0 3px;}
#contents #con .section_wrap > .tbl{margin-top:18px;font-size:11px;}
#contents #con .section_wrap > .tbl thead tr{height:19px;border-top:1px solid #d0dfd5;border-bottom:1px solid #d0dfd5;background-color:#f6f9f7;}
#contents #con .section_wrap > .tbl thead tr th:first-child{padding-left:10px;}
#contents #con .section_wrap > .tbl tbody tr:nth-child(even){background-color:#f6f9f7;}
#contents #con .section_wrap > .tbl tbody tr{border-bottom:1px solid #e1e1e1;}
#contents #con .section_wrap > .tbl tbody th, #contents #con .section_wrap > .tbl tbody td{padding-top:6px;padding-bottom:6px;}
#contents #con .section_wrap > .tbl tbody th{padding-left:10px;padding-right:10px;vertical-align:top;}
#contents #con .section_wrap > .tbl tbody th + td{padding-left:1px;}
#contents #con .section_wrap > .tbl tbody tr td:last-child{vertical-align:top;}
#contents #con .section_wrap > .tbl + p{margin-top:7px;margin-left:10px;}
#contents #con .section_wrap .txtblock{margin:44px 0 0 10px;}
#contents #con .section_wrap .txtblock.exception{margin-top:7px;}
#contents #con .section_wrap .txtblock.exception > p:first-child{margin-left:0;margin-bottom:16px;} 
#contents #con .section_wrap .txtblock > p{margin-left:-10px;}
#contents #con .section_wrap .txtblock > p + ul{margin-top:9px;}
#contents #con .section_wrap .txtblock > ul > li{padding:4px 0;}
#contents #con .section_wrap .txtblock p + ul + p{margin-top:11px;}
#contents #con .section_wrap .txtblock p + p:not(.gapctrl){margin-top:11px;}
#contents #con .section_wrap .txtblock p + p + p:not(.gapctrl){margin-top:14px;}
#contents #con .section_wrap .txtblock ol + p{margin-top:22px;}
#contents #con .section_wrap .gapctrl{margin-top:22px;}
#contents #con .section_wrap p u{text-decoration:none;font-weight:bold;color:#047040;}
#contents #con .section_wrap p em{font-weight:bold;color:#000;}
#contents #con .section_wrap ul{padding-left:10px;list-style:none;}
#contents #con .section_wrap ul ul{font-size:11px;}
#contents #con .section_wrap ul[type="disc"] > li:before{display:inline-block;content:'\2022';margin-left:-12px;margin-right:6px;width:6px;height:6px;color:#023995;}
#contents #con .section_wrap ul[type="circle"]{margin-top:3px;}
#contents #con .section_wrap ul[type="circle"] > li:before{display:inline-block;content:'-';margin-left:-12px;margin-right:6px;width:6px;height:6px;}
#contents #con .section_wrap ul li .txtsubblock{display:inline-block;width:392px;vertical-align:top;}
#contents #con .section_wrap ol[type="1"]{margin-top:15px;padding-left:10px;}

/* //2020.01.28 califonia consumer privacy notice 추가*/


.stit {color:#047040; font-size: 14px; line-height: 28px; font-weight:bold; }
.txt10 {font-size: 10px; line-height: 14px; font-weight:nomal; }
.txt11 {font-size: 11px; line-height: 15px; font-weight:nomal; }
.txt13 {color:#000000; font-size: 13px; line-height: 18px; font-weight:bold; }
.txt1 {color:#000000; font-size: 12px; line-height: 18px; font-weight:bold; }
.txt2 {color:#047040; font-size: 12px; line-height: 18px; font-weight:bold; }
.txt3 {color:#023995; font-size: 12px; line-height: 18px; font-weight:bold; }
#contents #gbox {clear:both; height:28px; padding:0px 15px 0 15px; background-color:#f2f2f2; color:#000000; font-size: 13px; line-height: 18px; font-weight:bold; }
.gbox_large {clear:both; height:28px; padding:5px 15px 0 15px; background-color:#f2f2f2; color:#000000; font-size: 16px; line-height: 21px; font-weight:bold; }
#contents .pbox{ margin-left:15px;  padding:30px 0 0 0;}

#contents #scon {margin-top:10px;}
#contents .imgleft {float: left; margin:0 25px 0 0;}

/* 20130718 추가 시작*/
#contents .imgright {float:right;}
/* 20130718 추가 끝*/


ul.branch{width:506px; padding-top:10px;}
li.branch02{float:left; padding-left:12px; padding-right:50px;}
li.branch01{float:left; list-style:none; }
li.branch02{float:left; padding-left:12px; padding-right:50px; list-style:none; }

#visual {float:left; margin: 0px; padding-top:65px; width: 174px; }

/*20180109 추가 - images슬라이드*/
.sliding_wrap{  float:left; margin:0; width:708px; height:324px; }
.sliding_wrap .img_wrap{  width:100%; height:100%;    overflow:hidden;} 
.sliding_wrap .next{display:none;}
.sliding_wrap ul:after{  clear:both;  content:"";  display:block; }
.sliding_wrap ul.img_train{   width:2124px;  }    
.sliding_wrap ul.img_train li{  float:left;   list-style-type:none;  width:708px; height:324px; }

/* footer */
#footer { position: relative; clear:both; height: 35px; background: url(../images/bg_footer.gif) repeat-x;}
#footer #copy {width: 935px; height: 35px; margin: 0 auto 0 auto; padding-top:5px; font-size: 10px; color:#999;}

/*202005 레이어팝업*/
#laypopwrap{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:10;}
#laypopwrap .laypop{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:650px;background:#fff;z-index:20;}
#laypopwrap .layhead{padding:16px 22px;box-sizing:border-box;height:50px;background-color:#047040;}
#laypopwrap .laycont{padding:25px 24px;height:530px;background-color:#fff;box-sizing:border-box;}
#laypopwrap .laybtm .txt{padding: 4px 10px 8px 10px;text-align:right;border-top: 1px solid #d1d1d1;font-size:13px;}
#laypopwrap [type=checkbox]{margin-right:5px;vertical-align:middle;}
#laypopwrap .layclose{position:absolute;top:3px;right:0;}
#laypopwrap .layclose a{display:block;padding:10px;}
/*202005 COVID19 레이어팝업 */
.covid19_202005{font-size:14px;}
.covid19_202005 .layhead .tit,.covid19_202005 .layhead .txt{float:left;}
.covid19_202005 .layhead .tit{margin-right:19px;font-size:22px;font-weight:700;color:#f7f7f7;letter-spacing:-.55px;}
#laypopwrap .covid19_202005 .laycont{padding-bottom:0;;overflow-y:scroll;}
.covid19_202005 .laycont:after{content:'';display:block;width:100%;height:25px;}
.covid19_202005 .graybox{padding:17px 13px 20px;background-color:#f3f3f3;}
.covid19_202005 .graybox .txt{color:#333;letter-spacing:-.42px;}
.covid19_202005 .txt-green{font-weight:700;color:#047040;}
.covid19_202005 .txt-yellow{color:#ffe984;}
.covid19_202005 .txt-gray{color:#c6c5c5;}
.covid19_202005 .telsbox{margin-top:12px;}
.covid19_202005 .telsbox:after{content:'';display:block;clear:both;}
.covid19_202005 .tels{float:left;width:33.3%;font-size:13px;text-align:center;letter-spacing:-0.6px;}
.covid19_202005 .tels:not(:last-child):after{content:'|';}
.covid19_202005 .graybox + .txtbox{margin-top:18px;}
.covid19_202005 .txtbox{margin-top:7px;}
.covid19_202005 .txtbox .txt{color:#555;letter-spacing:-.35px;}
.covid19_202005 .titbar{margin-top:22px;font-weight:700;color:#ee5f00;}

/* 202405 */
.pbox .p_area{height:25px;}

/*table*/
caption, legend, .offscreen {position: absolute!important;height: 1px!important;width: 1px!important;overflow: hidden!important;clip: rect(1px 1px 1px 1px)!important;}
.tbl{position:relative;padding-top:2px;border-width:2px 0 1px;border-style:solid;border-color:#3c3e45 #acacac}
.tbl.tf>.inner:before, .tbl.tf>.inner:after{display:none}
.tbl.row>.inner:before{background-position:0 -40px}
.tbl table thead th, .inner_tbl .tbl table thead th, td .tbl table thead th{padding:10px;border-width:0 0 1px 0;border-style:solid;border-color:#3c3e45;background-color:#fff;vertical-align:middle;font-weight:500;color:#252525;text-align:center}
.tbl table thead th.lineb{border-color:#9c9c9c}
.tbl table tbody th, .tbl table tbody td{border-width:0 0 1px 1px;border-style:solid;border-color:#f1f1f1;vertical-align:middle;text-align:center}
.tbl table tbody th, .tbl table tfoot th{padding:2px 6px 3px;background-color:#f8f8f8;font-weight:500;color:#252525}
.tbl table tbody th.lt, .tbl table tfoot th.lt{padding-left:20px}
.tbl table th.wbg{background-color:#fff}
.tbl table tbody td,
.tbl table tfoot td{padding:2px 6px 3px}
.tbl table tfoot th.ft, 
.tbl table tfoot td{border-width:1px 1px 0 0;border-style:solid;border-color:#f1f1f1}
.tbl table tfoot td:last-child{border-right:none}
.tbl.row table tbody td{padding:15px 20px 16px}
.tbl.row table tbody td dl dt:first-child.list_tit{margin-top:10px}
.tbl table tbody td.accent{background-color:#f4fef7}
.tbl table tbody td.accent_tfoot{padding:0;}
.tbl table tbody td.accent_tfoot .tfoot{border:none;}
.tbl table>tbody>tr:last-child>th, .tbl>table>tbody>tr:last-child>td{border-bottom-width:0}
.tbl table .ft{border-width:0 0 1px 0}
.tbl table tbody td .link{text-decoration:underline}
.tbl table tbody td .guide_txt{margin:0}
.tbl table tfoot .total{background-color:#eee;font-weight:500;color:#000}
.scroll_tbl .tbl{border-top:none}