/* BASIC css start */
.banner03{min-width:320px;}
.banner03 img{width:100%;}
.banner03 ul li.b_01{float:left;width:25%;}
.banner03 ul li.b_02{float:left;width:25%;}
.banner03 ul li.b_03{float:left;width:25%;}
.banner03 ul li.b_04{float:left;width:25%;}



#footer { clear:both; margin-top:36px; }
#footer .footerInfo {display: block;background-color:#f4f4f4;color:#fff;}
#footer .footerInfo .footerInfoTop { padding:20px;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft dt {margin-bottom:6px; font-size: 1.3em;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#c39051; font-size:1.500em; margin-bottom:6px;}
#footer .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#c39051; display: table; text-align:center; float:right;}
#footer .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;}
#footer .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {margin-bottom:6px; font-size: 1.3em;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#c39051; display: table; text-align:center; float:right;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;}

#footer .footerMiddle {background-color:#383838; text-align:center; margin:12px 0 0 0;}
#footer .footerMiddle a {width:33.3%; display:inline-block; border-left:1px solid #494949; margin-left: -1px;color:#fff; padding-top:10px; height:30px;}

#footer .footerlogo {position: relative; overflow: hidden;zoom: 1; padding: 10px 0 0 0;}
#footer .footerlogo p {width: 25%; float: left; text-align: center;}
#footer address {padding:12px 10px; color:#fff;}
#footer address .agreeButton {margin:5px 0;}
#footer address .agreeButton a {color:#fff; background-color:#b3b3b3; padding:2px 5px;}
/* 하단 고정 버튼 */
.section_fixedFooter .btn_toggle_area {width: 100%; height: 44px; position: relative;}
.section_fixedFooter .btn_toggle_area .btn_up {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; right:10px;}
.section_fixedFooter .btn_toggle_area .btn_fixedFooter {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; left:10px;}
/* //하단 고정 버튼 */
/* 하단 고정 메뉴 */
.section_fixedFooter {width:100%; position:fixed; bottom:0px; right:0px; left:0;}
.section_fixedFooter .section_fixedFooter_dn {display:none; box-shadow: 0 0 10px 1px #404040; border-top: 1px solid #C1C1C1;}
.section_fixedFooter .footerInfo {background-color:#fff;}
.section_fixedFooter .footerInfo .footerInfoTop {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#f1494d; font-size:1.500em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;}
.section_fixedFooter .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;}
.section_fixedFooter .footerMiddle {background-color:#3e4347; text-align:center; padding:12px 0; clear: both;}
.section_fixedFooter .footerMiddle a {width:25%; display:inline-block; border-left:1px solid #A2A2A2; color:#fff; margin-left: -1px;}

#footer .foot-infos { clear:both; position: relative; padding: 10px 10px; background-color:#294a1e; }
#footer .foot-infos .infos-list {display:table;width:95%;margin:0 auto;}
#footer .foot-infos .infos-list>li {display:table-cell;text-align:center;}
#footer .foot-infos ul li { font-size: smaller; line-height: 22px; }
#footer .foot-infos h4 { font-size: 12px; color: #fff; }
#footer .foot-infos ul:nth-child(1) li { margin-bottom: 7px; }
#footer .foot-infos ul:nth-child(2) li { letter-spacing: -1px; }
#footer .foot-infos ul:nth-child(3) li .tel { color: #6bcbba; font-size: medium; }

#footer .foot-addr { position: relative;padding:15px 20px 50px 20px; background-color:#294a1e; }
#footer .foot-addr p { letter-spacing: -1px; font-size: 11px; color:#fff; }
#footer .foot-addr p span { margin: 0 5px; }
#footer .foot-addr h5 { margin: 10px 0; }
#footer .foot-addr h5 img { width: 50%; height: auto; }
#footer .foot-addr .f-sns { float:right;right:5px;width:40%;}
#footer .foot-addr .f-sns img { width:22%; height:auto; }

/* //하단 고정 메뉴 */
@media screen and (min-width:420px) and (max-width:767px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}
@media screen and (min-width:768px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #b3b3b3;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}

.bx_company_info { position:relative; float:left; padding-top:20px min-width:300px; max-width:620px;  padding-right:10px;background-color:#313131}
.bx_company_info ul {}
.bx_company_info ul li {float:left; padding-bottom:1px; color:#949393;  padding-top:3px;  padding-left:50px; padding-right:18px;}
.bx_company_info ul li span { color:#d0d0d0 }
.bx_company_info ul li a { color:#999 }


/* BASIC css end */