* {padding:0;margin:0;}
body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font-family:dotum;font-size:12px;}
body,th,td,textarea{ line-height:14px;}
img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:verdana;color:#000000;font-size:12px;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}
a img {vertical-align:top;}
a:link{font-size:12px;color:#787878;text-decoration:none;}
a:visited{font-size:12px;color:#787878;text-decoration:none;}
a:hover{font-size:12px;color:#787878;text-decoration:underline;}
#wrap{width:100%;position:relative;text-align:center;}
#content_wrap{width:1114px;padding:0;position:relative;text-align:left;margin:0 auto;}
#content_wrap{*zoom:1;clear:both;}
#content_wrap:after{content:"";display:block;clear:both;}
.visual_area{height:149px;}
.side_nav{float:left;text-align:left;width:198px;margin:0 0 0 85px;_display:inline;}
.side_nav h2{margin:17px 0 0 0;border-bottom:3px solid #45abd7;height:54px;}
#footer_wrap{position:relative;width:100%;height:85px;position:relative;}
.content_footer{width:970px;position:relative;text-align:left;margin:0 auto;}
#topmenu{width:970px;height:85px;position:relative;text-align:left;margin:0 auto;}
#topmenu h1{position:absolute;margin:29px 0 0 10px;}
#topmenu .global_menu{position:absolute;right:0;top:14px;overflow:hidden;padding-right:30px;}
#topmenu .global_menu a{padding:0 3px 0 6px;margin-left:-1px;}
#topmenu .main_menu{position:absolute;left:214px;top:29px;vertical-align:top;padding:5px 0 0 29px;width:727px;height:56px;}
#topmenu .main_menu a{display:inline-block;vertical-align:top;}
#topmenu .main_menu .fst{width:139px;}
#topmenu .main_menu .snd{width:186px;}
#topmenu .main_menu .trd{width:135px;}
#topmenu .main_menu .fth{width:143px;}
#topmenu .main_menu .last{width:74px;}
#topmenu .sub_menu{position:absolute;top:60px;left:244px;height:22px;padding:0 11px 0 0;background:#2ba7dc;}
#topmenu .sub_menu a{position:relative;display:inline-block;margin:5px 0 0 0;padding:0 0 0 9px;vertical-align:top;}
#topmenu .company{top:60px;left:252px;}
#topmenu .business{top:60px;left:400px;}
#topmenu .products{top:60px;left:590px;}
#topmenu .customer{top:60px;left:687px;}
#topmenu .recruit{top:60px;left:773px;}
.content_footer {vertical-align:top;}
.content_footer .footer_logo{position:relative;top:18px;}
.content_footer .personal_link{position:relative;top:-22px;left:149px;}
.content_footer .address{position:relative;top:-11px;left:149px;}
.content_footer .family_site{position:absolute;right:0;margin:-55px 0 0 0;cursor:pointer;}
.content_footer .famliy_site_link{display:none;position:absolute;right:0;margin:-36px 0 0 0;width:126px;height:50px;border:1px solid #efefef;overflow-x:hidden;overflow-y:scroll;}
.content_footer .famliy_site_link a{display:inline-block;width:116px;text-decoration:none;padding:3px 0 0 10px;font-size:11px;font-family:dotum;}
.content_footer .famliy_site_link a:hover{background:#dedede;}
.content_footer .famliy_site_link{scrollbar-3dlight-color:#b4b4b4;scrollbar-arrow-color:#333333;scrollbar-base-color:#eeeeee;scrollbar-darkshadow-color:#ffffff;scrollbar-face-color:#eeeeee;scrollbar-highlight-color:#ffffff;scrollbar-shadow-color:#b4b4b4;}
.banner{padding:20px 0 0 0;}
.banner img{margin-bottom:10px;}
.content{float:left;width:696px;margin:0 10px 0 31px;padding:0 0 60px 0;}
.history{font-size:11px;font-family:dotum;color:#999999;margin:27px 0 0 0;text-align:right;}
.history img{vertical-align:-1px;}
.history .current{display:inline-block;color:#666666;padding:0 0 0 8px;}
.content h3{margin:0;height:43px;}
.content .whole_content{padding:40px 0 0 0;}
.quick{float:left;margin:68px 0 0 19px;}
.table_caption{width:100%;*zoom:1;clear:both;margin-bottom:4px;}
.table_caption:after{clear:both;content:"";display:block;}
.table_caption .title{float:left;}
.table_caption .per{float:right;font-size:11px;font-family:dotum;color:#666666;}
.table_caption.tab img {margin-right:1px;}
.table_01{width:100%;}
.table_01 th{border-top:3px solid #3caede;border-bottom:1px solid #7bbfdc; padding:7px 0 6px; font:bold 12px/1.3em verdana; color:#3695be; text-align:center;}
.table_01 td{border-right:1px solid #d7e8ef;border-bottom:1px solid #d7e8ef;height:26px;font-size:12px;font-family:dotum;color:#666666;text-align:center;padding-top:5px;padding-bottom:5px;line-height:17px;}
.table_01 td.last {border-right:0}
.table_01 td.sub_title{background:#f8f8f8;}
.table_01 .left{text-align:left;padding-left:10px;}
.partners{padding:0;margin:43px 0 0 0;}
.partners table {margin-left:220px;}
.partners td{text-align:center;font-size:11px;font-family:dotum;color:#787878;width:157px;height:109px;vertical-align:top;}
.product{border-top:2px solid #45abd7;border-bottom:2px solid #45abd7;}
.product th {width:211px;text-align:left;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product th img {border:4px solid #e1e3d8;}
.product td {vertical-align:top;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product .title {font-weight:bold;font-size:13px;color:#333333;border-bottom:1px solid #45abd7;height:19px;}
.product .information {font-size:12px;font-family:dotum;color:#757575;line-height:17px;padding:10px 0 0 0;}
.product .last{border-bottom:0;}
.agreement_tle {float:left; margin:39px 25px 0 0;}
.agreement_list {list-style:none; float:left; width:446px; height:186px; margin:39px 0 0 0;}
.agreement_list p {float:left;width:210px;}
.agreement_list p img {margin-bottom:7px;}
.agreement {}
.agreement th {text-align:left;width:183px;vertical-align:top;}
.agreement td {font-size:11px;font-family:dotum;color:#787878;padding:0 0 29px 0;}
.sitemap{width:100%;}
.sitemap p{margin-bottom:2px;}
.sitemap td{vertical-align:top;}
.sitemap dl {width:141px;}
.sitemap dt {border-top:1px solid #ebebeb;padding:5px 0 5px 0;}
.sitemap .first {border-top:0;}
.sitemap dt a{font-family:dotum;font-size:12px;color:#333333;}
.sitemap dd {padding:0 0 5px 0;}
.sitemap .last{border-bottom:1px solid #ebebeb;}
.sitemap dd a{font-size:11px;font-family:dotum;color:#888888;}



/* 2011.12.22 */
.table_product    { width:100%; table-layout:fixed; border-top:2px #45abd7 solid; border-bottom:2px #45abd7 solid; }
.table_product td   { padding:10px 0; border-bottom:1px #e1ecf1 solid; font:12px/1.4em verdana; color:#666; vertical-align:top; }
.table_product .tle   { padding:5px 0; font:bold 14px/1.3em verdana; color:#222; border-bottom:1px #45abd7 solid; }
.table_product .txt   { display:block; height:62px; margin-top:8px; }
.item_border { border:4px #e1e3d8 solid; }
.mtle_01  { padding:0 0 0 20px; height:21px !important; margin:30px 0 0 0 !important; font:bold 13px/1.3em dotum; color:#222; }
.line_001  { padding-top:2px; }
.txt_001  { font:12px/1.4em dotum; color:#666; }
.list_01 li  { padding:0 0 2px 8px; font:12px/1.3em dotum; color:#666; }
.dbp   { height:180px; padding:0 0 0 240px; margin-top:30px; line-height:1.4em; color:#666; }
.dbp a  { display:inline-block; padding:3px 0; width:210px; font:bold 11px/1.2em dotum; letter-spacing:-1px; color:#555; }
.dbp a:hover  { font:bold 11px/1.2em dotum; text-decoration:none; color:#ff6600; }
.dbp_table  { width:100%; table-layout:fixed; }
.dbp_table th { vertical-align:top; text-align:left; font:bold 12px/1.4em verdana; color:#2499d4; padding-bottom:25px; }
.dbp_table td { vertical-align:top; font:11px/1.4em dotum; color:#777; padding:0 0 25px 15px; }
.login_box    { border:1px #ebebeb solid; padding:40px 140px; text-align:center; margin-top:20px; font:12px/1.5em dotum; color:#555; }
.login_box .txt_01  { text-align:right; padding-right:10px; font:bold 12px/1.0em dotum; }
.login_box .box  { border:1px #cdcdcd solid; padding:2px 4px 0; height:19px; *height:21px; width:100%; background-color:#f6f6f6; }
.login_box .find   { border-top:1px #eaeaea solid; margin-top:25px; padding:25px 44px 0; text-align:right; font:11px/1.2em dotum; color:#777; }



.diz_popmenu { font-family:µ¸¿ò; font-size:11px; color:#666666; font-weight:bold; background-color:#ffffff; cursor:hand; padding-left:5px;}
.diz_popmenu_over { font-family:µ¸¿ò; font-size:11px; color:#0086ce; font-weight:bold; background-color:#ffe100; cursor:hand; padding-left:5px;}



/* 2023.06.06 */
.location {  display:flex; align-items:center; justify-content:end; height:30px; }
.location>img   { margin:0 10px; }
.location>img:first-child { margin:0; }


p.info { margin-top:20px; color:#999; }
table>caption   { display:none; }
.tbl-usb                    { width:100%; margin-top:10px; border-collapse:collapse; }
.tbl-usb>tbody>tr>td        { text-align:center; border:1px solid #e6e6e6; }
.tbl-usb>tbody>tr>td.tit    { font-size:14px; font-weight:600; }
.tbl-usb>tbody>tr>td.tit>p  { margin-top:10px; font-size:12px; font-weight:100; }
.tbl-usb>tbody>tr>td>img    { display:block; margin:10px auto; width:80px; border-radius:10px; cursor:pointer; }
.tbl-usb>tbody>tr>td>img+p  { margin-bottom:10px; }
.tbl-usb>tbody>tr>td>img+p+a        { background: #bbb; padding: 6px 20px; border-radius: 20px; color: #fff; transition: all .5s; } 
.tbl-usb>tbody>tr>td>img+p+a:hover  {background: #0087cf; text-decoration: none;  }
.tbl-usb>tbody>.blank>td    { height:10px; border:0; }
.tbl-usb.b0>tbody>tr>td     { border:0; }
.tbl-usb.img50>tbody>tr>td>img    { width:50%; }
.tbl-usb.img60>tbody>tr>td>img    { width:60%; }
.tbl-usb.img70>tbody>tr>td>img    { width:70%; }
.tbl-usb.img80>tbody>tr>td>img    { width:80%; }
.tbl-usb.img90>tbody>tr>td>img    { width:90%; }
.tbl-usb+.otg { margin-top:30px; }
.otg>em { font-size:14px; font-weight:600; }
.otg>p  { margin-top:10px; line-height:1.4; word-break:keep-all; }



@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap');
.copyright { font-family: 'Noto Sans KR', sans-serif; text-align:center; color:#666; line-height:1.4; font-size:13px; }
.copyright>i { padding:0 10px; color:#ccc; }
.copyright>em { margin-top: 6px; display: flex; justify-content: center; color: #999; font-size: 11px; font-style: unset; }



#printarea      {  }
#printarea p    { font-size:13px; line-height:1.6; }
#printarea p>em { color:#0087cf; font-weight:bold; }
#printarea p+p  { margin-top:20px; }
#printarea .btnWrap         { display: flex; align-items: center; justify-content: space-between; }
#printarea .btnWrap>a       { display: flex; align-items: center; padding: 12px 16px; font-size: 14px; font-weight: 600; border-radius: 12px; background: #fae100; cursor: pointer; }
#printarea .btnWrap>a:last-child { background:#ccc; }
#printarea .btnWrap>a:hover { color:#fff; font-size:14px; text-decoration:none; background: #0086ce; }