@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
    }
    .man .tab{
        overflow:hidden;
        margin:0 0 0 23%;
        padding:0;
        position:relative
    }
    .man .tab li{
        float:left;
        font-size:17px;
        font-weight:500;
        width:32.7%;
        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:25px 40px;
        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: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
    }

	#totalBoard01 {margin:0; padding:0; width:100%;}
	#totalBoard01:after {content:""; display:block; clear:both;}
	#totalBoard01 .tArticleSet{width:25%; float:left; background-color:#ffffff; padding:0 2%; box-sizing:border-box;}
	#totalBoard01 .tArticleSet .imgTotal{width:100%; border:#dfdfdf 1px solid; box-sizing:border-box;}
	#totalBoard01 .tArticleSet .imgTotal img{width:100%; height:auto;vertical-align:top;}
	#totalBoard01 .tArticleSet .subjectTotal{font-size:16px; color:#333333; margin:10px 0 0 0; text-align:center;}
	#totalBoard01 .tArticleSet .subjectTotal a{color:#333333; font-weight:600;}
	#totalBoard01 .tArticleSet .cateTotal{font-size:12px; color:#999999; margin:15px 0 0 0;}
	#totalBoard01 .tArticleSet .contentTotal{font-size:12px; color:#424242; margin:7px 5px 0 0; height:40px; line-height:170%; background-color:#ffffff; text-align:center;}

}
@media only screen and (min-width: 1024px) and (max-width: 1200px){
    #wrapper{
        width:100%;
        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
    }
    .man .tab{
        overflow:hidden;
        margin:0 0 0 33%;
        padding:0;
        position:relative
    }
    .man .tab li{
        float:left;
        font-size:14px;
        font-weight:400;
        width:22.7%;
        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:15px 20px;
        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: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
    }
	#totalBoard01 {margin:0; padding:0; width:100%;}
	#totalBoard01:after {content:""; display:block; clear:both;}
	#totalBoard01 .tArticleSet{width:25%; float:left; background-color:#ffffff; padding:0 2%; box-sizing:border-box;}
	#totalBoard01 .tArticleSet .imgTotal{width:100%; border:#dfdfdf 1px solid; box-sizing:border-box;}
	#totalBoard01 .tArticleSet .imgTotal img{width:100%; height:auto;vertical-align:top;}
	#totalBoard01 .tArticleSet .subjectTotal{font-size:16px; color:#333333; margin:10px 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center;}
	#totalBoard01 .tArticleSet .subjectTotal a{color:#333333; font-weight:600;}
	#totalBoard01 .tArticleSet .cateTotal{font-size:12px; color:#999999; margin:15px 0 0 0;}
	#totalBoard01 .tArticleSet .contentTotal{font-size:12px; color:#666666; margin:7px 5px 0 0; height:40px; line-height:160%; background-color:#ffffff; text-align:center;}

}
@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%
    }
	#totalBoard01 {margin:0; padding:0; width:100%;}
	#totalBoard01:after {content:""; display:block; clear:both;}
	#totalBoard01 .tArticleSet{width:25%; float:left; background-color:#ffffff; padding:0 2%; box-sizing:border-box;}
	#totalBoard01 .tArticleSet .imgTotal{width:100%; border:#dfdfdf 1px solid; box-sizing:border-box;}
	#totalBoard01 .tArticleSet .imgTotal img{width:100%; height:auto;vertical-align:top;}
	#totalBoard01 .tArticleSet .subjectTotal{font-size:16px; color:#333333; margin:10px 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center;}
	#totalBoard01 .tArticleSet .subjectTotal a{color:#333333; font-weight:600;}
	#totalBoard01 .tArticleSet .cateTotal{font-size:12px; color:#999999; margin:15px 0 0 0;}
	#totalBoard01 .tArticleSet .contentTotal{font-size:12px; color:#666666; margin:7px 5px 0 0; height:40px; line-height:160%; background-color:#ffffff; text-align:center;}

}
@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
    }
	#totalBoard01 {margin:0; padding:0; width:100%;}
	#totalBoard01:after {content:""; display:block; clear:both;}
	#totalBoard01 .tArticleSet{width:50%; float:left; background-color:#ffffff; padding:0 2%; box-sizing:border-box;}
	#totalBoard01 .tArticleSet .imgTotal{width:100%; border:#dfdfdf 1px solid; box-sizing:border-box;}
	#totalBoard01 .tArticleSet .imgTotal img{width:100%; height:auto;vertical-align:top;}
	#totalBoard01 .tArticleSet .subjectTotal{font-size:1.0em; color:#333333; margin:10px 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center;}
	#totalBoard01 .tArticleSet .subjectTotal a{color:#333333; font-weight:600;}
	#totalBoard01 .tArticleSet .cateTotal{font-size:0.85em; color:#999999; margin:15px 0 0 0;}
	#totalBoard01 .tArticleSet .contentTotal{font-size:0.80em; color:#666666; margin:7px 0 0 0; height:60px; line-height:160%; background-color:#ffffff; overflow:hidden; text-align:center;}

}
@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
    }
	#totalBoard01 {margin:0; padding:0; width:100%;}
	#totalBoard01:after {content:""; display:block; clear:both;}
	#totalBoard01 .tArticleSet{width:50%; float:left; background-color:#ffffff; padding:0 2%; box-sizing:border-box;}
	#totalBoard01 .tArticleSet .imgTotal{width:100%; border:#dfdfdf 1px solid; box-sizing:border-box;}
	#totalBoard01 .tArticleSet .imgTotal img{width:100%; height:auto;vertical-align:top;}
	#totalBoard01 .tArticleSet .subjectTotal{font-size:1.0em; color:#333333; margin:10px 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center;}
	#totalBoard01 .tArticleSet .subjectTotal a{color:#333333; font-weight:600;}
	#totalBoard01 .tArticleSet .cateTotal{font-size:0.85em; color:#999999; margin:15px 0 0 0;}
	#totalBoard01 .tArticleSet .contentTotal{font-size:0.80em; color:#666666; margin:7px 0 0 0; height:60px; line-height:160%; background-color:#ffffff; overflow:hidden; text-align:center;}
}
@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
    }
	#totalBoard01 {margin:0; padding:0; width:100%;}
	#totalBoard01:after {content:""; display:block; clear:both;}
	#totalBoard01 .tArticleSet{width:50%; float:left; background-color:#ffffff; padding:0 2%; box-sizing:border-box;}
	#totalBoard01 .tArticleSet .imgTotal{width:100%; border:#dfdfdf 1px solid; box-sizing:border-box;}
	#totalBoard01 .tArticleSet .imgTotal img{width:100%; height:auto;vertical-align:top;}
	#totalBoard01 .tArticleSet .subjectTotal{font-size:1.0em; color:#333333; margin:10px 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center;}
	#totalBoard01 .tArticleSet .subjectTotal a{color:#333333; font-weight:600;}
	#totalBoard01 .tArticleSet .cateTotal{font-size:0.85em; color:#999999; margin:15px 0 0 0;}
	#totalBoard01 .tArticleSet .contentTotal{font-size:0.80em; color:#666666; margin:7px 0 0 0; height:60px; line-height:160%; background-color:#ffffff; overflow:hidden; text-align:center;}
}