﻿#main_head_outer {
    
}

#main_head0 {
    max-width:1080px; min-width:320px; margin:0px auto;width:100%;padding-top:20px;
}

#head_top {
    height:74px;position:relative;text-align:center;vertical-align:middle;
}
#head_top_right_banner{
    position:absolute;right:0;top:30px;
}
    #head_top_right_banner img {
        height:43px;
    }

#logo {
    width:100%;
}
    #logo a {
        line-height: 53px;
        vertical-align: middle;
    }

#head_bottom {
    
}

#head_bottom .head_bottom_left{
    padding-left:70px;
    background:url('/img/main/mainmenu/left.png') top left no-repeat;
}

#head_bottom .head_bottom_right{
    padding-right:70px;
    background:url('/img/main/mainmenu/right.png') top right no-repeat;
}

#mainmenu {
    width:100%;background-color:#df3127;height:61px;
}
    #mainmenu li {
        width: 20%;
        text-align: center;
        float: left;
        vertical-align:middle;line-height:55px;
    }

    #mainmenu li img.basicmenu{
            display:inherit;
        }

        #mainmenu li img.mobilemenu{
            display:none;
        }

    #mainmenu li a {
        text-align:center;line-height:55px;vertical-align:middle;display:inline-block;
    }

#textmenu {
    text-align: center;
    vertical-align:middle;
    padding:7px 0;
    font-size:.8em;
    background:url(/img/color/ff_trans.png);
    position:absolute;
    top:0;
    right:0;
}
    #textmenu li {
        display:inline-block; padding:0 10px;line-height:15px;border-left:solid 1px #939598;float:left;vertical-align:middle;
    }

    #textmenu li:first-child {
        border:none;
    }
        #textmenu li a {
            color:#636466; text-decoration:none;
        }
#btnSubmenu {
    display:none;
}
#divSubMenu {
    position:absolute; width:100%; background-color:#f4f4f4; top:239px; z-index:100; display:none;font-size:.9em;
}

#submenu {
}
    #submenu li {
        width:50%;float:left;
    }
    #submenu a {
        display:block; border:solid 1px #e6e6e6; text-align:center; line-height:50px; text-decoration:none;color:#272727; font-size:1.1em;
    }
#mainBanner {
    width: 25%;
    float: left;
    padding-top:402px;
}

#mainBanner img{
    width:100%;max-width:270px;
    height:162px;
}
#main_body_outer {
    padding-bottom:20px;
}
#main_body0 {
    max-width:1080px; min-width:320px; margin:0px auto;
}

#main_carsearch {
    width:75%;
    float:left;
    padding-top:362px;
}

#body_bannerlist {
    width:100%;padding-top:5px;
}
    #body_bannerlist .banneritem {
        float:left; width:24.5%;margin-left:0.5%;vertical-align:middle;text-align:left;max-width:265px;
    }

    #body_bannerlist .banneritem:nth-child(1) {
        width:24.5%;margin:0;
    }

    #body_bannerlist .banneritem:nth-child(2) {
        width:25%;max-width:270px;
    }

    #body_bannerlist .banneritem img,#body_bannerlist .banneritem a{
        width:100%;height:110px;
    }
            
#main_foot_outer {
    background-color:#ebebeb;border-top:solid 1px #df3127;padding-top:5px;
}
#main_foot0 {
    max-width:1080px;min-width:320px;margin:0px auto;
}

#footlogo{
        text-align:center;padding:20px 0;
    }

#footmenuouter{
    width:100%;font-size:.8em;
}
#footmenu {
    font-weight:bold;
    line-height:30px;
    margin:0 auto;
    max-width:780px;
}

    #footmenu li.menu {
        float:left; width:130px; text-align:center;background:url('/img/main/sep.gif') left 50% no-repeat;
    }

    #footmenu li.menu:first-child {
        background:none;
    }

    #footmenu li.menu a {
        line-height:30px; color:#8b8b8b; text-decoration:none;
    }
    
    #copyrighttext {
        text-align:center;font-size:.8em;padding:10px 0;
    }

    #sub_carsearch {
    width:20%;float:left;margin-right:2%;position:relative;
}
#sub_banner {
    
}
#sub_banner a{
    width:100%;
}

#sub_banner img{
    width:100%;
}

#sub_body{
    width:78%;float:left;
}
/* 모바일환경 */
@media screen and (max-width: 720px) {
     .nomobile {
         display:none;
     }
    #docBgouter {
        display:none;
    }
    #main_head_outer {
        
    }
    #main_head0 {
        padding-top:0;
    }
    #logo {
    width:100%;height:65px;text-align:center;
}
    #logo a {
        line-height: 65px;
        vertical-align: middle;
    }

    #head_top {
        width:100%;background-image:none;height:auto;
    }
    #head_top_right_banner {
        position:static;background-color:#fae007;
    }
    #head_top_right_banner img{
        height:43px;
    }
    #head_bottom {
        width:100%;
    }

        #head_bottom .head_bottom_left,#head_bottom .head_bottom_right {
            padding:0;background-image:none;
        }

    #mainmenu {
        width: 100%;
    }

        #mainmenu li {
            width: 25%;background:url(/img/main/mainmenu/sep.png) left 50% no-repeat;
        }

        #mainmenu li:first-child {
            background:none;
        }


        #mainmenu li img.basicmenu{
            display:none;
        }

        #mainmenu li img.mobilemenu{
            display:inherit;
        }

    #textmenu {
        position:inherit;
    }

    #textmenu li{
        float: none;
    }

    #btnSubmenu {
        display:block;height:34px;line-height:34px;vertical-align:middle;text-align:center;cursor:pointer;background-color:#eeeeee;border:solid 1px #eb3b4b;
    }

    #main_carsearch {
        width:100%;
        float:none;
        padding:0;
    }

    #mainBanner {
        
    }

    #body_bannerlist {
        width:100%;padding-top:0;
    }

    #body_bannerlist .banneritem {
        width:100%; text-align:center;margin:auto;float:none;max-width:inherit;
    }

    #body_bannerlist .banneritem:nth-child(1){
        width:100%;margin:auto;
    }
    
    #body_bannerlist .banneritem img,#body_bannerlist .banneritem a{
        text-align:center;width:auto;
    }

    #main_foot_outer {
        background-image:none;
        margin-top:15px;
    }

    #footmenu {
        line-height:30px;
    }
        #footmenu li.menu {
            width:50%;
        }

        #footmenu li.menu:nth-child(2n+1) {
            background:none;
        }
                
            #footmenu li.menu a {
                display:block; line-height:30px; text-align:center;
            }

    #footlogo {
        
    }

    #copyrighttext {
        
    }

    #main_body_outer {
        
    }

    #main_head0, #main_body0,#main_foot0, #main_carsearch {
        width:100%;
    } 

    #sub_carsearch {
        width: 100%;
        float: none;border-top:none;
        position:static;
    }

    #sub_banner {
        display:none;
    }

    #sub_body {
        width: 100%;float:none;
    }
}
@media screen and (min-width: 721px) {

    #footmenu {
        max-width:720px; margin:0 auto;
    }
    #footmenu li.menu:nth-child(1) {
        width:13%;background:none;
    }
    #footmenu li.menu:nth-child(2) {
        width:13%;
    }
    #footmenu li.menu:nth-child(3) {
        width:14%;
    }
    #footmenu li.menu:nth-child(4) {
        width:19%;
    }
    #footmenu li.menu:nth-child(5) {
        width:19%;
    }
    #footmenu li.menu:nth-child(6) {
        width:19%;
    }
}    