@media only screen and (min-width: 1200px) and (max-width: 1920px){
    #wrapper{
        width:100%;
        background-image:url(/image/topbg.gif);
        background-repeat:repeat-x
    }
    .top_menu{
        width:100%;
        overflow:hidden;
        border-bottom:1px solid #e3e3e3;
        padding-bottom:8px
    }
    .page_info{
        width:98%;
        padding:10px 1% 6px
    }
    #sub_container{
        width:100%
    }
    .add_footer{
        width:100%
    }
    .copyright{
        width:100%
    }
    .pc_contents{
        display:block
    }
    .mobile_contents{
        display:none
    }
    .sub06_01_size{
        width:100px
    }
    .board_skin_size{
        width:1200px!important;
        text-align:center!important
    }
    .man{
        width:100%;
        padding-bottom:100px
		padding-top:-500px;
		position:absolute;
    }
    .man .tab{
        overflow:hidden;
        padding:0;
        position:relative;
    }
    .man .tab li{
        float:left;
        font-size:16px;
        font-weight:350;
        text-align:center;
        border:1px solid #d9d9d9;
    
    }
    .man .tab li:last-child{
        border-right:1px solid #d9d9d9
    }
    .man .tab li a{
        padding:20px 10px;
        display:block;
        color:#3B3B3B;
        background:#fff
    }
    .man .tab li a:hover{
        color:#000;
        background:#ececec
    }
    .man .tab li a.selected{
        color:#3B3B3B;
        background:#D7D7D7
    }
    .man .tabtlist{
        width:1200px;
        margin:0 auto
		padding-top:250px;
    }
    .man2{
        width:100%;
        padding-bottom:100px
    }
    .man2 .tab{
        overflow:hidden;
        margin:0 0 0 33%;
        padding:0;
        position:relative
    }
    .man2 .tab li{
        float:left;
        font-size:14px;
        font-weight:400;
        width:33%;
        text-align:center;
        border:1px solid #d9d9d9;
        border-bottom:0;
        border-right:0
    }
    .man2 .tab li:last-child{
        border-right:1px solid #d9d9d9
    }
    .man2 .tab li a{
        padding:15px 20px;
        display:block;
        color:#000;
        background:#ececec
    }
    .man2 .tab li a:hover{
        color:#fff;
        background:#3e68c3
    }
    .man2 .tab li a.selected{
        color:#fff;
        background:#38bdc4
    }
    .man2 .tabtlist{
        width:1200px;
        margin:0 auto
    }
    .mainPopup{
        width:650px
    }

	.login_left{
        margin:0 0 0 30%
    }
	
}
@media only screen and (min-width: 1024px) and (max-width: 1200px){
    #wrapper{
        width:100%;
        background-image:url(/image/topbg.gif);
        background-repeat:repeat-x
    }
    .top_menu{
        width:100%;
        overflow:hidden;
        border-bottom:1px solid #e3e3e3;
        padding-bottom:8px
    }
    .page_info{
        width:98%;
        padding:10px 1% 6px
    }
    #sub_container{
        width:100%
    }
    .add_footer{
        width:100%
    }
    .copyright{
        width:100%
    }
    .pc_contents{
        display:block
    }
    .mobile_contents{
        display:none
    }
    .sub06_01_size{
        width:800px
    }
    .board_skin_size{
        width:1200px!important;
        text-align:center!important
    }
    .man{
        width:100%;
        padding-bottom:100px
		padding-top:-500px;
		position:absolute;
    }
    .man .tab{
        overflow:hidden;
        padding:0;
        position:relative
    }
    .man .tab li{
        float:left;
        font-size:14px;
        font-weight:300;
        text-align:center;
        border:1px solid #d9d9d9;
    }
    .man .tab li:last-child{
        border-right:1px solid #d9d9d9
    }
    .man .tab li a{
        padding:25px 40px;
        display:block;
        color:#3B3B3B;
        background:#fff
    }
    .man .tab li a:hover{
        color:#000;
        background:#ececec
    }
    .man .tab li a.selected{
        color:#3B3B3B;
        background:#D7D7D7
    }
    .man .tabtlist{
        width:1200px;
        margin:0 auto
    }
    .man2{
        width:100%;
        padding-bottom:100px
    }
    .man2 .tab{
        overflow:hidden;
        margin:0 0 0 33%;
        padding:0;
        position:relative
    }
    .man2 .tab li{
        float:left;
        font-size:14px;
        font-weight:400;
        width:33%;
        text-align:center;
        border:1px solid #d9d9d9;
        border-bottom:0;
        border-right:0
    }
    .man2 .tab li:last-child{
        border-right:1px solid #d9d9d9
    }
    .man2 .tab li a{
        padding:15px 20px;
        display:block;
        color:#000;
        background:#ececec
    }
    .man2 .tab li a:hover{
        color:#fff;
        background:#3e68c3
    }
    .man2 .tab li a.selected{
        color:#fff;
        background:#38bdc4
    }
    .man2 .tabtlist{
        width:1200px;
        margin:0 auto
    }
    .mainPopup{
        width:650px
    }
	.login_left{
        margin:0 0 0 25%
    }
}
@media screen and (max-width: 1024px){
    #wrapper{
        width:100%!important
    }
    .top_menu{
        width:100%!important
    }
    .page_info{
        width:98%;
        padding:10px 1% 6px
    }
    #sub_container{
        width:100%
    }
    .add_footer{
        width:100%
    }
    .copyright{
        width:100%
    }
    #sub_header{
        margin-bottom:0
    }
    .pc_contents{
        display:none
    }
    .mobile_contents{
        display:block
    }
    .sub06_01_size{
        width:800px
    }
    .board_skin_size{
        width:800px!important;
        text-align:center!important
    }
    .man{
        width:100%;
        padding-bottom:10px
    }
    .man .tab{
        overflow:hidden;
        margin:0 0 0 23%;
        padding:0;
        position:relative
    }
    .man .tab li{
        float:left;
        font-size:11px;
        font-weight:300;
        width:30.5%;
        text-align:center;
        border:1px solid #d9d9d9;
        border-bottom:0;
        border-right:0
    }
    .man .tab li:last-child{
        border-right:1px solid #d9d9d9
    }
    .man .tab li a{
        padding:10px;
        display:block;
        color:#000;
        background:#ececec
    }
    .man .tab li a:hover{
        color:#fff;
        background:#3e68c3
    }
    .man .tab li a.selected{
        color:#fff;
        background:#38bdc4
    }
    .man .tabtlist{
        width:100%;
        margin:0 auto
    }
    .man .tabtlist .list ul li p.img{
        float:left;
        width:100%
    }
    .man2{
        width:100%;
        padding-bottom:100px
    }
    .man2 .tab{
        overflow:hidden;
        margin:0 0 0 23%;
        padding:0;
        position:relative
    }
    .man2 .tab li{
        float:left;
        font-size:14px;
        font-weight:400;
        width:33%;
        text-align:center;
        border:1px solid #d9d9d9;
        border-bottom:0;
        border-right:0
    }
    .man2 .tab li:last-child{
        border-right:1px solid #d9d9d9
    }
    .man2 .tab li a{
        padding:15px 20px;
        display:block;
        color:#000;
        background:#ececec
    }
    .man2 .tab li a:hover{
        color:#fff;
        background:#3e68c3
    }
    .man2 .tab li a.selected{
        color:#fff;
        background:#38bdc4
    }
    .man2 .tabtlist{
        width:100%;
        margin:0 auto
    }
    .mainPopup{
        width:100%
    }
	.login_left{
        margin:0 0 0 25%
    }
}
@media screen and (max-width:800px){
    #wrapper{
        width:100%!important
    }
    .top_menu{
        width:100%!important
    }
    #left_gnb{
        float:none;
        display:none
    }
    #sub_content{
        margin:0;
        width:92%;
        padding:0 4%
    }
    .copy_logo{
        float:none;
        margin:0 auto;
        text-align:center
    }
    address{
        float:none;
        text-align:center
    }
    .social_btn{
        display:none
    }
    .copyright p{
        text-align:center
    }
    .pc_contents{
        display:none
    }
    .mobile_contents{
        display:block
    }
    .sub06_01_size{
        width:800px
    }
    .board_skin_size{
        width:800px!important;
        text-align:center!important
    }
    .man{
        width:100%;
        padding-bottom:10px
    }
    .man .tab{
        overflow:hidden;
        margin:0 0 0 23%;
        padding:0;
        position:relative
    }
    .man .tab li{
        float:left;
        font-size:11px;
        font-weight:300;
        width:30.5%;
        text-align:center;
        border:1px solid #d9d9d9;
        border-bottom:0;
        border-right:0
    }
    .man .tab li:last-child{
        border-right:1px solid #d9d9d9
    }
    .man .tab li a{
        padding:10px;
        display:block;
        color:#000;
        background:#ececec
    }
    .man .tab li a:hover{
        color:#fff;
        background:#3e68c3
    }
    .man .tab li a.selected{
        color:#fff;
        background:#38bdc4
    }
    .man .tabtlist{
        width:100%;
        margin:0 auto
    }
    .man .tabtlist .list ul li p.img{
        float:left;
        width:100%
    }
    .man2{
        width:100%;
        padding-bottom:100px
    }
    .man2 .tab{
        overflow:hidden;
        margin:0;
        padding:0;
        position:relative
    }
    .man2 .tab li{
        float:left;
        font-size:14px;
        font-weight:400;
        width:33%;
        text-align:center;
        border:1px solid #d9d9d9;
        border-bottom:0;
        border-right:0
    }
    .man2 .tab li:last-child{
        border-right:1px solid #d9d9d9
    }
    .man2 .tab li a{
        padding:15px 20px;
        display:block;
        color:#000;
        background:#ececec
    }
    .man2 .tab li a:hover{
        color:#fff;
        background:#3e68c3
    }
    .man2 .tab li a.selected{
        color:#fff;
        background:#38bdc4
    }
    .man2 .tabtlist{
        width:100%;
        margin:0 auto
    }
    .mainPopup{
        width:95%
    }
    .sub06_01_size{
        width:800px
    }
    .board_skin_size{
        width:100%!important;
        text-align:center!important
    }
}
@media screen and (max-width: 640px){
    #wrapper{
        width:100%
    }
    .top_menu{
        width:100%
    }
    .section_top{
        overflow:hidden;
        margin-bottom:0
    }
    .smap{
        float:none;
        width:100%;
        margin-bottom:20px
    }
    .tit_smap{
        margin:0 15px 10px;
        line-height:35px;
        color:#fff;
        text-align:center;
        border-radius:2px
    }
    ul.s_depth1{
        text-indent:0;
        line-height:24px;
        font-size:15px;
        line-height:24px;
        text-align:center
    }
    ul.s_depth2{
        text-indent:0;
        margin:0 0 7px;
        font-size:13px;
        line-height:24px
    }
    ul.s_depth2 li a{
        color:#37b6c5
    }
    .pc_contents{
        display:none
    }
    .mobile_contents{
        display:block
    }
    .man{
        width:100%;
        padding-bottom:10px
    }
    .man .tab{
        overflow:hidden;
        margin:0 0 0 23%;
        padding:0;
        position:relative
    }
    .man .tab li{
        float:left;
        font-size:11px;
        font-weight:300;
        width:40.5%;
        text-align:center;
        border:1px solid #d9d9d9;
        border-bottom:0;
        border-right:0
    }
    .man .tab li:last-child{
        border-right:1px solid #d9d9d9
    }
    .man .tab li a{
        padding:10px;
        display:block;
        color:#000;
        background:#ececec
    }
    .man .tab li a:hover{
        color:#fff;
        background:#3e68c3
    }
    .man .tab li a.selected{
        color:#fff;
        background:#38bdc4
    }
    .man .tabtlist{
        width:100%;
        margin:0 auto
    }
    .man .tabtlist .list ul li p.img{
        float:left;
        width:100%
    }
    .man2{
        width:100%;
        padding-bottom:100px
    }
    .man2 .tab{
        overflow:hidden;
        margin:0;
        padding:0;
        position:relative
    }
    .man2 .tab li{
        float:left;
        font-size:14px;
        font-weight:400;
        width:32%;
        text-align:center;
        border:1px solid #d9d9d9;
        border-bottom:0;
        border-right:0
    }
    .man2 .tab li:last-child{
        border-right:1px solid #d9d9d9
    }
    .man2 .tab li a{
        padding:15px 20px;
        display:block;
        color:#000;
        background:#ececec
    }
    .man2 .tab li a:hover{
        color:#fff;
        background:#3e68c3
    }
    .man2 .tab li a.selected{
        color:#fff;
        background:#38bdc4
    }
    .man2 .tabtlist{
        width:100%;
        margin:0 auto
    }
    .mainPopup{
        width:95%
    }
    .sub06_01_size{
        width:100%
    }
    .board_skin_size{
        width:100%!important;
        text-align:center!important
    }
	.login_left{
        margin:0 0 0 5%
    }
}
@media screen and (max-width: 320px){
    #wrapper{
        width:100%
    }
    .top_menu{
        width:100%
    }
    .pc_contents{
        display:none
    }
    .mobile_contents{
        display:block
    }
    .man{
        width:100%;
        padding-bottom:10px
    }
    .man .tab{
        overflow:hidden;
        margin:0;
        padding:0;
        position:relative
    }
    .man .tab li{
        float:left;
        font-size:11px;
        font-weight:300;
        width:24.5%;
        text-align:center;
        border:1px solid #d9d9d9;
        border-bottom:0;
        border-right:0
    }
    .man .tab li:last-child{
        border-right:1px solid #d9d9d9
    }
    .man .tab li a{
        padding:10px;
        display:block;
        color:#000;
        background:#ececec
    }
    .man .tab li a:hover{
        color:#fff;
        background:#3e68c3
    }
    .man .tab li a.selected{
        color:#fff;
        background:#38bdc4
    }
    .man .tabtlist{
        width:100%;
        margin:0 auto
    }
    .man .tabtlist .list ul li p.img{
        float:left;
        width:100%
    }
    .man2{
        width:100%;
        padding-bottom:10px
    }
    .man2 .tab{
        overflow:hidden;
        margin:0;
        padding:0;
        position:relative
    }
    .man2 .tab li{
        float:left;
        font-size:11px;
        font-weight:300;
        width:32%;
        text-align:center;
        border:1px solid #d9d9d9;
        border-bottom:0;
        border-right:0
    }
    .man2 .tab li:last-child{
        border-right:1px solid #d9d9d9
    }
    .man2 .tab li a{
        padding:10px;
        display:block;
        color:#000;
        background:#ececec
    }
    .man2 .tab li a:hover{
        color:#fff;
        background:#3e68c3
    }
    .man2 .tab li a.selected{
        color:#fff;
        background:#38bdc4
    }
    .man2 .tabtlist{
        width:100%;
        margin:0 auto
    }
    .man2 .tabtlist .list ul li p.img{
        float:left;
        width:100%
    }
    .mainPopup{
        width:95%
    }
    .sub06_01_size{
        width:100%
    }
    .board_skin_size{
        width:100%!important;
        text-align:center!important
    }
}