/* BASIC css start */
/* 2. ÄÜÅÙÃ÷ÆäÀÌÁö*/
/* ÆùÆ®»çÀÌÁî */
.AB-fns-8{font-size:8px !important;}
.AB-fns-9{font-size:9px !important;}
.AB-fns-10{font-size:10px !important;}
.AB-fns-11{font-size:11px !important;}
.AB-fns-12{font-size:12px !important;}
.AB-fns-13{font-size:13px !important;}
.AB-fns-14{font-size:14px !important;}
.AB-fns-15{font-size:15px !important;}
.AB-fns-16{font-size:16px !important;}
.AB-fns-17{font-size:17px !important;}
.AB-fns-18{font-size:18px !important;}
.AB-fns-19{font-size:19px !important;}
.AB-fns-20{font-size:20px !important;}
/* ÆùÆ®Ä÷¯ */
.AB-fnc-01{color:#ef2d35 !important}
.AB-fnc-02{color:#ec851b !important}
.AB-fnc-03{color:#e5af1f !important}
.AB-fnc-04{color:#2da92d !important}
.AB-fnc-05{color:#5b96d2 !important}
.AB-fnc-06{color:#3f6ea2 !important}
.AB-fnc-07{color:#7e5cce !important}
.AB-fnc-08{color:#454545 !important}
.AB-fnc-09{color:#8a8a8a !important}
.AB-fnc-10{color:#a5a5a5 !important}
.AB-fnc-00{color:#fff !important}
/* ¶óÀÎ */
.AB-line,.AB-dotted,.AB-dashed,.AB-solid{border-width: 1px; zoom:1;}
.AB-line, .AB-solid{border-style: solid; border-color:#ddd;}
.AB-dotted{border-style: dotted; border-color:#ddd;}
.AB-dashed{border-style: dashed; border-color:#ddd;}
.AB-round,.AB-round li img ,.AB-round>img{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(ie-css3.htc);}
.AB-line-t{border-right:none; border-bottom:none; border-left:none;}
.AB-line-r{border-left:none; border-bottom:none; border-top:none;}
.AB-line-b{border-top:none; border-right:none; border-left:none;}
.AB-line-l{border-right:none; border-bottom:none; border-top:none;}
.AB-noline-t{border-top:none !important;}
.AB-noline-r{border-right:none !important;}
.AB-noline-b{border-bottom:none !important;}
.AB-noline-l{border-left:none !important;}
.AB-blind{height:0; font-size:0; line-height:0;}
.AB-blank{background:url("bg_dot.gif") 0 0 repeat-y;}

.ABA-container-box-45p {width:45%;float:left; } 
.ABA-container-box-53p {width:53%;float:left; } 
.ABA-container-box-510 {width:510px;float:left; } 
.ABA-container-box-250 {width:250px;float:left; } 
.ABA-container-box-1000 {width:1000px;float:left; } 
.ABA-container-box-230 {width:230px;float:left; } 
.ABA-container-box-530 {width:530px;float:left; } 
.ABA-container-box-780 {width:780px;float:left; } 
.ABA-container-box-100p {width:100%;float:left; } 
.ABA-container-box-1200 {width:1200px;float:left; } 
.ABA-container-box-200 {width:200px;float:left; } 
.ABA-container-box-960 {width:960px;float:left; } 
.ABA-container-box-54p {width:54%;float:left; } 
.ABA-container-box-46p {width:46%;float:left; } 
.ABA-container-box-50p {width:50%;float:left; } 
.ABA-container-box-160 {width:160px;float:left; } 
.ABA-container-box-20 {width:20px;float:left; } 
.ABA-container-box-370 {width:370px;float:left; } 
.ABA-container-box-600 {width:600px;float:left; } 
.ABA-container-box-731 {width:731px;float:left; } 
.ABA-container-box-260 {width:260px;float:left; } 
.ABA-container-box-470 {width:470px;float:left; } 
.ABA-container-box-490 {width:490px;float:left; } 
.ABA-container-box-240 {width:240px;float:left; } 
.ABA-container-box-55p {width:55%;float:left; } 
.ABA-container-box-25p {width:25%;float:left; } 
.ABA-container-box-33p {width:33%;float:left; } 
.ABA-container-box-599 {width:599px;float:left; } 
.ABA-container-box-90p {width:90%;float:left; } 
.ABA-container-box-30p {width:30%;float:left; } 
.ABA-container-box-70p {width:70%;float:left; } 
.ABA-container-box-21p {width:21%;float:left; } 
.ABA-container-box-79p {width:79%;float:left; } 
.ABA-container-box-770 {width:770px;float:left; } 
.ABA-container-box-67p {width:67%;float:left; } 
.ABA-container-box-505 {width:505px;float:left; } 
.ABA-container-box-140 {width:140px;float:left; } 
.ABA-container-box-340 {width:340px;float:left; } 
.ABA-container-box-380 {width:380px;float:left; } 
.ABA-container-box-310 {width:310px;float:left; } 
.ABA-container-box-460 {width:460px;float:left; } 
.ABA-container-box-390 {width:390px;float:left; } 
.ABA-container-box-100 {width:100px;float:left; } 
.ABA-container-box-640 {width:640px;float:left; } 
.ABA-container-box-235 {width:235px;float:left; } 
.ABA-container-box-220 {width:220px;float:left; } 
.ABA-container-box-192 {width:192px;float:left; } 
.ABA-container-box-890 {width:890px;float:left; } 
.ABA-container-box-415 {width:415px;float:left; } 
.ABA-container-box-270 {width:270px;float:left; } 
.ABA-container-box-730 {width:730px;float:left; } 
.ABA-container-box-20p {width:20%;float:left; } 
.ABA-container-box-485 {width:485px;float:left; } 
.ABA-container-box-500 {width:500px;float:left; } 
.ABA-container-box-360 {width:360px;float:left; } 
.ABA-container-box-795 {width:795px;float:left; } 
.ABA-container-box-895 {width:895px;float:left; } 
.ABA-container-box-410 {width:410px;float:left; } 
.ABA-container-box-445 {width:445px;float:left; } 
.ABA-container-box-135 {width:135px;float:left; } 
.ABA-container-box-300 {width:300px;float:left; } 
.ABA-container-box-350 {width:350px;float:left; } 
.ABA-container-box-395 {width:395px;float:left; } 
.ABA-container-box-750 {width:750px;float:left; } 
.ABA-container-box-195 {width:195px;float:left; } 
.ABA-container-box-800 {width:800px;float:left; } 
.ABA-container-box-180 {width:180px;float:left; } 
.ABA-container-box-280 {width:280px;float:left; } 
.ABA-container-box-400 {width:400px;float:left; } 
.ABA-container-box-900 {width:900px;float:left; } 
.ABA-container-box-700 {width:700px;float:left; } 
.ABA-container-box-520 {width:520px;float:left; } 
.ABA-container-box-330 {width:330px;float:left; } 
.ABA-container-box-268 {width:268px;float:left; } 
.ABA-container-box-333 {width:333px;float:left; } 
.ABA-container-box-334 {width:334px;float:left; } 
.ABA-container-box-150 {width:150px;float:left; } 
.ABA-container-box-1050 {width:1050px;float:left; } 
.ABA-container-box-1010 {width:1010px;float:left; } 
.ABA-container-box-147 {width:147px;float:left; } 
.ABA-container-box-580 {width:580px;float:left; } 
.ABA-container-box-870 {width:870px;float:left; } 
.ABA-container-box-675 {width:675px;float:left; } 
.ABA-container-box-52 {width:52px;float:left; } 
.ABA-container-box-31 {width:31px;float:left; } 
.ABA-container-box-40 {width:40px;float:left; } 
.ABA-container-box-355 {width:355px;float:left; } 
.ABA-container-box-210 {width:210px;float:left; } 
.ABA-container-box-920 {width:920px;float:left; } 
.ABA-container-box-130 {width:130px;float:left; } 
.ABA-container-box-1020 {width:1020px;float:left; } 
.ABA-container-box-110 {width:110px;float:left; } 
.ABA-container-box-545 {width:545px;float:left; } 
.ABA-container-box-910 {width:910px;float:left; } 
.ABA-container-box-425 {width:425px;float:left; } 
.ABA-container-box-570 {width:570px;float:left; } 
.ABA-container-box-215 {width:215px;float:left; } 
.ABA-container-box-335 {width:335px;float:left; } 
.ABA-container-box-42p {width:42%;float:left; } 
.ABA-container-box-8p {width:8%;float:left; } 
.ABA-container-box-72 {width:72px;float:left; } 
.ABA-container-box-552 {width:552px;float:left; } 
.ABA-container-box-590 {width:590px;float:left; } 
.ABA-container-box-403 {width:403px;float:left; } 
.ABA-container-box-420 {width:420px;float:left; } 
.ABA-container-box-377 {width:377px;float:left; } 
.ABA-container-box-164 {width:164px;float:left; } 
.ABA-container-box-1036 {width:1036px;float:left; } 
.ABA-container-box-288 {width:288px;float:left; } 
.ABA-container-box-356 {width:356px;float:left; } 
.ABA-container-box-337 {width:337px;float:left; } 
.ABA-container-box-1148 {width:1148px;float:left; } 
.ABA-container-box-171 {width:171px;float:left; } 
.ABA-container-box-1029 {width:1029px;float:left; } 
.ABA-container-box-342 {width:342px;float:left; } 
.ABA-container-box-266 {width:266px;float:left; } 
.ABA-container-box-264 {width:264px;float:left; } 
.ABA-layout-align {_width:1208px;width:1200px;margin:0 auto; } 
body.PC {min-width: 1200px; } 

/* 1. ·¹À̾ƿô */
.ABA-content-box{position:relative;}
.ABA-content-box{margin:0 0 5px 0;}
.ABA-content-box strong{font-weight:600;}
@media screen and (-webkit-min-device-pixel-ratio:0){.ABA-content-box strong{font-weight:bold;}}
.onlyDesigner{display:none !important;}

.pageFamilyBody01.abline-div-padding { position:static; }
.pageFamilyBody01 li a:hover { color:#ffce09; }
.AB-family-site.-hide .close, .AB-family-site.-show .open{cursor:pointer;display:none;}  
.AB-family-site.-hide .open, .AB-family-site.-show .close{cursor:pointer;display:block;} 


.main_footer_btn{background:#e4e4e4;font-size:16px; width:75px;height:75px; color:#555555;text-align:center;display:inline-block;border-radius:10px;font-weight:500;}
.main_footer_btn span{position:relative; top:12px;font-size:20px;}
.main_footer_btn_faq a span{position:relative; top:-3px; font-size:20px;}


.pageFamilyHead01{border:1px solid #ddd;width:324px;height:32px;border-radius:16px;}
.pageFamilyHead01.-hide .-btnClose, .pageFamilyHead01.-show .-btnOpen{cursor:pointer;display:none;} 
.pageFamilyHead01.-hide .-btnOpen, .pageFamilyHead.-show .-btnClose{cursor:pointer;display:block;}
.pageFamilyHead .-btnOpen, .pageFamilyHead .-btnClose{padding:0 10px;}
.pageFamilyHead01 .-btnOpen, .pageFamilyHead01 .-btnClose{position:relative;padding:0 18px; color:#999999;font-size:11px;line-height:10px;}

.utilWrap02 a{    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.5px;
    line-height: 1.3;
    color: #000;}
.utilWrap02 a:after, .utilWrap02 span:after {
    border-right: 1px solid rgba(0,0,0,0.2) !important;
}

[class*="utilWrap0"] .sign_upbx a:last-child:after {
    display: inherit !important;
}


/* ¹èÄ¡ */
.AB-cr{zoom:1;}
.AB-cr:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.AB-fl{float:left}
.AB-fr{float:right;}
.AB-alignl{text-align:left;}
.AB-alignc{text-align:center;}
.AB-alignr{text-align:right;}
.AB-show{display:block;}
.AB-hidden{display:none;}
.AB-inline { vertical-align: middle; display: inline-block; } 
.AB-pr { position:relative; }
.AB-pa { position:absolute; }
.AB-pf { position:fixed; }
.AB-ps { position:static; }
.AB-pa .abline-div-padding, .AB-pf .abline-div-padding, .AB-pa.abline-div-padding, .AB-pf.abline-div-padding, .abline-div-padding .AB-pa, .abline-div-padding .AB-pf { position:static !important; margin:inherit !important; transform:inherit !important; }
.AB-tbl { width:100%; padding:0; border-spacing:0; border:0; }
.AB-tbl > thead > tr > th, .AB-tbl > thead > tr > td, .AB-tbl > tbody > tr > th, .AB-tbl > tbody > tr > td{ padding:0; }
.AB-nowrap { white-space:nowrap; }
.AB-bx-b{box-sizing:border-box;}
.AB-bx-c{box-sizing:content-box;}

/*skip*/
.AB-skip{position:absolute;width:0;height:0;font-size:0;overflow:hidden;visibility:hidden;z-index:-1;}

 /* ie6~7À» À§ÇÑ gnb ¼­ºê °¡·ÁÁö´Â°Í ¹æÁö css */
#ABA-gnb{z-index:3; position:relative}
#ABA-column-wrap{z-index:0; position:relative; }

/* ½º¸¶Æ® ¿¡µðÅ͸¦ À§ÇÑ ÀçÃʱâÈ­ */
.t_area ul, .AB-cmt-view ul, .nboard_list ul, .ABA-article-contents ul{list-style-type:disc; margin:0 7px 13px 40px; padding:0 7px;}
.t_area ul li, .AB-cmt-view ul li, .nboard_list ul li, .ABA-article-contents ul li{list-style-type:disc; margin:0 7px 0 10px; ;padding:0px;}
.t_area ol, .AB-cmt-view ol, .nboard_list ol , .ABA-article-contents ol {list-style-type:decimal; margin:0 7px 13px 40px; padding:0 7px;}
.t_area ol li, .AB-cmt-view ol li, .nboard_list ol li, .ABA-article-contents ol li{list-style-type:decimal; margin:0 7px 0 10px; padding:0px;}
.t_area ol ul li, .AB-cmt-view ol ul li, .nboard_list ol ul li, .ABA-article-contents ol ul li,
.t_area ul ul li, .AB-cmt-view ul ul li, .nboard_list ul ul li, .ABA-article-contents ul ul li{list-style-type:circle;} 
.t_area ol ul ul li, .AB-cmt-view ol ul ul li, .nboard_list ol ul ul li, .ABA-article-contents ol ul ul li,
.t_area ul ul ul li, .AB-cmt-view ul ul ul li, .nboard_list ul ul ul li, .ABA-article-contents ul ul ul li{list-style-type:square;}
.t_area ol ul li, .AB-cmt-view ol ul li, .nboard_list ol ul li, .ABA-article-contents ol ul li,
.t_area ul ul ul li, .AB-cmt-view ul ul ul li, .nboard_list ul ul ul li, .ABA-article-contents ul ul ul li{list-style-type:square;}
.AB-cmt-view blockquote.q1,
.AB-cmt-view blockquote.q2,
.AB-cmt-view blockquote.q3,
.AB-cmt-view blockquote.q4,
.AB-cmt-view blockquote.q5,
.AB-cmt-view blockquote.q6,
.AB-cmt-view blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}
.AB-cmt-view blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.AB-cmt-view blockquote.q2{ padding:0 10px; background:url(bg_qmark.gif) no-repeat;}
.AB-cmt-view blockquote.q3{ border:1px solid #d9d9d9;}
.AB-cmt-view blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.AB-cmt-view blockquote.q5{ border:2px solid #707070;}
.AB-cmt-view blockquote.q6{ border:1px dashed #707070;}
.AB-cmt-view blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}
.ABA-article-contents blockquote.q1,
.ABA-article-contents blockquote.q2,
.ABA-article-contents blockquote.q3,
.ABA-article-contents blockquote.q4,
.ABA-article-contents blockquote.q5,
.ABA-article-contents blockquote.q6,
.ABA-article-contents blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}
.ABA-article-contents blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.ABA-article-contents blockquote.q2{ padding:0 10px; background:url(bg_qmark.gif) no-repeat;}
.ABA-article-contents blockquote.q3{ border:1px solid #d9d9d9;}
.ABA-article-contents blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.ABA-article-contents blockquote.q5{ border:2px solid #707070;}
.ABA-article-contents blockquote.q6{ border:1px dashed #707070;}
.ABA-article-contents blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}
.ABA-web-editor ul{list-style-type:disc; margin:0 7px 13px 40px; padding:0 7px;}
.ABA-web-editor ul li{list-style-type:disc; margin:0 7px 0 10px; ;padding:0px !important;}
.ABA-web-editor ol {list-style-type:decimal; margin:0 7px 13px 40px; padding:0 7px;}
.ABA-web-editor ol li{list-style-type:decimal; margin:0 7px 0 10px; padding:0px;}
.ABA-web-editor ol ul li,
.ABA-web-editor ul ul li{list-style-type:circle;} 
.ABA-web-editor ol ul ul li,
.ABA-web-editor ul ul ul li{list-style-type:square;}
.ABA-web-editor ol ul li,
.ABA-web-editor ul ul ul li{list-style-type:square;}
.ABA-web-editor blockquote.q1,
.ABA-web-editor blockquote.q2,
.ABA-web-editor blockquote.q3,
.ABA-web-editor blockquote.q4,
.ABA-web-editor blockquote.q5,
.ABA-web-editor blockquote.q6,
.ABA-web-editor blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}
.ABA-web-editor blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.ABA-web-editor blockquote.q2{ padding:0 10px; background:url(bg_qmark.gif) no-repeat;}
.ABA-web-editor blockquote.q3{ border:1px solid #d9d9d9;}
.ABA-web-editor blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.ABA-web-editor blockquote.q5{ border:2px solid #707070;}
.ABA-web-editor blockquote.q6{ border:1px dashed #707070;}
.ABA-web-editor blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}

/* À̹ÌÁö Å©±â¼³Á¤ */
.AB-img-full-w { width:100%; height:auto; }
.AB-img-full-h { width:auto; height:100%; }

/* ÆíÁý¸ðµå div °¡À̵å¶óÀÎ
.ABA-content-box.out-border { overflow:hidden; } */

/* Æ˾÷ */
.popup_disable_check { position:relative; }
.popup_disable_check input[type="checkbox"] { margin:0 5px 0 0; }
.popup_disable_check input[type="checkbox"] + label { line-height:12px; }

.footerinfo_bx .footerInfo04 .footerBar{display: inline-block;width: 1px;height: 15px;margin-bottom: -3px;}*/
.footermenu_bar .utilWrap03 a{padding:16px 0 16px 0px;}
.footermenu_bar .utilWrap03 a:after, .footermenu_bar .utilWrap03 span:after{border-right: 1px solid #ddd;}
.footermenu_bar .utilWrap03 a:hover{color:#6ba52c;}
[class*="footerinfo_bx"] span{color: #666;line-height:24px;display: inline-block;margin-right: 8px;}
[class*="footerinfo_bx"] .footerBar{background-color: #666;}

.site_linkbx .pageFamilyBody{top: 47px;}
.site_linkbx .pageFamilyBody li {border-bottom:1px dashed #eee;margin:0 14px;padding:10px 0 10px 8px;background-image: url('/images/spot_gray.png');background-repeat: no-repeat;background-position: left center;}
.site_linkbx .pageFamilyBody li a{padding:0px;font-size:15px;line-height:1.6;color:#000;}
.site_linkbx .pageFamilyBody li a:hover{color:#558b2f;}
.site_linkbx .pageFamilyBody01{top: 33px;position:absolute;width:99%;padding:6px 0;background-color: #fff;border: 1px solid #ddd;z-index:2;left:-1px;border-radius:16px;}
.site_linkbx .pageFamilyBody01 li {margin:0 14px;padding:5px 0;}
.site_linkbx .pageFamilyBody01 li a{padding:0px;font-size:15px;line-height:1.6;color:#000;}
.site_linkbx .pageFamilyBody01 li a:hover{color:#558b2f;}
.admin_login{width: 33%;color:#666;}
.admin_login a{width:100%;padding:15px 4px;}

.footer_btn{display: block;padding: 10px;background-color: #fff;border: 1px solid #000;box-sizing: border-box;transition:0.3s;}
.footer_btn .AB-fns-14{color:#000;line-height:1.5;padding-right:14px;background-image: url('/images/arrow_btn_b.png');background-repeat: no-repeat;background-position: right center;}
.footer_btn:hover {background-color: #000;transition: all 0.2s ease 0s;}
.footer_btn:hover .AB-fns-14{color:#fff;background-image: url('/images/arrow_btn_w.png');background-repeat: no-repeat;background-position: right center;}

[class*="utilWrap0"] a:after, [class*="utilWrap0"] span:after{content:" "; display:inline-block; width:1px; height:10px; margin:0 10px;}
[class*="utilWrap0"] a:last-child:after , [class*="utilWrap0"] span:last-child:after{display:none;}
.utilWrap01 a:after , .utilWrap01 span:after{border-right:1px solid rgba(0,0,0,0.6);}
.utilWrap02 a:after , .utilWrap02 span:after{border-right:1px solid rgba(0,0,0,0.2);}
.utilWrap03 a:after , .utilWrap03 span:after{border-right:1px solid rgba(255,255,255,0.7);}
.utilWrap04 a:after , .utilWrap04 span:after{border-right:1px solid rgba(255,255,255,0.3);}
.utilWrapNobar a{margin-right:15px;}
.utilWrapNobar a:last-child{margin-right:0;}
[class*="footerInfo"] span{white-space:nowrap; margin-right:10px; word-break:keep-all;}
[class*="footerInfo"] span.footerBar:last-child {background:none;}
[class*="footerInfo"] .footerBar {display:inline-block; width:1px; height:11px; vertical-align:middle; margin:-3px 10px 0 0;}
[class*="footerInfo"] .footerNoBar{background:none;}
.footerInfo01 .footerBar{background:rgba(0,0,0,0.6); }
.footerInfo02 .footerBar{background:rgba(0,0,0,0.2); }
.footerInfo03 .footerBar{background:rgba(255,255,255,0.7); }
.footerInfo04 .footerBar{background:rgba(255,255,255,0.3); }

a.button, .button{padding: 2px;text-align: center;vertical-align: middle;border: 1px solid transparent; display:inline-block;}
a.button:hover, a.button:focus, .button:hover{box-shadow: 6px 6px 4px 0px rgb(0 0 0 / 20%);transition: all 0.2s ease 0s;}

/* BASIC css end */