@charset "UTF-8";

@media screen and (max-width:1300px){
	/* footer */
	.quick_box {left: auto; right: 20px; margin-left: 0;}
}

@media screen and (max-width:1200px){
	/* common */
	.container {padding:0 5px;}

	/* head_logo */
	.head_logo {left: 15px;}
	.gnb {padding-right: 160px;}
	.gnb > li > a {padding: 0 30px;}
	.gnb > li:last-child > a {padding-right: 80px;}
	.sub_gnb > li {padding-left: 30px;}
}

@media screen and (max-width:1100px){
	.gnb > li > a {padding: 0 20px;}
	.gnb > li:last-child > a {padding-right: 50px;}
	.sub_gnb > li {padding-left: 20px;}
}

@media screen and (max-width:991px){
	/* header */
	.gnb_header .container {height:70px;}
	.m_gnb_btn {display:block;}
	.head_logo {height: 45px; }
	.gnb {display: none;}
	.sitemap_btn {display: none;}
	.header .search_btn {right: 60px;}
	.header .language_box {right: 100px;}
	.header .search_form_wrap .search_form_inner{}
	.header .search_form_wrap .search_form_inner .search_button_type02 img{}/* 20211102 */
	.header .search_form_wrap .search_form_inner .search_button_type02 img{display:none;}
	.m_gnb_wrap .top_menu{display:block;height:54px;text-align: center;}
	.m_gnb_wrap .top_menu ul{padding:0 20px;}
	.m_gnb_wrap .top_menu ul li{font-size: 15px;display: inline-block;float: none;}
	.m_gnb_wrap .top_menu ul li button{padding-top: 15px;text-indent: 0;width:auto;height:auto;color:#fff;background:none;margin:0 !important;}
	.m_gnb_wrap .top_menu ul li button:before{content:'';display:inline-block;width:14px;height:14px;margin-right:5px;background: url(../../images/renewal/common/btn_top_menu02.gif) 0 0 / 100% auto no-repeat;}
	.m_gnb_wrap .top_menu ul li button.minus:before{background-position: 0 -14px;}
	.m_gnb_wrap .top_menu ul li:before{margin: 0 12px 0 6px;height: 12px;vertical-align: -3px;}
	.m_gnb_wrap .top_menu ul li:last-child{top:0;position: static;}
	.m_gnb_wrap .top_menu ul li:last-child button:before{display:none;}
	.m_gnb_wrap .top_menu ul li:last-child:before{display:inline-block;}
	.m_gnb_wrap .search{padding:18px 0 20px;}
	.m_gnb_wrap .search .search_form_wrap{position:static;width: auto;margin: 0 20px;}
	.m_gnb_wrap .search .btn01{display:block;margin:0 0 15px;font-size:20px;padding:0 20px;color:#03875b;}
	.m_gnb_wrap .search .btn01:after{content:'';display:inline-block;display:inline-block;width:8px;height:12px;margin-left:10px;vertical-align: 2px;background: url(../../images/renewal/common/btn_msearch_icon.png) 0 0 / 100% auto no-repeat;}
	.top_menu{display:none;}
	/* scrolled */
    .header.scrolled {padding-top:70px;}
    
    /* 201008 임시추가 */
    /* .header .search_form_wrap{display: none;} */
    .header .search_form_wrap{right: 45px;}
    .header .search_form_wrap .search_form_inner .search_form_input{visibility: hidden;}	

    /* 플로팅배너 */
    .floatWrap{position: fixed; top: auto; bottom: 0; left: 0; right: 0; z-index: 100;}
    .floatWrap .inr{position: relative; width: auto; margin: 0 auto;} 
    .floatWrap .inr .link_area{position: absolute; bottom: 62.50vw; right: 0; background: #fff; text-align: center; padding: 0 5px; width: 65px; box-sizing: border-box; height: auto; border-radius: 5px 0 0 0; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.17);}
    .floatWrap .inr a{display: block; height: 90px; text-align: center; border-bottom: 1px solid #e7e7e7; padding: 15px 0 0; box-sizing: border-box;}
    .floatWrap .inr a:last-child{border-bottom: none;}
    .floatWrap .inr a img{margin: 0 auto; width: auto; height: 28px;}
    .floatWrap .inr a strong{font-size: 12px; color: #000; letter-spacing: -1px; display: block; padding: 10px 0 0 0; line-height: 1;}

    .floatWrap .btn_float{position: absolute; bottom: 66.25vw; right: 52px; transform: rotate(90deg);}
    .floatWrap .btn_float span{display: block; background: #03875b; color: #fff;font-size: 10px; width: 50px; height: 24px; line-height: 24px; padding: 0 6px; border-radius: 0 0 5px 5px;}
    .floatWrap .btn_float span::after{content: ''; display: inline-block; background-repeat: no-repeat; width: 5px; height: 7px; background-size: 100% 100%; transform: rotate(-90deg); margin: 0 0 0 4px;}
    .floatWrap .btn_float span.close::after{background-image: url(../../images/renewal/main/ico-float-close.png);}
    .floatWrap .btn_float span.open{display: none;}
    .floatWrap .btn_float span.open::after{background-image: url(../../images/renewal/main/ico-float-open.png);}
    .floatWrap .btn_float.bnr_hide{right: -13px;}
    .floatWrap .btn_float.bnr_hide span.open{display: block;}
    .floatWrap .btn_float.bnr_hide span.close{display: none;}
    .floatWrap .inr .link_area.bnr_hide{right: -90px; }


	/* footer */
	.q_share_box {display: block;} 

	/* foot_top (10/10) */ 
	.foot_top .link_list{float:none; display:block; border-bottom:1px solid #ccc; text-align:center;}
	.foot_top .link_list li{float:none; display:inline-block;} 
	.foot_top .link_list li:after{content: "|"; display: inline-block; margin-top: -6px;  color: #aeafb0;  font-size: 13px; vertical-align: middle;} 
	.foot_top .link_list li:last-child:after{display:none;}  
	.foot_top .link_list li a{padding:0 13px;} 
	.foot_btm {padding:20px 0;}
	.foot_btm .foot_logo {position:static; width:100%; margin-bottom:15px; text-align:center;} 
	.foot_btm .txt_box{padding-left:0; text-align:center;} 
	.foot_top .site_box .baro_box {width:100%;} 
	.foot_top .site_box .baro_box .site_btn{width:80%;} 
	.foot_top .site_box .foot_top_btn{width:20%;}


    #footer {
        padding: 0;
        font-size: 11px;
    }

    #footer .footer_box {
        padding: 20px 0;
    }

    #footer .footer_box .guide {
        width: 100%;
        padding: 0 20px;
        margin: 0 auto;
    }

    #footer .footer_box .guide>h2 {
        float: inherit;
        text-align: left;
    }

    #footer .footer_box .guide>h2 img {
        width: 135px
    }

    #footer .footer_box .guide .foot_link {
        float: inherit;
        padding-left: 0;
        text-align: left;
        margin-top: 15px;
    }

    #footer .footer_box .guide .foot_link p {
        line-height: 18px;
        font-size: 10px;
        letter-spacing: -1px;
    }

    #footer .footer_box .guide .foot_link ul {
        display: flex;
        margin-bottom: 5px;
    }

    #footer .footer_box .guide .foot_link ul li{
        padding: 0 5px;
    }

    #footer .footer_box .guide .foot_link ul li:first-child {
    
    }

    #footer .footer_box .guide .foot_link ul li a{font-size: 12px;}
    #footer .footer_box .guide .foot_link p span{margin-right: 12px;}
    #footer .footer_box .guide .foot_link p span::after{
        margin: 0 0 0 12px;
        height: 9px;
        vertical-align: middle;
    }

    /* #footer .footer_box .guide .foot_link p span:nth-child(2)::after{display: none;} */

    #footer .footer_box .guide .foot_href {
        position: static;
        text-align: left;
        margin-top: 15px;
        padding-bottom: 10px;
    }

    #footer .footer_box .guide .foot_href ul {
        display: inline-block;
    }

    #footer .footer_box .guide .foot_href ul:first-child {
        margin-left: 0;
    }

    #footer .footer_box .guide .foot_href ul li:first-child{margin-left: 0;}
    #footer .footer_box .fot_wah {
        display: block;
        position: static;
        text-align: left;
    }
    #footer a.accessibility{ position: static; text-align : center;}

	/* banner_box1 */
	.banner_box1 .banner_slider {height: 60px;}
	.banner_box1 .banner_slider li a {height: 60px;}
	
	
}

@media screen and (max-width:767px){
	

	/* foot_top (10/10) */  
	.footer .foot_top .container {padding: 0;}
	.foot_top .link_list li a{padding:0 5px;} 
}

@media screen and (max-width:480px){
	/* common */
	body {font-size:14px;}
	.header .language_box {display: none;}
	.head_logo {width: 200px; height: auto; }

}